[WSG] CSS Problem in Mozilla and IE6
Here is the link to a website, and I've only gotten this far: http://www.nichemktghouston.com/mneiman/physician.html So far, It looks proper in IE7, but in Mozilla, the horizontal navigation links do not center but rather move to the right so that I don't see the full Contact link. In IE 6, the pageHeader div is not stacked directly above the nav div. There is some additional white space (from the background color). Could anyone please help. I seem to do fine with CSS when the navigation is vertical in a column, but I always run into problems when the navigation is horizontal. Thank you, Joyce *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
In your CSS
change to this:
#nav ul {
margin: 0px 35px 0 35px;
padding: 5px 0 0 0;
text-align: center;
}
this works in FF 2 but note it has not been tested in IE.
RM
On 8/10/07, Joyce Evans [EMAIL PROTECTED] wrote:
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal navigation
links do not center but rather move to the right so that I don't see the
full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the navigation
is vertical in a column, but I always run into problems when the navigation
is horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
For the mneimanlogo image
img{display:block} should do it.
--
E. Michael Brandt
www.divaHTML.com
divaGPS : you-are-here menu highlighting
divaFAQ : FAQ pages with pizazz
www.valleywebdesigns.com
JustSo PictureWindow
JustSo PhotoAlbum
--
Joyce Evans wrote:
Thanks so much for the information to make this appear correctly in FF 2!
Now if someone has a clue why the page header div won’t sit right on top
of the nav div but rather splits (showing some of the white background)
while viewing in IE6, that would be great!
Joyce
*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
*On Behalf Of *Ryan Moore
*Sent:* Friday, August 10, 2007 12:35 PM
*To:* wsg@webstandardsgroup.org
*Subject:* Re: [WSG] CSS Problem in Mozilla and IE6
In your CSS
change to this:
#nav ul {
margin: 0px 35px 0 35px;
padding: 5px 0 0 0;
text-align: center;
}
this works in FF 2 but note it has not been tested in IE.
RM
On 8/10/07, *Joyce Evans* [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the
navigation is vertical in a column, but I always run into problems when
the navigation is horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Add to Ryans change in the css below, that you have no spaces in the code
for the header like this:
div id=pageHeaderimg
src=http://www.nichemktghouston.com/mneiman/images/mneiman_logo.jpg;
alt=Melissa Neiman width=700 height=143 //div
Then I think you should be good to go
Regards
~Veine
In your CSS
change to this:
#nav ul {
margin: 0px 35px 0 35px;
padding: 5px 0 0 0;
text-align: center;
}
this works in FF 2 but note it has not been tested in IE.
RM
On 8/10/07, Joyce Evans [EMAIL PROTECTED] wrote:
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation
links do not center but rather move to the right so that I don't see the
full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the
navigation
is vertical in a column, but I always run into problems when the
navigation
is horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
And I should include the asterisk (*) as part of the code you gave me below?
Thank you.
Joyce
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Ryan Moore
Sent: Friday, August 10, 2007 1:22 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS Problem in Mozilla and IE6
Hi Joyce,
While this may/may not help resolve your issue, i recommend adding this to
the beginning of your stylesheet.
* {
padding:0;
margin:0;
}
it will set the default margins and padding for all elements to 0. You
would then have to specify margins and paddings for all elements, it gives
you more control over the layout as some browsers are known to have
different default margins and paddings for elements.
RM
On 8/10/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Joyce Evans wrote:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
Add...
ul {padding: 0;}
...to zero out Gecko's defaults on that list.
Nothing prevents that menu from getting skewed from font resizing though.
In IE 6, the pageHeader div is not stacked directly above the nav
div. There is some additional white space (from the background
color).
Add...
#pageHeader img {display: block;}
...to override the 'display: inline' default for that image.
regards
Georg
--
http://www.gunlaug.no http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS Problem in Mozilla and IE6
Thanks to all! Everything works now.
Joyce
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Gunlaug Sørtun
Sent: Friday, August 10, 2007 1:08 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS Problem in Mozilla and IE6
Joyce Evans wrote:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
Add...
ul {padding: 0;}
...to zero out Gecko's defaults on that list.
Nothing prevents that menu from getting skewed from font resizing though.
In IE 6, the pageHeader div is not stacked directly above the nav
div. There is some additional white space (from the background
color).
Add...
#pageHeader img {display: block;}
...to override the 'display: inline' default for that image.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Good stuff!
Thanks! Sorry about all of the thanks, but you guys are amazing. I just
learned a lot!
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kepler Gelotte
Sent: Friday, August 10, 2007 1:19 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] CSS Problem in Mozilla and IE6
Hi Joyce,
Try defaulting all the element margin and padding settings to zero. You can
do this by adding the following to your CSS file:
* {
MARGIN: 0;
PADDING: 0;
}
This should take care of the Mozilla problem. Also, I noticed you have white
text over a grey background image for your navigation menu. For people who
have their images turned off, this will end up as white text on a white
background. Try setting the BACKGROUND-COLOR: #999; in #nav to fix this.
Regards,
Kepler Gelotte
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Joyce Evans
Sent: Friday, August 10, 2007 1:22 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] CSS Problem in Mozilla and IE6
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal navigation
links do not center but rather move to the right so that I don't see the
full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the navigation is
vertical in a column, but I always run into problems when the navigation is
horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi Joyce,
While this may/may not help resolve your issue, i recommend adding this to
the beginning of your stylesheet.
* {
padding:0;
margin:0;
}
it will set the default margins and padding for all elements to 0. You
would then have to specify margins and paddings for all elements, it gives
you more control over the layout as some browsers are known to have
different default margins and paddings for elements.
RM
On 8/10/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Joyce Evans wrote:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
Add...
ul {padding: 0;}
...to zero out Gecko's defaults on that list.
Nothing prevents that menu from getting skewed from font resizing though.
In IE 6, the pageHeader div is not stacked directly above the nav
div. There is some additional white space (from the background
color).
Add...
#pageHeader img {display: block;}
...to override the 'display: inline' default for that image.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Thanks so much for the information to make this appear correctly in FF 2!
Now if someone has a clue why the page header div won't sit right on top of
the nav div but rather splits (showing some of the white background) while
viewing in IE6, that would be great!
Joyce
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Ryan Moore
Sent: Friday, August 10, 2007 12:35 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS Problem in Mozilla and IE6
In your CSS
change to this:
#nav ul {
margin: 0px 35px 0 35px;
padding: 5px 0 0 0;
text-align: center;
}
this works in FF 2 but note it has not been tested in IE.
RM
On 8/10/07, Joyce Evans [EMAIL PROTECTED] wrote:
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal navigation
links do not center but rather move to the right so that I don't see the
full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the navigation is
vertical in a column, but I always run into problems when the navigation is
horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Problem in Mozilla and IE6
Joyce Evans wrote:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
Add...
ul {padding: 0;}
...to zero out Gecko's defaults on that list.
Nothing prevents that menu from getting skewed from font resizing though.
In IE 6, the pageHeader div is not stacked directly above the nav
div. There is some additional white space (from the background
color).
Add...
#pageHeader img {display: block;}
...to override the 'display: inline' default for that image.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] css problem - navigation bar
Hi
I realise you may all
become frustrated with first time web site
developers' problems, but please know that I'd really appreciate any
help you may be able to provide.
I'm developing my first
site - trying to teach myself css - and have
encountered some browser incompatablity mostly regarding my
navigation bar that seems to be messing things up. I've tried fiddling
with the css, but can't seem to resolve the problem.
My site is at
http://studentweb.usq.edu.au/home/w0011373/
The navigation bar is just the way I want it on Firefox and Netscape,
but in IE the submenus don't appear. It uses 'active' and sub active'
in the css / html. Any ideas on a way around?
There's also the problem
of the positioning of the nav bar. In Firefox
and Netscape it positions where I want it in the container. In IE and
Opera it positions to the very left, which makes it too close to the
centre column. I didn't realise this was the problem until I changed
the background to a different colour to the page background so I
could see what was happening. Any ideas on how to fix it?
Here's the css code (external)
for the nav bar.
/*style for main navigation
bar*/
#navlist{
list-style-type: none;
background-color: #ff;
font-family: Courier,
Courier New, monospace;
font-size: .8em;
text-align:left;
letter-spacing: 1px;
text-decoration: none;
margin-left: 5px;
}
#active:hover li {
display: block;
}
#active li {
display: none; }
#subactive:hover li {
display: block;
}
#subactive li {
display: none; }
#navcontainer
{
top: 0px;
width: 200px;
margin: 0px;
voice-family: \}\;
voice-family:inherit;
width: 120px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
}
#navcontainer a
{
border-top: 2px #dad6ca
solid;
right: 10px;
color: gray;
width: 120px;
display: block;
padding-top: 5px;
padding-bottom: 5px;}
#navcontainer a:visited
{
color: gray;
background-color: #ff;}
#navcontainer a:active
{
color: red;
background-color: #fbfbae;
}
#navcontainer a:hover
{
color: #FF9900;
background-color: #d0;
}
==
If you can shed light on this, it will really help. I'm quite frustrated at
the moment at not being able to resolve it by myself, despite many
many attempts. Any other suggestions for glaringly obvious
mistakes I've made would be most appreciated.
Thanks in advance
Carole
Carole Hunter
Instructional designer
ph: (679) 323 2041
fax: (679) 323 1539
email: [EMAIL PROTECTED]
DFL Support Centre, USP, Suva
[WSG] CSS problem solving
Hi all, I have been noticing more CSS questions coming onto the list. This is all cool. One of our main aims is to help developers move towards web standards/best practice. However, if you are just getting into CSS it might be worth your time reading a few CSS classic articles: Position is everything: 1. http://positioniseverything.net/articles/mys-bug.html 2. http://positioniseverything.net/articles/common.html (Worth reading ALL their articles!) Mezzoblue 1. http://www.mezzoblue.com/archives/2004/03/10/css_problems/ 2. http://www.mezzoblue.com/css/cribsheet/ Andy Budd: 1. http://www.andybudd.com/archives/2003/12/css_crib_sheet_1_gaps_between_verti cal_nav_elements_in_ie5/index.php 2. http://www.andybudd.com/archives/2003/12/css_crib_sheet_2_clearing_floats/in dex.php 3. http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div/in dex.php I'm sure there are many others... Thanks Russ ** 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 problem solving
Hi, Actually CSS is the main reason I joined here. Since I am teaching myself how to do all of this, I try to join where the information is reported to be excellent. Here is another excellent link for css information. http://westciv.com/ [cssaddict] aka Debbie ** 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 problem solving
Thanks, Russ - yes, there are some great articles around and I have printed out so many and bookmarked so many it is hard to keep track. I find that as a beginner to CSS the main problem is actually recognising just what each problem is. Sometimes when something doesn't work as one expects it is hard to know just where to start the search for what is wrong. Keep reading, I suppose and if that doesn't turn up an answer, then post here. Lyn Patterson
Re: [WSG] CSS problem solving
Here are all my resources I use so far... http://www.trovster.com/resources.html Still with a lot to sort out...!! On Tue, 12 Oct 2004 07:13:40 +0800, Lyn Patterson [EMAIL PROTECTED] wrote: Thanks, Russ - yes, there are some great articles around and I have printed out so many and bookmarked so many it is hard to keep track. I find that as a beginner to CSS the main problem is actually recognising just what each problem is. Sometimes when something doesn't work as one expects it is hard to know just where to start the search for what is wrong. Keep reading, I suppose and if that doesn't turn up an answer, then post here. Lyn Patterson -- http://www.trovster.com ** 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 problem solving
These links have now been added to the Resources section of the Web Standards Group website, under 'CSS Browser Bugs and Problems' at: http://webstandardsgroup.org/resources/#cat23 There are many more CSS resources here as well: CSS General Resources: http://webstandardsgroup.org/resources/#cat11 CSS Layout Resources: http://webstandardsgroup.org/resources/#cat10 CSS Tutorials: http://webstandardsgroup.org/resources/#cat24 Also, feel free to add your own links to the Resources pages, as that's what they're there for. Original Message From: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Subject: RE: [WSG] CSS problem solving Date: Tue, 12 Oct 2004 08:20:01 +1000 Hi all, I have been noticing more CSS questions coming onto the list. This is all cool. One of our main aims is to help developers move towards web standards/best practice. However, if you are just getting into CSS it might be worth your time reading a few CSS classic articles: Position is everything: 1. http://positioniseverything.net/articles/mys-bug.html 2. http://positioniseverything.net/articles/common.html (Worth reading ALL their articles!) Mezzoblue 1. http://www.mezzoblue.com/archives/2004/03/10/css_problems/ 2. http://www.mezzoblue.com/css/cribsheet/ Andy Budd: 1. http://www.andybudd.com/archives/2003/12/css_crib_sheet_1_gaps_betwee n_verti cal_nav_elements_in_ie5/index.php 2. http://www.andybudd.com/archives/2003/12/css_crib_sheet_2_clearing_fl oats/in dex.php 3. http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a _div/in dex.php I'm sure there are many others... Thanks Russ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Regards, David McDonald Web Designer http://www.davidmcdonald.org ** 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 problem
Veine I do this all the time in Mac. It looks as though your page is working now with it in Mac IE5.2. It's all about floating and sizing it properly. All Mac IE bugs are usually easy to fix. For the future IMO you should design the layout using colored boxes and dummy text until you know its right, bug fixes and all, and then add your content. This way the content won't be getting in your way. Leo Can someone take a look at this page: http://vikberg.net/IAMU Veine K Vikberg http://www.vikberg.net Professional Web Guru * 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 problem
Hello; Can someone take a look at this page: http://vikberg.net/IAMU and suggest how I best separate the blue links from the white content area so it doesn't 'hog' the line? TIA ~Veine Veine K Vikberg http://www.vikberg.net Professional Web Guru
Re: [WSG] CSS problem
Thank you, appreciated :o) However, no solution to my original problem, I think the box not expanding is just an oversight on my part not to use clearing div's :o) *Note to self, check out Mac platform too! :o) ~Veine At 02:01 PM 4/8/2004 -0500, you wrote: Veine, Just wanted to let u know that in Mac OSX/IE 5.2 the body copy overflows the bottom blue footer bar... screenshot attached (I know it's small but I didn't want to hog everyone's email). later, Z Veine K Vikberg http://www.vikberg.net Professional Web Guru
Re: [WSG] CSS problem
Veine
Your left col div is containing your center div you should close the
the left div before you open the center div ...
e.g
div class=leftcolleftcol-content/div
div class=centercenter-content/div
and not
div class=leftcolleftcol-content
div class=centercenter-content/div
/div
as you have it now
Leo
On Thursday, April 8, 2004, at 06:26 AM, Veine K Vikberg wrote:
Will;
Thanks for the suggestion, I did it and it seems to add a little to
separate in IE6 WinXP Home at least, however, in NS (Moz RC1) it does
not,... I am running out of ideas here.
As for the suggestion, note taken and should probably not be h4's but
I was thinking search engine work ahead of time so to speak, as it
seems to be indexing way more h4's then lists, I will probably change
this.
Any other suggestion to see if I can get it to separate?
At 01:23 PM 4/8/2004 -0400, you wrote:
To answer your question directly, add a right margin to your h4 tags
in your
style sheet:
H4 {margin-right: 10px;}
To answer your question with a suggestion, don't use h4's for your nav
links. Rather, use an unordered list to gain better control over
their
display and establish better semantics in your markup:
ul
lilink 1/li
lilink2/li
/ul
For a great example, read A List Apart's Taming Lists at
http://www.alistapart.com/articles/taminglists/
Will Chatham
oOo
www.willchatham.com
---
Can someone take a look at this page:
http://vikberg.net/IAMU
Veine K Vikberg
http://www.vikberg.net
Professional Web Guru
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
