Re: [css-d] IE not recognizing block level element in nav?
Daniel Hammond wrote:
URL: http://www.studentremix.org/test/ms/index.htm CSS:
[...] IE 6 and 7 do not show the hover state until the cursor is
hovering over the nav link's text itself, rather than just being over
the area of the block level element.
Give IE a real rather than a transparent link-background to hover on...
#nav a:link, #nav a:visited { background-color: #ad5; }
...will do in your case.
A transparent background-image can be used if a fixed color doesn't suit
a particular design.
IE 6 and 7 show a small amount of the lighter green background color
of the nav div area below the white.
Making it...
#nav ul { padding: 0; margin: 0 0 -1px; }
...will cover up for it, with no negative effects.
Adding...
#nav { position: relative; }
...will keep the illusion stable when subjected to (enforced)
font-resizing in IE.
Suggest you add...
#footer { display: table; }
...to make that element expand to contain its content in compliant
browsers, when necessary.
Will also advice against font-size in pixels anywhere.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] content div not attaching to footer
This must seem like a basic question to some of you but I have not
been able to find the answer through the archives.. nor through my
own late hours at this first css layout site I am doing.
Basically I have 2 divs - right and left inside a main content div
which has a white background color. The white bground content div
does not go right down to the footer. It works OK in Dreamweaver but
not in Fireworks or Safari (latest versions). But it is OK in IE 5.2
for a mac..
The URL is: http://www.person2person.net.au/counselling.html
I know my code is a bit messy in parts as I tried to compensate.
thank you in advance
Gianni Wise
The css (ext'l style sheet) is:
HTML {height: 100%;}
BODY {
height:100%;
font-family: trebuchet ms, arial, tahoma, verdana, sans-serif;
font-size: 13px;
}
/ BANNER */
#banner{
width:100%;
height:60px;
margin: 0 auto;
margin-top: 0px;
}
#bannerInner{
width:700px;
height:60px;
margin:0 auto;
top: 0px;
}
#bannerInner #logo{
width:286px;
height:164px;
float:left;
}
#entryInner{
width:413px;
height:440px;
margin:0 auto;
top: 10px;
}
/ BANNER */
/ CONTENT */
#content{
width:700px;
margin:0px auto 0%;
background-color: #FF;
height: 100%;
padding-bottom: 170px;
}
#entrycontent{
width:413px;
margin:0px auto 0%;
background-color: #FF;
height: 100%;
padding-bottom: 120px;
}
#mainLeft{
width:335px;
margin-left:5px;
float:left;
padding-right:0px;
padding-bottom: 130px;
}
#resourcesLeft{
width:700px;
margin-left:auto;
float:left;
padding-right:0px;
padding-bottom: 30px;
background-color: #FF;
}
#resourcesRight{
width:120px;
float:left;
padding-top:20px;
padding-bottom: 20px;
padding-right: 5px;
}
#mainRight{
width:320px;
float:left;
padding-top:20px;
padding-bottom: 0px;
padding-right: 5px;
}
#image{
text-align:center;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
#resourcescontent {
width:700px;
padding-left:0px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0px;
padding-bottom: 0px;
}
#contactLeft{
width:350px;
margin-left:5px;
float:left;
padding-right:0px;
padding-bottom: 80px;
/ CONTENT */
/ MENU */
}
#menu{
width:700px;
height:25px;
margin:0 auto;
background-color: #66;
}
#menu ul{
padding: 0;
margin: 0;
list-style:none;
}
#menu li{
float:left;
}
#menu li a{
height:25px;
width:110px;
line-height: 25px;
display: block;
text-align:center;
color: #FF;
font-family: trebuchet ms, arial, tahoma, verdana, sans-serif;
}
#menu li a#last{
}
#menu li a:hover#last{
background-position:left bottom;
}
#menu li a:hover{
background-position:left bottom;
color: #FF6600;
}
/ MENU */
/ FOOTER */
#footer{
background:#99;
width:110%;
height:20px;
clear:both;
}
htmlbody #container {
height: auto;
}
#footerInner{
width:700px;
height:10px;
margin:0 auto;
padding-right:20px;
text-align:right;
position: relative;
min-height: 100%;
height: 100%;
voice-family: \}\;
voice-family: inherit;
height: auto;
}
/ FOOTER */
#contentLeft {
float: left;
width: 350px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
}
#contactmap {
float: none;
width: 670px;
padding-left: 25px;
padding-top: 20px;
}
#feedback {
clear: none;
height: 560px;
width: 355px;
margin-top: 10px;
margin-left: 10px;
padding: 10px;
background-color: #FF;
}
#feedbackcontent {
background-color: #FF;
clear: none;
height: 560px;
width: 355px;
margin-top: 10px;
margin-left: 10px;
padding: 10px;
}
#entrypic {
height: 463px;
width: 100%;
margin: 0 auto;
}
#entrycontent {
height: 150px;
width: 413px;
Re: [css-d] content div not attaching to footer
Gianni Wise wrote:
Basically I have 2 divs - right and left inside a main content div
which has a white background color. The white bground content div
does not go right down to the footer. It works OK in Dreamweaver but
not in Fireworks or Safari (latest versions). But it is OK in IE 5.2
for a mac..
The URL is: http://www.person2person.net.au/counselling.html
I know my code is a bit messy in parts as I tried to compensate.
You can't trust any editor's viewer, not even DWs. Test only in your
target browsers.
Add to provide default browser margin/padding:
html, body {margin:0;padding:0;}
#content{
overflow:hidden; :: add to contain the floats
}
Amend:
#footer{
padding: 10px 0; -::add
/*width:110%;*/-::delete
width:100%;-::add
/*height:20px;*/-::delete
clear:both;
}
#footerInner{
/*height:10px;*/-::delete
}
Validate the CSS.
Ditch the rivers
http://en.wikipedia.org/wiki/River_(typography)
Pixel line-height makes all ver IE Opera go goofy when fonts are scaled.
Pixel font-sizes are not user friendly in any ver IE.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS IE6 help
Hello, I am mostly a lurker on this group and need some help with a page I am on deadline with. On IE 6 the spotlight areas is dropping down and after an entire day of working on it I am about to give up. Any help would be appreciated. You can view the CSS page here: http://www.evergladesplan.org/index_NEW_2008.html This is my Photoshop comp: http://www.evergladesplan.org/2008_homepage_2.html Again, any help would be much appreciated! Thanks, Christine __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS IE6 help
Christine Kilger wrote: On IE 6 the spotlight areas is dropping down and after an entire day of working on it I am about to give up. Any help would be appreciated. http://www.evergladesplan.org/index_NEW_2008.html Christine Either you have resolved this or I am out-to-lunch and don't understand the issue. (comparing XP IE/6, IE/7, FF, and Opera) -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS IE6 help
Christine. I have just looked at your page on two adjacent screens, one with IE6 and one with IE7 and they look identical. I didn't measure to the last pixel, but what the heck? It looks fine to me. I see no drop down. :-) Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Christine Kilger To: css-d@lists.css-discuss.org Sent: Friday, August 22, 2008 3:47 PM Subject: [css-d] CSS IE6 help Hello, I am mostly a lurker on this group and need some help with a page I am on deadline with. On IE 6 the spotlight areas is dropping down.. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS IE6 help
Christine Kilger wrote:
You can view the CSS page here:
http://www.evergladesplan.org/index_NEW_2008.html
Again, any help would be much appreciated!
Hi Christine,
I was not as fortunate as Alan and David -- I was having some real
problems viewing your site. These adjustments seemed to help for IE6.
Add them at the bottom of your head element to see if they help you:
!--[if IE 6]
style type=text/css
/* place css box model fixes for IE 6 in this conditional comment */
#bgContainer {
width: 760px;
}
#container {
background-color: #fff;
}
#mainContent {
margin: 0;
}
/style
![endif]--
Good luck!
--Bill
--
~~~
TheHolierGrail.com | MacNimble.com | Cyber-Sandbox.com | Anytowne.com
Bill Brown, Web Developer - From dot concept to dot com since 1999
The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS IE6 help
Christine Kilger wrote: On IE 6 the spotlight areas is dropping down and after an entire day of working on it I am about to give up. http://www.evergladesplan.org/index_NEW_2008.html Maybe this is close enough for comfort... http://www.gunlaug.no/tos/alien/ck/test_08_0824.html regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Centering Containers
I'm having some centering problems with my navigation. IE 7 looks good for the main green navigation (with Home, About Us, etc.), but Firefox is off. (I haven't checked IE 6 yet as I don't have a computer at home with IE 6.) The secondary navigation (Basics, Damage, etc.) is completely off. It should be centered on both lines, and contained within the secondaryNavRodents div. It is contained within the div in IE 7, but not in Firefox. I have the left and right margins set to auto, and a width applied to the div - but I'm obviously missing something. http://www.cascadepest.com/_NEW_SITE/rodents/index.html Thank you for any help. Alix Estrada Web Studio 180 http://www.webstudio180.com www.webstudio180.com Web Design | Development | Usability __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS IE6 help
Newbie coder here, feel free to ignore :-)
The header image is 126px high but you don't seem to have any css for a
header div - when I add:
#header {
height:126px;
}
to the css, the navigation sits directly below the header image with no gap
(viewed in Firefox 3).
ceri
On Sun, Aug 24, 2008 at 5:30 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Christine Kilger wrote:
On IE 6 the spotlight areas is dropping down and after an entire day
of working on it I am about to give up.
http://www.evergladesplan.org/index_NEW_2008.html
Maybe this is close enough for comfort...
http://www.gunlaug.no/tos/alien/ck/test_08_0824.html
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering Containers
taestrada wrote:
I'm having some centering problems with my navigation. IE 7 looks good for
the main green navigation (with Home, About Us, etc.), but Firefox is off.
(I haven't checked IE 6 yet as I don't have a computer at home with IE 6.)
The secondary navigation (Basics, Damage, etc.) is completely off. It should
be centered on both lines, and contained within the secondaryNavRodents
div. It is contained within the div in IE 7, but not in Firefox.
I have the left and right margins set to auto, and a width applied to the
div - but I'm obviously missing something.
http://www.cascadepest.com/_NEW_SITE/rodents/index.html
Alix Estrada
Replace these 4 the rulesets for these four selectors:
#topnav
#topnav ul
#topnav li
#topnav li a
with these:
#topnav {
overflow:hidden;
margin: 6px auto 0 auto;;
padding:0;
width: 929px;
}
#topnav ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 940px;
}
#topnav li {
float : left;
border-right: 1px solid #FF;
list-style: none;
height: 42px;width: 9.85%;
}
#topnav li a {
display: block;
padding: 4px 7px 0px 3px;
color: #FF;
text-decoration: none;
font-weight: bold;
background: url(navBack0.jpg) repeat-x center top;
font-size: 85%;
text-align: center;
height: 42px;
}
Add overflow:hidden to this selector:
#secondaryNavRodents ul { overflow: hidden;
}
Add this at top of style sheet to correct em font-scaling bug in thr IEs:
html {font-size:100%;}
Rule of thumb: Code to compliant browsers-- correct the IEs if and when
necessary.
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] width:100% + padding/margin question
Oh, sorry, I forgot to mention that #box2 is floated, thus it does not
occupy the whole width of #box1. Without setting #box2 to width:100%,
I believe that its width relies on how long the content is. Correct me
if I'm wrong.
Thanks
On 22/08/2008, at 6:00 PM, Bill Brown wrote:
Chang Huang wrote:
div id=box1
div id=box2
/div
/div
#box1 { width:500px; height:200px; }
#box2 { width:100%; height:100%; padding:10px; }
The 10px padding of #box2 will be allocated outside of #box1.
According to the box model, this is the correct behavior (except for
buggy IE6). But that is not what I want, I want the padding for #box2
remain inside #box1 and keeping the width in %.
How can I do that?
Assuming your code is exactly what you're using on a site somewhere,
the
setting of 100% width on #box2 is superfluous. A div is a block level
element, so #box2 would automatically fill the 500px width of #box1.
Setting horizontal padding on a block level element without setting
the
width essentially gives you the 100%-10px-10px that you want;
That takes care of the width issue. Height is a little tricker. Since
adding 10px to the padding of #box2 would make its height
100%+10px+10px, you have to fake it by setting a 10px vertical
margin on
child elements and preventing collapsing margins with overflow:auto
(assuming you'd want overflow:auto for a fixed height box anyway).
So, if this is your HTML:
div id=box1
div id=box2
pContent/p
/div
/div
This CSS should approximate what you're looking for:
#box1 { width:500px; height:200px; background:#f00; }
#box2 { height:100%; padding:0 10px; background:#ff0; overflow:auto; }
#box2 p { background:#fff; margin:10px 0; }
The colors are there for testing, of course.
In an overflow situation, collapsing margins will prevent any bottom
margining (faux padding) to appear on the last element contained with
#box2. I've never found a decent workaround for this, but the code
above
will give you three sides at least.
Hope it helps.
--Bill
--
~
~~
TheHolierGrail.com | MacNimble.com | Cyber-Sandbox.com | Anytowne.com
Bill Brown, Web Developer - From dot concept to dot com since 1999
The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant
and
has forgotten the gift. -- Albert Einstein
~
~~
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering Containers
taestrada wrote: David, that worked great for the top nav, but the secondary nav is still not centered. Anymore ideas? Thank you so much for taking your time to help me. Alix http://www.cascadepest.com/_NEW_SITE/rodents/index.html For a lot of reasons please bottom post and cc the list. I've taken the liberty of doing so for you... -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering Containers
David Laakso wrote: taestrada wrote: David, that worked great for the top nav, but the secondary nav is still not centered. Anymore ideas? Thank you so much for taking your time to help me. Alix http://www.cascadepest.com/_NEW_SITE/rodents/index.html Question for clarification: Are you locked into the current markup for the secondary menu? In other words, do you have control over /both/ the CSS and the markup for the page? -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Overriding Inline Styles w Attribute Selectors !important
Hi Bill,
Yup targeting a class or ID in the element w !important works great to override
inline elements. And thanks for helping clarify specificity a bit more than I
already understood it.
Elli
--- On Sat, 8/23/08, Bill Brown [EMAIL PROTECTED] wrote:
From: Bill Brown [EMAIL PROTECTED]
Subject: Re: [css-d] Overriding Inline Styles w Attribute Selectors
!important
To: [EMAIL PROTECTED]
Cc: CSS Discuss css-d@lists.css-discuss.org
Date: Saturday, August 23, 2008, 8:07 PM
Elli Vizcaino wrote:
I was experimenting with attribute selectors to
override inline
styles and it worked in FF but of course not in IE so
I was
wondering, if there was anyway to take control of
inline styles and
have it work across browserland.
CSS in stylesheet - p[style] {color: #000 !important;
float: left
!important;}
HTML - p style=color: green; float:
right;I like to write
CSS./p
Hi Elli--
You actually have two separate issues going on here. The
first is
IE-lte-6's lack of support for the attribute selector
in CSS. Your
second issue is one of specificity.
The values for specificity are calculated like this:
a,b,c,d,e
...where...
a = author !important styles (+2 for user !important
styles)
b = inline styles
c = id styles
d = class and attribute styles
e = tag styles
(* is 0, it has no value)
So, for example, the specificity in your examples:
Your CSS:
p[style] {
color: #000 !important;
float: left !important;
}
...has a specificity of 1,0,0,1,1 in normal browsers,
1,0,0,0,1 for IE6.
Your HTML:
p style=color: green; float: right;
...has a specificity of 0,1,0,0,0 in all browsers.
To make this work cross-browser (ahem IE6), you have to
class or ID the
element which will allow IE6 to pick up the style sheet
styles and not
the inline styles. Interestingly enough, I noticed in
testing this for
you that IE6 will acknowledge the use of !important, but
only if the
rule is not re-declared within the same style block.
For example:
p.special {
color: #000 !important;
float: left !important;
}
p.special {
color: #00f;
}
...works just fine in IE6, while:
p.special {
color: #000 !important;
color: #00f;
float: left !important;
}
...does NOT. IE6 seems to over-write the !important rule,
rather than
applying both rules and using specificity. When the styles
are broken
out into two blocks, IE6 seems to pick it up just fine and
apply
specificity correctly.
I believe IE7 and all the modern browsers support attribute
selectors,
so you should be fine cross-browser land, except for
IE-lte-6.
I hope that helps.
--Bill
--
~~~
TheHolierGrail.com | MacNimble.com | Cyber-Sandbox.com |
Anytowne.com
Bill Brown, Web Developer - From dot concept to dot
com since 1999
The intuitive mind is a sacred gift and the rational
mind is a
faithful servant. We have created a society that honors the
servant and
has forgotten the gift. -- Albert Einstein
~~~
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org --
http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] content div not attaching to footer
You can't trust any editor's viewer, not even DWs. Test only in your
target browsers.
Add to provide default browser margin/padding:
html, body {margin:0;padding:0;}
#content{
overflow:hidden; :: add to contain the floats
}
Amend:
#footer{
padding: 10px 0; -::add
/*width:110%;*/-::delete
width:100%;-::add
/*height:20px;*/-::delete
clear:both;
}
#footerInner{
/*height:10px;*/-::delete
}
Validate the CSS.
Ditch the rivers
http://en.wikipedia.org/wiki/River_(typography)
Pixel line-height makes all ver IE Opera go goofy when fonts are
scaled.
Pixel font-sizes are not user friendly in any ver IE.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Tks David .. works brilliantly...
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering Containers
David Laakso wrote: David Laakso wrote: taestrada wrote: David, that worked great for the top nav, but the secondary nav is still not centered. Anymore ideas? Alix http://www.cascadepest.com/_NEW_SITE/rodents/index.html Providing, of course, that you are able to change the markup, this is a relatively simple way to center the horizontal list items in a horizontally centered containing block. http://www.chelseacreekstudio.com/ca/cssd/pests.htm Markup changes on the source document. CSS additions for the menu at the very bottom of this CSS file. http://www.chelseacreekstudio.com/ca/cssd/pests_files/stylesCa.css You'll want to validate your markup some day... Hickory, dickory, dock. The mouse ran up the clock. ...such a pest. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering Containers
-Original Message- From: David Laakso [mailto:[EMAIL PROTECTED] Sent: Sunday, August 24, 2008 6:19 PM To: taestrada Cc: css discuss Subject: Re: [css-d] Centering Containers David Laakso wrote: taestrada wrote: David, that worked great for the top nav, but the secondary nav is still not centered. Anymore ideas? Thank you so much for taking your time to help me. Alix http://www.cascadepest.com/_NEW_SITE/rodents/index.html Question for clarification: Are you locked into the current markup for the secondary menu? In other words, do you have control over /both/ the CSS and the markup for the page? -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ Yes, I can change any of it. Is that what you mean? Alix __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering Containers
-Original Message- From: David Laakso [mailto:[EMAIL PROTECTED] Sent: Sunday, August 24, 2008 9:38 PM To: taestrada Cc: css discuss Subject: Re: [css-d] Centering Containers David Laakso wrote: David Laakso wrote: taestrada wrote: David, that worked great for the top nav, but the secondary nav is still not centered. Anymore ideas? Alix http://www.cascadepest.com/_NEW_SITE/rodents/index.html Providing, of course, that you are able to change the markup, this is a relatively simple way to center the horizontal list items in a horizontally centered containing block. http://www.chelseacreekstudio.com/ca/cssd/pests.htm Markup changes on the source document. CSS additions for the menu at the very bottom of this CSS file. http://www.chelseacreekstudio.com/ca/cssd/pests_files/stylesCa.css You'll want to validate your markup some day... Hickory, dickory, dock. The mouse ran up the clock. ...such a pest. Thanks David. That worked beautifully. I validated the CSS, but I haven't done the html yet. Will be doing that tomorrow before I get too much further. Thanks so much for your time. Alix __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
