[css-d] Horizontal list menu - removing space between li
Hello, In this list[1] menu there is a space between li items that don't allow me to proper center the right border among them. How can we remove that space? Thanks a lot, Márcio [1] http://www.cantinho.org/pt/cantinho-site/layout3.html __ css-discuss [cs...@lists.css-discuss.org] 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] Horizontal list menu - removing space between li
MEM wrote:
Hello,
In this list[1] menu there is a space between li items that don't allow me
to proper center the right border among them.
Center them? I can't see them inorder to center them :-) .
How can we remove that space?
#navcontainer ul li
{
display: inline;
float:left; :: try ::
}
Thanks a lot,
Márcio
[1] http://www.cantinho.org/pt/cantinho-site/layout3.html
~d
__
css-discuss [cs...@lists.css-discuss.org]
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 color declaration not working!
On Jun 29, 2009, at 1:46 PM, David Hucklesby wrote: The page can be seen at: http://www.melvillekidsdentistry.com/beta2/index.html (note that this is up as a sample and linked pages are not present). It is a question of specificity. these are the 2 selectors that apply: #header ul#navlist li a:visited -- specificity: 213 /* in all_pages.css */ #header ul#navlist a.main -- specificity: 212 /* in menu_select.css */ the first one wins and color:#336699; is used by the browser At the risk of stating the obvious, I'll note that the color for a visited link won't show until that address has been visited - hence the differences you noted from browser to browser. The thing is, in that particular page linked above, the offending link points to the page itself - it is visited. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] Horizontal list menu - removing space between li
Center them? I can't see them inorder to center them :-) .
Lol. Yes, I'm on a 1680x1050 resolution screen, and I also found difficult
to see then.
But I'm thinking that on a 1024x768 scenario, we can see them properly. If I
raise up the text-size, it will get to huge on smaller resolutions.
I have seen some sites that are comfortable for bigger and small
resolutions, but I believe they use % on text, instead of em ? Should we opt
for % ? What do you advice for a more comfortable visualization of the site?
#navcontainer ul li
{
display: inline;
float:left; :: try ::
}
That works, but the the padding-bottom space applied on the ul here:
#navcontainer ul
{
...
padding-bottom:1em;
...
}
disappears.
If, however, I remove it, the image stays also floated.
To correct this, I have added a clear:left; property on the div that olds
the image.
Great, but then the links have appear outside the div that contains the
visual box. (I don't understand why, since on the HTML, the navigation
container div is INSIDE the div that contains part of the visual box. :s)
To solve this, I have give back the padding-bottom to the ul. :s
It works, but it just don't seem right.
Here it is:
http://www.cantinho.org/pt/cantinho-site/layout3_ups.html
Any help to make it better?
Regards,
Márcio
__
css-discuss [cs...@lists.css-discuss.org]
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] Conditional comments for Mac?
I'm on a committee that has access to the code for this online
catalog:
https://i-share.carli.illinois.edu/uc/vwebv/searchBasic?sk=en_US
We are trying to move the search button over, see:
https://i-share-test.carli.illinois.edu/uc/vwebv/searchBasic?sk=en_US
by removing the text-align:right
but it doesn't line up with the left margin.
One answer would be:
#searchLinks input {
clear:both;
display:block;
margin:0 0 0 10px;
}
Was that what you were looking for?
Cheers, Tim
Yes! Thank you!
The clear:both did the trick!
Nancy
__
css-discuss [cs...@lists.css-discuss.org]
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] Menu shift IE8/FFox3
In IE8 and Firefox 3 I have a twelve pixel shift downwards on the horizontal menu at http://dev.fastertechnology.com/index.php that does not appear at http://dev.fastertechnology.com/store.html (that's when additional stylesheets for an ecommerce integration come into play). I have not been able to figure out what is causing the shift. Can anyone else lend a fresh pair of eyes? Thank you -- Tony Lush __ css-discuss [cs...@lists.css-discuss.org] 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] Menu shift IE8/FFox3
Tony Lush wrote:
In IE8 and Firefox 3 I have a twelve pixel shift downwards on the horizontal
menu at http://dev.fastertechnology.com/index.php that does not appear at
http://dev.fastertechnology.com/store.html (that's when additional
stylesheets for an ecommerce integration come into play).
I have not been able to figure out what is causing the shift. Can anyone else
lend a fresh pair of eyes?
Thank you -- Tony Lush
Does this close it on your end?
ul.menuHGM3, ul.menuHGM3 ul {
margin/*-right*/: 0 13px 0 0;
padding: 0;
border: 1px solid red;
}
__
css-discuss [cs...@lists.css-discuss.org]
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] Menu shift IE8/FFox3
Tony Lush wrote:
In IE8 and Firefox 3 I have a twelve pixel shift downwards on the
horizontal
menu at http://dev.fastertechnology.com/index.php that does not appear at
http://dev.fastertechnology.com/store.html (that's when additional
stylesheets for an ecommerce integration come into play).
I have not been able to figure out what is causing the shift. Can anyone
else
lend a fresh pair of eyes?
Thank you -- Tony Lush
Does this close it on your end?
ul.menuHGM3, ul.menuHGM3 ul {
margin/*-right*/: 0 13px 0 0;
padding: 0;
border: 1px solid red;
}
Yes, thank you very much David. -- Tony--
Tony Lush tl...@advancewm.com
Advance Web Marketing | 17 Bay Street | Jamestown, RI 02835
Tel: 401.560.0250| Fax: 866.236.0169| Skype: lushtony
http://AdvanceWebMarketing.com
__
css-discuss [cs...@lists.css-discuss.org]
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] Weird Jumping Links
Glad it worked, as to the 'list of links' I would try removing your comment before the Doctype, I think it's throwing the IE 6 into the quirks mode which is causing the jump. I removed the comment from before the doctype, and the IE jumping links in the list now behave, though they have a slightly different appearance on hover. But I can live with that for sure. Thanks for the tips from everyone. It's now working as planned. __ css-discuss [cs...@lists.css-discuss.org] 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] Horizontal list menu - removing space between li
MEM wrote:
Center them? I can't see them inorder to center them :-) .
Lol. Yes, I'm on a 1680x1050 resolution screen, and I also found difficult
to see then.
But I'm thinking that on a 1024x768 scenario, we can see them properly. If I
raise up the text-size, it will get to huge on smaller resolutions.
I have seen some sites that are comfortable for bigger and small
resolutions, but I believe they use % on text, instead of em ? Should we opt
for % ? What do you advice for a more comfortable visualization of the site?
/My opinion requires a shovel./
Take the shovel to the woods. Dig a very deep hole. Bury Verdana in it.
Forever.
And reset to:
#navcontainer ul li a
{ /*font-family:Verdana;
/* font-size:0.6em;*/
font: 0.9em Helvetica Neue, Arial, sans-serif;
}
I'll pass on the rest of your question (s) to someone less opininated
than me :-) .
http://www.cantinho.org/pt/cantinho-site/layout3_ups.html
Márcio
Best,
Sam Spade
__
css-discuss [cs...@lists.css-discuss.org]
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] UL nav to emulate image rollover effect
-Original Message- From: David Laakso [mailto:da...@chelseacreekstudio.com] Subject: Re: [css-d] UL nav to emulate image rollover effect Welcome to the list! Please see if this might help for your need... http://sperling.com/examples/new-menuh/ Hello David, Thank you for the welcome... I needed something without JS and found an example that worked. I am enjoying the knowledge on this list!! - greg __ css-discuss [cs...@lists.css-discuss.org] 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] Alignment issue
At 09:59 -0800 on 11/22/2006, Russ Peters wrote about [css-d] Alignment issue: http://www.redcanoecu.com/index1.asp This gets a error message. The text is: There was error while processing your request. Please try again. Contact Red Canoe Credit Union at 800-562-5611 or email i...@redcanoecu.com if you continue to receive this error or try a search. Also, in IE6 if you go from the home page to the LOANS page do you get an error message? I keep an error only in IE6 and it's so vague that I can't pinpoint the problem. I'm still working on that one...but if you see something there I'd love to hear it. When I go to your index.asp page (which I assume is the index1.asp page without modifications, you have the following tags which, since you are XHTML, should be lower case (they get validation errors): META HTTP-EQUIV=Pragma CONTENT=no-cache META HTTP-EQUIV=Expires CONTENT=-1 They should be: meta http-equiv=pragma content=no-cache meta http-equiv=expires content=-1 -- Bob Rosenberg RockMUG Webmaster webmas...@rockmug.org www.RockMUG.org __ css-discuss [cs...@lists.css-discuss.org] 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] Horizontal list menu - removing space between li
David Laakso wrote:
/My opinion requires a shovel./
Take the shovel to the woods. Dig a very deep hole. Bury Verdana in
it.
Forever.
And reset to:
#navcontainer ul li a
{ /*font-family:Verdana;
/* font-size:0.6em;*/
font: 0.9em Helvetica Neue, Arial, sans-serif;
}
Heh, best not make it a shallow grave then!
MEM wrote:
#navcontainer ul li
{
display: inline;
float:left; :: try ::
}
That works, but the the padding-bottom space applied on the ul here:
#navcontainer ul
{
...
padding-bottom:1em;
...
}
disappears.
If, however, I remove it, the image stays also floated.
To correct this, I have added a clear:left; property on the div that
olds
the image.
With respect to this and your request for modifications/improvements, I
would remove the following:
.destaque {
clear:left;
}
And add overflow: hidden to #navcontainer ul. That will give you the
same clearing and you should see the padding you have on the UL come
back.
HTH
Mark
__
css-discuss [cs...@lists.css-discuss.org]
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] Horizontal list menu - removing space between li
@David
Care to point some reasons (even as external links) why is Verdana a bad
font on this scenario?
I
would remove the following:
.destaque {
clear:left;
}
And add overflow: hidden to #navcontainer ul.
Thanks. It works and don't mess with padding. It stills feels weird that
something like overflow:hidden; (to hide scroll bars), serves as float
solver. No?
Thanks a lot,
Márcio
__
css-discuss [cs...@lists.css-discuss.org]
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] Floats without width?
Hello again, sorry, I'm starting to be addict to the list. :s On the validation of this page http://www.cantinho.org/pt/cantinho-site/layout4_ups.html , here: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cantinho.o rg%2Fpt%2Fcantinho-site%2Flayout4_ups.htmlprofile=css21usermedium=allwarn ing=1lang=en-UK I get 3 warnings: They tell that, to float something, that something needs to have a width declared. However, I prefer to not declare width on the elements displayed as problematic on the validation. Is there a more valid way for doing it? Thanks once again, Márcio __ css-discuss [cs...@lists.css-discuss.org] 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] Floats without width?
On Jun 30, 2009, at 10:34 AM, MEM wrote: On the validation of this page http://www.cantinho.org/pt/cantinho-site/layout4_ups.html , here: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cantinho.o rg%2Fpt%2Fcantinho-site %2Flayout4_ups.htmlprofile=css21usermedium=allwarn ing=1lang=en-UK I get 3 warnings: They tell that, to float something, that something needs to have a width declared. 1. it is a warning, not an error 2. CSS 2.0 actually required floated elements to have a width declared. This requirement has been dropped from CSS 2.1 in favour of a shrink-to-fit algo. http://www.w3.org/TR/2008/REC-CSS2-20080411/visuren.html#floats vs http://www.w3.org/TR/CSS21/visuren.html#floats http://www.w3.org/TR/CSS21/visudet.html#float-width 3. it is not necessarily a bad practice to assign a width to a floated element. Depending on the content of the floated element, rendering engines may differ on how wide the floated element is. Older rendering engines have problems with width-less floated elements. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] Horizontal list menu - removing space between li
MEM wrote: Thanks. It works and don't mess with padding. It stills feels weird that something like overflow:hidden; (to hide scroll bars), serves as float solver. No? Well, yes. http://www.quirksmode.org/css/clearing.html That might help explain things a little better. HTH Mark __ css-discuss [cs...@lists.css-discuss.org] 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/
