Re: [WSG] ive given up on css
On 5/16/07, Ben Dodson [EMAIL PROTECTED] wrote: Here's a link to put a smile on your face anyway, old school web design studio at it's best: http://www.wizwebz.co.uk ... (I kinda like it for some inexplicable reason) last updated their home page in 2000. That is old school! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- ::Bruce:: *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] my rounded corner box isn't displaying correctly in IE
Thanks for the tip,
I tried adding this for IE in the CSS:
* html #box{/*used for internet explorer*/
float:right;
width:25em;
background-color:#789;
margin:0;
padding:0;
}
but I still get the added stuff for my box:
http://www.inspired-evolution.com/Accessibility.php
anything else I can, or should try?
On 10/30/05, Joseph R. B. Taylor [EMAIL PROTECTED] wrote:
Classic box model problem.Don't apply padding or margins (unless zero)to block level elements width a set width.
Use an additional div for padding and margins.Joe Taylorhttp://sitesbyjoe.com
[WSG] my rounded corner box isn't displaying correctly in IE
I have a rounded corner box I am using with four images and it displays fine in Mozilla... http://www.inspired-evolution.com/About_Me.php in IE, however, the right side of the box is flat. Can anyone offer some suggestions in getting this to look as intended in IE? the CSS is at : http://www.inspired-evolution.com/Gilbert.css thanks much in advance! ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] hidden link to webstandards page 4 older browsers - how does it work
Attn: Paul Noone Hey Paul (or others), I noticed from the code sourceon the link you posted to have me look at your layout ( http://d81314.i50.quadrahosting.com.au/), that you have some text for a link to the standards page. this: div class=hide pThis site will look much better in a browser that supports a href="" href="http://www.webstandards.org/upgrade/">http://www.webstandards.org/upgrade/ title=Download a browser that complies with Web standards.web standards/a, but it is accessible to any browser or Internet device./p /div with display:none in your CSS for the hide class. I like this idea and wanted to implement somthing similar, but was wondering what was going on here since the text is beinghidden. Does this only show up for older browsers (eg: Netscape 4.0), and if so how is that being implemented? This would be great for me and perhaps others to learn about. thanks!!-- ::Bruce G:: www.inspired-evolution.com
[WSG] Trouble getting 3rd column to extend to footer
hello all,on a site I am working on (http://www.ncpersonalinjurylaw.com/php/Adams.php), my third column (the grey one) isn't extending down to the footer on its own. The third column is being called 'right_col' and the CSS specific to that column is:
#right_col {/*creates right column on page*/width:155px; padding:0 ;margin:0;background-color:#ccc;color:inherit;float:right;}* html div#right_col {/*creates right column on page, only IE sees this*/
width:150px; padding:0 ;margin:0;background-color:#ccc;color:inherit;float:right;}I know that that in itself doesn't tell you much so the full CSS can be located at:
http://www.ncpersonalinjurylaw.com/php/CSS/Global.cssI do want to point out that I was able to achieve equal columns using JS (the PVII equal columns technique), but I would prefer to get this working w/o JS. Also with the equal columns, things got messed up when I resized the text.
I have tried adding height :100% to the third columns div without success.Any other suggestions would be greatly appreciative.-- ::Bruce::
[WSG] a better tsolution than oveflow:auto for Mozilla?
Hello,on a new site I am working on (http://www.fortuneinteractive.com/) inMozilla/FF. you get the horizontal and vertical scroll bars on some of the pagesand I know
the reason why. It is because I am overflow:auto on my content div. Iadded this after googling and finding this was a float clearingsolver.the content div has the following CSS:div#text_area{/*hiding from IE*/
background:url(bg_text_area.jpg) repeat-y;color:#333;text-align:left;border:0;padding-top:2em;margin:0;height:100%;overflow:auto;}If I don't have the overflow:auto in FF/moz the div doesn't extend
all the way to the footer like I want (the div in question is #text_area). Any suugestions on solving thisproblem in Mozilla, FF?
let me know if I need to provide additional information...full CSS:http://www.fortuneinteractive.com/main.css
-- ::Bruce::
Re: [WSG] a better tsolution than oveflow:auto for Mozilla?
Thanks Ted,
not sure I am understanding you correctly, though. Say you have a parent div you would to extend the length of your content, and within that parent div you have a div at the top that you want to not float, but fit the width of the parent, and below the top child div, you have two more twin dis, one floated left, and one right, each taking up about 50% or half of the parent div. What would be the solution for this? I don't think floating the parent would work in this case, unless I am misunderstanding you.
On 9/27/05, Drake, Ted C. [EMAIL PROTECTED] wrote:
Hi Bruce
Try floating the content div instead. I've often found this to be the easiest fix. A floated parent will contain its floated children.
I've been writing a document for my fellow programmers about nested lists and if write parent/child one more time I think I'm going to change my name to Dr. Seuss.
Ted
From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]]
On Behalf Of Bruce GilbertSent: Tuesday, September 27, 2005 10:50 AMTo:
wsg@webstandardsgroup.orgSubject: [WSG] a better tsolution than oveflow:auto for Mozilla?
Hello,on a new site I am working on (
http://www.fortuneinteractive.com/) inMozilla/FF. you get the horizontal and vertical scroll bars on some of the pagesand I know the reason why. It is because I am overflow:auto on my content div. Iadded this after googling and finding this was a float clearing
solver.the content div has the following CSS:div#text_area{/*hiding from IE*/ background:url(bg_text_area.jpg) repeat-y;color:#333;text-align:left;border:0;padding-top:2em;margin:0;
height:100%;overflow:auto;}If I don't have the overflow:auto in FF/moz the div doesn't extend all the way to the footer like I want (the div in question is #text_area). Any suugestions on solving this
problem in Mozilla, FF?
let me know if I need to provide additional information...full CSS:
http://www.fortuneinteractive.com/main.css -- ::Bruce:: -- ::Bruce::
Re: [WSG] a better tsolution than oveflow:auto for Mozilla?
that's more or less what I am doing, but
take a look at this page in FF
http://www.fortuneinteractive.com/About.htm
scroll bars are there, if I take out overflow:auto in CSS on div#text_area
it looks even worse cuz, in FF the div only extends as far as the #right_block_content on some pages.
my CSS for #right_block_content div is:
#right_content_block_index{/*used for vertical divider on home page*/float:right;width:35%;height:100%;padding-right:10px;
}
here is an example of a page which is messed up in ff w/o the overflow:auto
http://www.fortuneinteractive.com/Clients.htm
full CSShttp://www.fortuneinteractive.com/main.css
On 9/27/05, Drake, Ted C. [EMAIL PROTECTED] wrote:
#wrap{float:left;}
#header {}
#maincontent {float:right; width:49%;}
#sidebar{float:left; width:49%}
#footer {clear:both;}
div id=wrap
div id=header/div
div id=maincontent/div
div id=sidebar/div
/div
div id=footer/div
Is this what you mean?
It's a very basic version of what you are describing. It works for me.
Normally, I float the parent for areas where I'm afraid clearing an element will also clear the sidebar. I haven't tried it for the whole page layout.
div id=gallery
dl
dtasdfa/dt
ddasdfasdF/dd
/dl
dl
dtasdfa/dt
ddasdfasdF/dd
/dl
dl
dtasdfa/dt
ddasdfasdF/dd
/dl
/div
#gallery {float:left; width:100%;}
#gallery dl {float:left; width:40%; margin:1em;}
Any feedback on this folks?
Ted
www.tdrake.net
From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]]
On Behalf Of Bruce GilbertSent: Tuesday, September 27, 2005 1:55 PMTo:
wsg@webstandardsgroup.orgSubject: Re: [WSG] a better tsolution than oveflow:auto for Mozilla?
Thanks Ted,
not sure I am understanding you correctly, though. Say you have a parent div you would to extend the length of your content, and within that parent div you have a div at the top that you want to not float, but fit the width of the parent, and below the top child div, you have two more twin dis, one floated left, and one right, each taking up about 50% or half of the parent div. What would be the solution for this? I don't think floating the parent would work in this case, unless I am misunderstanding you.
On 9/27/05, Drake, Ted C.
[EMAIL PROTECTED] wrote:
Hi Bruce
Try floating the content div instead. I've often found this to be the easiest fix. A floated parent will contain its floated children.
I've been writing a document for my fellow programmers about nested lists and if write parent/child one more time I think I'm going to change my name to Dr. Seuss.
Ted
-- ::Bruce::
[WSG] please ignore prvs. msg.
msg. sent to wrong group, sorry bout that :-)
[WSG] 2night
R U going to try and get to the art museum right at 7:00Heard from anyone else who is going??-- ::Bruce::
Re: [WSG] site not looking good in Mozilla/FF!
On 9/7/05, Geoff Pack [EMAIL PROTECTED] wrote:
3. You don't need the content wrapper either. All you really need is: wrapper header [clear] left_col, top_bar [break] center_col, right_col,
[clear] footer close wrapper
by [clear] do you mean a clearing div?
eg:
.clearing{
clear:both;
}
div class=clearing/div
On 9/7/05, Geoff Pack [EMAIL PROTECTED] wrote:
Yep, use photoshop to combine the left and right shadows and the blue column background in one image. Because you have a fixed width layout, they can be one background image.
cheers,Geoff.-Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
]On Behalf Of Bruce GilbertSent: Wednesday, 7 September 2005 11:38 PMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] site not looking good in Mozilla/FF!
thanks for the advice/suggestions. How do you add more than one background to a div? Or are you saying to combine the shadow and blue left column image in photoshop? Not quite understanding that, sorry. Also, what about the right shadow image?
thanks,On 9/7/05, Geoff Pack [EMAIL PROTECTED] wrote:Bruce,It's not looking too good in IE either - enlarge the text and the content wraps below the left nav.
General advice: get it working on Firefox *first*, and then adjust to work on IE.Specific advice:1. Get rid of the wrapper divs - you only need the outer one.Put the background on the outer wrapper - you can include both shadows, the dark blue left column background, and the grey vertical line in the one background image. By putting all this in the wrapper background, it will extend to the whole length of the wrapper, and you won't need the Project 7 _javascript_ (which doesn't seem to be working for FF).
2. Give the header, the left column, and the footer a left-margin equal to the width of your left shadow.3. You don't need the content wrapper either. All you really need is:wrapperheader
[clear]left_col, top_bar [break]center_col, right_col,[clear]footerclose wrapper4. top_bar: right-align the text instead of using all that left padding.
hope this helps...cheers,--Geoff PackDeveloperABC New Media -Original Message- From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]]On Behalf Of Bruce Gilbert Sent: Wednesday, 7 September 2005 2:05 PM To:
wsg@webstandardsgroup.org Subject: [WSG] site not looking good in Mozilla/FF! I tested the following site I am working on in Mozilla and it's not looking too good at the moment.
the URL is:http://www.semlogic.com/test/index.htm and the CSS is http://semlogic.com/test/CSS/Global.css
some of the issues are the left menu isn't displaying properly, the background image for the left column isn't displaying and the footer background isn't extending to the content. Also, the grey bar at the
top isn't looking right. Everthing validates, and it actually looks as expected in IE, but I know that these issues, are probably due to coding misjudgements, so if they could be pointed out, I would be greatly appreciative!
-- ::Bruce::**The discussion list forhttp://webstandardsgroup.org/See
http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help**
-- ::Bruce::
[WSG] IE 5.0 fix assistance needed
Hello, on my personal site at http://www.inspired-evolution.com, there are a few issues I noticed when viewing in IE 5 PC. (1) the top graphic doesn't extend all the way to the right leaving a gap between the header and container. (2) top menu is all bunched together and floating to the left below my header, and my bottom menu is doing something similar. (3) the dark blue container background extendsbelow my grey footer background, which I do not want. eg: footer is notsticking tothe bottom like I intended. If anyone can offer assistance in these fixes, I would be greatly appreciative! URL: http://www.inspired-evolution.com CSS: http://www.inspired-evolution.com/Gilbert.css-- ::Bruce::
Re: [WSG] site not looking good in Mozilla/FF!
thanks for the advice/suggestions. How do you add more than one background to a div? Or are you saying to combine theshadow and blue left column imagein photoshop? Not quite understanding that, sorry. Also, what about the right shadow image? thanks, On 9/7/05, Geoff Pack [EMAIL PROTECTED] wrote: Bruce,It's not looking too good in IE either - enlarge the text and the content wraps below the left nav. General advice: get it working on Firefox *first*, and then adjust to work on IE.Specific advice:1. Get rid of the wrapper divs - you only need the outer one.Put the background on the outer wrapper - you can include both shadows, the dark blue left column background, and the grey vertical line in the one background image. By putting all this in the wrapper background, it will extend to the whole length of the wrapper, and you won't need the Project 7 _javascript_ (which doesn't seem to be working for FF). 2. Give the header, the left column, and the footer a left-margin equal to the width of your left shadow.3. You don't need the content wrapper either. All you really need is: wrapper header [clear] left_col, top_bar [break] center_col, right_col, [clear] footer close wrapper4. top_bar: right-align the text instead of using all that left padding. hope this helps...cheers,--Geoff PackDeveloperABC New Media -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]]On Behalf Of Bruce Gilbert Sent: Wednesday, 7 September 2005 2:05 PM To: wsg@webstandardsgroup.org Subject: [WSG] site not looking good in Mozilla/FF! I tested the following site I am working on in Mozilla and it's not looking too good at the moment. the URL is:http://www.semlogic.com/test/index.htm and the CSS is http://semlogic.com/test/CSS/Global.css some of the issues are the left menu isn't displaying properly, the background image for the left column isn't displaying and the footer background isn't extending to the content. Also, the grey bar at the top isn't looking right. Everthing validates, and it actually looks as expected in IE, but I know that these issues, are probably due to coding misjudgements, so if they could be pointed out, I would be greatly appreciative! -- ::Bruce:: ** The discussion list forhttp://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help ** **The discussion list forhttp://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** -- ::Bruce::
[WSG] site not looking good in Mozilla/FF!
I tested the following site I am working on in Mozilla and it's not looking too good at the moment. the URL is: http://www.semlogic.com/test/index.htm and the CSS is http://semlogic.com/test/CSS/Global.css some of the issues are the left menu isn't displaying properly, the background image for the left column isn't displaying and the footer background isn't extending to the content. Also, the grey bar at the top isn't looking right. Everthing validates, and it actually looks as expected in IE, but I know that these issues, are probably due to coding misjudgements, so if they could be pointed out, I would be greatly appreciative! -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] issues with trying to overlay background-images
Hello group.
On a page I am working on, I am trying to get a background image for a
search bar to overlap and appear in front of another background image.
I am not sure if this is even possible, but I am trying to do it using
z-index to no avail.
the page url is:http://www.semlogic.com/new_version/template.htm
and the relevent CSS is
#header {
margin:0;
padding:0;
width:780px;
height:142px;
background: url(../images/bkg_header.gif);
z-index:100;
}
#grey_bar{/*grey bar used below logo header*/
background:#c1c1c1 url(../images/search_bkg.gif) top right no-repeat;
width:100%;
height:auto;
z-index:1;
}
the grey bar has a background positioned right which is the background
for the search bar and I want that to extend beyond (above) the
boundaries of the grey_bar div and appear in front of the image in the
header div.
hope this makes a little bit of sense.
the full css is at :
http://www.semlogic.com/new_version/css/style.css
any suggestions for accomplishing this is greatly appreciated!
thanks,
--
::Bruce::
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] getting ie 6 PC to behave with padding, margins and h1 within a div
I have a div bar, which I am trying to make the height narrower, but
in IE PC , it doesn't want to cooperate unless I add a specific height
to the div, but then my h1, appears at the top of the div, so I try
adding some padding or margin to the h1 which expans the height of the
div which it contains and I DONT want that.
here is the page:http://www.wealthdevelopmentmortgage.com/Bruce/index.htm
I am referring to the green bar with the h1 'home'
CSS in question:
* html div#page_title_bar{/*for IE to make bar thinner*/
background-color:#9bb58f;
padding:0;
margin:0;
border-top:1px solid #363;
border-bottom:1px solid #363;
height:15px;
}
* html div#page_title_bar h1{/*for IE again*/
margin-top:.25em;
}
anything I can do here?
thanks
--
::Bruce::
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] footer at bottom of page
I was hoping someone could look at this page http://www.wealthdevelopmentmortgage.com/Bruce/Company.htm and help me with getting the footer at the absolute bottom of the page. Right now, as I look at in in FF PC, there is some of the body which shows below it. The body is green and the footer is white. the CSS is at : http://www.wealthdevelopmentmortgage.com/Bruce/WDM.css thx! -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] browser v.5 woes
I just checked a site I am working on in both PC and Mac v. 5.0 and the page is looking pretty crappy in those browsers. I am most interested in getting things looiking better in IE PC 5.0. The main probs are top menu scrunched together with side borders and h1 title page div not enough padding . Any hacks I can apply specifically to the 5's is greatly appreciative. URL: http://www.wealthdevelopmentmortgage.com/Bruce/Company.htm CSS:http://www.wealthdevelopmentmortgage.com/Bruce/WDM.css -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] a few more issues with page layout with definition list
Hello, thanks for the information about using a definition list to layout thumbnail images and text. I think this is a great way to do things. I am still having some layout issues looking at firefox on the PC though. take a look at http://www.wealthdevelopmentmortgage.com/test/test_file_home.htm and the CSS at http://www.wealthdevelopmentmortgage.com/test/WDM.css the thumbnail images and the text, aren't quite aligning like I want.The dt shoul align to the right off the image above the dd list. and a little for space between the image and text. another small issue I am seeing is the picture with the hand holding the key has some unwanted spacing at the top before you get to the darker green bar. I need to get rid of that spacing and am not sure where it is coming from. Any assistance on this is greatly appreciated!!! -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] a few more issues with page layout with definition list
On 8/4/05, Rachel Radford [EMAIL PROTECTED] wrote:
Hi Bruce,
It's looking good but quite different between FF and IE...
Try putting a negative top margin on the image with the hand and key... that
should fix that problem for Firefox. But you might need to make it
conditional so that IE 6 won't do it too. From a design point of view
perhaps a background colour on the div id=maincontent_image so that you
don't get the green colour below the image and so you create a visual
column??
Hey Rachel and group,
thanks for the tip about the neg. margin. Looks good in FF now but it
did mess up IE. What would a conditional statement for IE 6 consist
of?
here is the CSS in question:
div#maincontent_image{/*used as a holder and placement for main images
which appear on a page*/
float:left;
width:214px;
height:366px;
border-right:1px solid #333;
margin:-1.14em 1.5em 0 0;
background-color:#363;
}
http://www.wealthdevelopmentmortgage.com/test/test_file_home.htm
http://www.wealthdevelopmentmortgage.com/test/WDM.css
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] how should I mark this up ? (thumbnail links)
I have a test site set up at http://www.wealthdevelopmentmortgage.com/test/test_file.htm and part of it I am struggling as the best way to code it. That would be the thumbnail images links you see around the middle of the page (free applications, cost estimate, one on one). right now I have a container div and individual divs to separate the images. My first problem is I want to get rid of the border around the images, since they are links. my second problem is I need the link txt to line up to the top right of the images and have some more text below it which explains what the link is. This is probably no simple, but any suggestions are appreciated. -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Re: digest for wsg@webstandardsgroup.org
David Laakso wrote: Major Tom says, neither: img src=image.jpg height=25 width=45 alt=Astronaut title= Major Tom took his protein pill and put his helmet on... / (but then what does he know...?) This is ground control to Major Tomhuh? On Sat, 09 Jul 2005 16:06:04 1000, wsg@webstandardsgroup.org wsg@webstandardsgroup.org wrote: WEB STANDARDS GROUP MAIL LIST DIGEST If you have suddenly been thrown into digest mode and don't know why, it's because your address was bouncing for at least 5 posts. To revert to a standard subscription, please log into the website - http://webstandardsgroup.org/manage/ - and select Edit your login details and mail list subscriptions from the members home page and change the selection toFull WSG list. You can change your subscription at any time and you can now select a different email address for WSG and WSGCMS list posts. You can also suspend email from these lists. To unsubscribe entirely and leave the group, please log into the website and select Unsubscribe from the members home page. You can reach Russ and Peter the list managers at info@webboy.net When replying, please edit your Subject line so it is more specific than WSG Digest There are some problems with the Digest version. Our apologies for this. It is the way that SmarterMail handles it so that HTML email and attachments are not put into the digest as source code. We are STILL talking with the software developers about this. -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] image height and width question which is better CSS or inline
I have a question about which is the better way to approach adding a
height width to an image for accessibilty/standards.
img src=image.jpg height=25 width=45 /
or img src=image.jpg class=thisimage /
and in the CSS have:
.thisimage{
height:25px;
width:45px;
}
or is either one o.k?
TIA
--
::Bruce::
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] problems with aligning of thumbnails
I am *trying* to get my thumbnail images to align center to their
respective backgrounds and also to change border color on mouseover
and I am not able to accomplish either one at the moment.
The page in question is http://inspired-evolution.com/Graphics.php
and CSS can be found at http://inspired-evolution.com/Gilbert.css
pertinent CSS is:
dl.gallery
{
border: 1px solid #33;
background-color: #b0c4de;
width: 175px;
float:left;
text-align:center;
margin-left:3em;
}
.gallery dt { font-weight: bold; font-color:#66;padding:0; margin:0}
.gallery dt img
{
border: 1px solid #66;
width: 144px;
height: 144px;
}
.gallery dt img.ams
{
border: 1px solid #66;
width: 144px;
height: 79px;
}
.gallery dt img a:link
{
border: 1px solid #66;
}
.gallery dt img a:visited
{
border: 1px solid #66;
}
.gallery dt img a:hover
{
border: 2px solid #33;
}
.gallery dt img a:active
{
border: 1px solid #33;
}
.gallery dd
{
margin: 0;
padding: 0;
}
any assistance is greatly appreciative!
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] trouble with extra width in IE PC
Hello, I am having a devil of a time trying to fix a problem with page not aligning correctly width wise in IE on the PC. If you are on IE on the PC and go to http://www.inspired-evolution.com/Hireme.php you will see what I mean. The dark blue area to the right of 'hire me' has extra padding or something wich make it extend on the right beyond the header and top navigation. If someone could take a look at the CSS and let me know of any solutions, I would be appreciative. CSS is http://www.inspired-evolution.com/Gilbert.css. -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] valid javascript code
Hello, I just tried to validate a page against an XHTML strict DTD with javascript code and received these errors: there is no attribute language required attribute type not specified I am calling the JS code externally and thought it was correct. the syntax in question is: script language=javascript src=/javascript/rollover.js/script what am I doing wrong?? TIA -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] not sure why I am getting errors in CSS file
Can someone do me a favor and run my CSS through the CSS validator at w3c.org and see if they can determine what the errors mean and what needs be sone to correct? I am not sure why I am getting about 7 errors in my CSS file. I'm working only in a text editing program and not a good CSS editor, so I may be doing something stupid that I can't see at first glance. Anyway the CSS is located at http://www.inspired-evolution.com/Gilbert.css TIA! -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] information architecture
can someone give me a good explanation on what information acrhitecture is as it relates to web standards? I seen the word(s) used a lot lately. thanks, -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] style sheet set up
is there any standard way to set up the flow of a style sheet? I usually try and use just one style sheet and start with global elements such as body, p, table, li etc. followed by elements as they flow on a page from header to footer. I use one stylesheet even though with a large site, this can become quite large. Looking for suggestions/thoughts on what others do such as multiple stylesheets vs. one big one, layout of styles, etc. thanks in advance, -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] why doesn't this validate with w3c.org and what to do about it
I have some comments within my CSS to let me or anyone else know what
is controlling what
eg:
/*aligns list in middle of page*/
p.middle{test-align:center}
validation doesn't like this.is there a fix? or should I just ignore???
TIA
--
::Bruce::
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] best way to approach markup of an address
for an address, which way is best address 1st linebr / 2nd linebr / 3rd linebr / /address or address1st line/address address2nd line/address address3rd line/address TIA! -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] css markup for a list with a list
I have an unorganized sublist ul with a organized list ol and it's
not picking up my CSS. Sorry I don't have a link to the page I can
display, but was hoping someone could assist based upon my code.
(x) html:
div class=content
ol
lifirst list item/li
li2nd list item/li
li3rd list item:
ul
lifirst sublist item for 3rd list item/li
li2nd sublist item for 3rd list item/li
/ul
/li
li4th list item
ul
li1st sublist item for 4th list item/li
li2nd sublist item for 4th list item/li
/ul
/li
/ol
/div
CSS:
.content ol li ul li {
margin: 0 0 0 25px;
list-style-type: none;
font-size: 100%;
color: #f00;
}
I have a font size of 100.01% set up in the body tag.
my sublist is displaying really tiny and with bullets (should be no bullets)
any help is greatly appreciated!
--
::Bruce::
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] need explanation on this css element please
Can someone explain exactly what using * in front of something does such as
*html li {padding:0;margin:0;}
also, I noticed this doesn't validate by w3c, but I see it a lot
--
::Bruce::
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] how to mark up h3 header for list
I don't think w3c standards will allow mark-up this way, so I was wondering the best way to mark up a header for a list. looking for standards, and accessibility. what I currently have is: div id=list1 ul class=navlist h3Most Requested/h3 lia href=# title=How to EnrollHow to Enroll/a/li lia href=# title=Lunch Menus Lunch Menus/a/li lia href=# title=Emergency InformationEmergency Information/a/li lia href=# title=CalendarsCalendars/a/li lia href=# title=Contact UsContact Us/a/li lia href=# title=Test ScoresTest Scores/a/li /ul /div thanks -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] problems fitting content in third column in IE win
I was hoping someone could look at a test page I am workin on located at: http://www.echs.dpsnc.net/testing/html/public_affairs.htm. the problem I am having is in IE Win, the text in the third column (on the right) is not fitting inside the column borders. I originally tested using firefox, so I got the text to fit perfectly with that browser and any extra padding or margin I add to help out with IE will push things too far over to the right in the mozilla browsers. Starting to get my predicament? It's driving me batty! Any hints, suggestions or solutions would be greatly appreciated. the CSS can be found at http://www.echs.dpsnc.net/testing/css/DPS_top_level.css TIA -- ::Bruce:: ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] code 4 son of suckerfish to work on Mac IE browser
A short while back, I believe someone posted work around code in order for the son of suckerfish drop down menu to work on a Mac IE browser. The code that should be changed was: if (window.attachEvent) window.attachEvent(onload, sfHover); I can't remember what exactly needed to be changed. Can someone refresh my memory? TIA Bruce Gilbert Webmaster Durham Public Schools Durham, North Carolina (919) 560-9118 -Office Phone http://www.dpsnc.net * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] code 4 son of suckerfish to work on Mac IE browser
that's great, thanks! Bruce Gilbert Webmaster Durham Public Schools Durham, North Carolina (919) 560-9118 -Office Phone http://www.dpsnc.net Paul Burchfield [EMAIL PROTECTED] m To Sent by: [EMAIL PROTECTED] [EMAIL PROTECTED] cc group.org Subject Re: [WSG] code 4 son of suckerfish 07/12/2004 03:05 to work on Mac IE browser PM Please respond to [EMAIL PROTECTED] roup.org Bruce, I think this might be what you are looking for: http://www.htmldog.com/ptg/archives/50.php#comment17 -Paul B. On Jul 12, 2004, at 10:41 AM, [EMAIL PROTECTED] wrote: A short while back, I believe someone posted work around code in order for the son of suckerfish drop down menu to work on a Mac IE browser. The code that should be changed was: if (window.attachEvent) window.attachEvent(onload, sfHover); I can't remember what exactly needed to be changed. Can someone refresh my memory? TIA Bruce Gilbert Webmaster Durham Public Schools Durham, North Carolina (919) 560-9118 -Office Phone http://www.dpsnc.net * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] Bruce Gilbert is out of the office.
I will be out of the office starting 06/21/2004 and will not return until 06/23/2004. I will respond to your message when I return on Wednesday, June 23rd. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] third style sheet needed?
the site is http://creekside.dpsnc.net and the CSS is located at http://creekside.dpsnc.net/print.css and http://creekside.dpsnc.net/creekside.css\ P.S... I'm aware that the URL below my name is a mess. but that's a different story :-) Bruce Gilbert Webmaster Durham Public Schools Durham, North Carolina (919) 560-9118 -Office Phone http://www.dpsnc.net Mordechai Peller [EMAIL PROTECTED] m To Sent by: [EMAIL PROTECTED] [EMAIL PROTECTED] cc group.org Subject Re: [WSG] third style sheet needed? 05/31/2004 05:47 PM Please respond to [EMAIL PROTECTED] roup.org [EMAIL PROTECTED] wrote: I have a style sheet I am using for the web media=screen and I also have one for print purposes media=print. I also want to hide the CSS from older browsers such as NS 4.0 etc. using the @import feature if possible. snip/ It would help if you supplied either a URL or a code snipped. I have a guess at what the problem is, but I'd rather withhold my guesses since code would make guessing unnecessary. http://www.dpsnc.net This URL doesn't match your description, so I assume you're referring to a different one. It, by the way, is a mess. It has two heads with a form tag in between. Needless to say it doesn't validate. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] third style sheet needed?
thanks, I actually did run in through the validator once, but I guess not after adding the second style sheet. My mistake there. I'm really not lazy and don't expect others to do my work for meI'm just forgetfull :-) Bruce Gilbert Webmaster Durham Public Schools Durham, North Carolina (919) 560-9118 -Office Phone http://www.dpsnc.net Mordechai Peller [EMAIL PROTECTED] m To Sent by: [EMAIL PROTECTED] [EMAIL PROTECTED] cc group.org Subject Re: [WSG] third style sheet needed? 06/01/2004 10:33 AM Please respond to [EMAIL PROTECTED] roup.org [EMAIL PROTECTED] wrote: the site is http://creekside.dpsnc.net and the CSS is located at http://creekside.dpsnc.net/print.css and http://creekside.dpsnc.net/creekside.css\ I take it you didn't try to validate? If you did, you probably would have found the extra quotation mark in the link/. That might solve your problem with the @-rule being ignored. If that doesn't solve the problem, copy and paste the links and @-rules you're using to your message. You should realize that while people here are very happy to help, they don't want it for you. By not running a page first through the validator, you're basically saying to people I'm too lazy to do my own work; you do it for me. * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] third style sheet needed?
I have a style sheet I am using for the web media=screen and I also have one for print purposes media=print. I also want to hide the CSS from older browsers such as NS 4.0 etc. using the @import feature if possible. When I do the @import feature the page defaults to my print style sheet for some reason. I have tried doing both @import url for the stylesheets and also leaving one as a link and the other @import. Am I doing something wrong or is there another way to get the older browsers to ignore the CSS? TIA Bruce Gilbert Webmaster Durham Public Schools Durham, North Carolina (919) 560-9118 -Office Phone http://www.dpsnc.net * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] when to place as a background in CSS
Hello Group, I am creating a web site, that I want to make as accessible as possible. Some important images such as logos and the mast header I have placed in img tags within the (x) html so I can give them alt tags, but other images which are basically decoration, I have placed within the CSS div tags as background images. Is this o.k to do as long as the images don't have any specific meaning to the content? Bruce Gilbert Webmaster Durham Public Schools Durham, North Carolina (919) 560-9118 -Office Phone http://www.dpsnc.net * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
Re: [WSG] CSS calendar
I was just going to suggest Eric Meyer on CSS as well. Bruce Gilbert Webmaster Durham Public Schools Durham, North Carolina (919) 560-9118 -Office Phone http://www.dpsnc.net Barbara Dozetos [EMAIL PROTECTED] To Sent by: [EMAIL PROTECTED] [EMAIL PROTECTED] cc group.org Subject [WSG] CSS calendar 05/14/2004 09:11 AM Please respond to [EMAIL PROTECTED] roup.org Hello all, Anyone have examples of calendars created with CSS? I want to create a calendar for our clients to see when we have training scheduled, etc. and I'm curious to see what others have managed. Thanks. Barb -- Barbara Dozetos [EMAIL PROTECTED] Physician's Computer Company Marketing Team 1 Main St., Ste 7802-846-5532 Winooski, VT 05404 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
