Re: [css-d] Still nav problems (background seems fine)
Good afternoon Kepler, It was foretold that on 04/04/2008 @ 19:42:19 GMT-0400 (which was 20:42:19 where I live) Kepler Gelotte would write: snipped a bit I belong to 2 lists and the other only requires me to reply to sender. This list requires me to reply to all. So to answer your question it was meant for the list. One of these days I'll screw my head on right. For those interested, i received an off - list message so hence my question :-) Don't worry about it Kepler i'll be happy the day i can keep my head on my shoulders lol. Btw, did you receive my other message? Reply can be off-list in this case lol -- Best regards, Luc _ http://www.dzinelabs.com Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. People talk about dysfunctional families; I've never seen any other kind. - Sue Grafton. __ 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] Still nav problems (background seems fine)
Good afternoon Gunlaug,
It was foretold that on 04/04/2008 @ 00:19:10 GMT+0200 (which was
19:19:10 where I live) Gunlaug Sørtun would write:
snipped a bit
Not enough background-image vertically for two text-lines, so the
missing part appears as a gap.
I see. Makes sense like all your posts.
Make that:
#navcontainer li {
background : transparent url(../Images/navbackgroundbig.gif) repeat-y 0
0.1em;
margin : 0.5em;
/* no height */
...and there will be no gap. I think that answers your second question
too, if I understood you correctly.
Centering text in _equal-height_ li's requires an HTML table for nav,
since IE7 and older don't support CSS table.
Hmm, maybe i wasn't clear, i meant equal space above and beneath the
text of the links like it's shown on the equipamentos part...
(since i moved to Brazil i seem to forget more and more about the
English language )
Please don't keep changing things when you ask for help. It's impossible
to debug a moving target.
Oh it's probably because i received an off-list message from Keppler
with the following suggestion:
#navcontainer li {
background:transparent url(../Images/navbackgroundbig.gif) 0 .1em no-repeat;
margin:.5em;
height:3.5em;
#navcontainer li a {
color:#FF;
display:block;
padding:.5em;
text-align:left;
text-decoration:none;
height:2.5em;
This also seemed to do the trick... hence my hasty upload.
Next time i'll keep the target put ;-)
Only thing to figure out now, is how to set the distance between the
border and the background image. Seems if i mess with the
padding/margin on the li it affects the li but not the border. Since
the border is controlled by the #navcontainer li a:hover and
li#here a:link, li#here a:visited, li#here a:hover declarations it
seems to me that i have to use a class? Or do i really really lost my
head now?
--
Best regards,
Luc
_
Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.
The pleasure of love is in loving. We are happier in the passion we
feel than in that we inspire. - François, duc de La Rochefoucauld
(1613–1680)
__
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] Still nav problems (background seems fine)
Luc wrote: Not enough background-image vertically for two text-lines, so the missing part appears as a gap. I see. Makes sense like all your posts. Making sense was not my intention, I assure you ;-) Only thing to figure out now, is how to set the distance between the border and the background image. Seems if i mess with the padding/margin on the li it affects the li but not the border. Since the border is controlled by the #navcontainer li a:hover and li#here a:link, li#here a:visited, li#here a:hover declarations it seems to me that i have to use a class? Or do i really really lost my head now? Don't know where your head is ( ;-) ), but no class is needed and messing around won't help either. What you need is an additional dimension and a close look at the W3C box-model. By declaring a suitable width on the anchor and manipulating the size of its side-paddings, you can create the appearance I think you're after. Paddings are added to dimensions in the W3C box-model. Take a look at my example... http://www.gunlaug.no/tos/alien/luc/test_08_0404.html ...and see if my chosen values are close enough for comfort. If not, then minor changes should bring the appearance within range. CSS: http://www.gunlaug.no/tos/alien/luc/test_08_0404_files/MP00.css Remember that the background-image on the li has fixed dimensions and is only set to repeat vertically. This makes the styling easy. Without that fixed image-dimension we would have to fix the width of the li itself and make the anchor overflow it horizontally. That's also easy in most browsers, but IE6 would put up a fight (auto-expand) and demand a semi-removed floating anchor (negative back-side margin) in order to cooperate. I just mention this in case the need for such a change should come up - for you or someone else. 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/
Re: [css-d] Still nav problems (background seems fine)
Good evening Gunlaug, It was foretold that on 05/04/2008 @ 01:14:39 GMT+0200 (which was 20:14:39 where I live) Gunlaug Sørtun would write: snipped a bit Making sense was not my intention, I assure you ;-) Maybe not, but still you always manage to do that ;-) Don't know where your head is ( ;-) ), but no class is needed and messing around won't help either. What you need is an additional dimension and a close look at the W3C box-model. By declaring a suitable width on the anchor and manipulating the size of its side-paddings, you can create the appearance I think you're after. Paddings are added to dimensions in the W3C box-model. paddings are added ro dimensions ... magical words!!! Clears everything up and ... found my head again :-). I'm still amazed how one can forget the basics of the most important thing of CSS: the box model. In the beginning you study the model as if your life depends on it ... and when it needs to kick in... you're out of gas ... you have no idea how ashamed i am lol. Take a look at my example... http://www.gunlaug.no/tos/alien/luc/test_08_0404.html ...and see if my chosen values are close enough for comfort. If not, then minor changes should bring the appearance within range. Perfect!!! Remember that the background-image on the li has fixed dimensions and is only set to repeat vertically. This makes the styling easy. once again makes sense :-) Without that fixed image-dimension we would have to fix the width of the li itself and make the anchor overflow it horizontally. That's also easy in most browsers, but IE6 would put up a fight (auto-expand) and demand a semi-removed floating anchor (negative back-side margin) in order to cooperate. I just mention this in case the need for such a change should come up - for you or someone else. Duly noted !!! -- Best regards, Luc _ Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. The favourite game in Austria is Mikado. The one who moves something first, loses. __ 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] Still nav problems (background seems fine)
Good afternoon list, Still having problems with my nav the background image seems to be working but between Equipamentos Transportados and Nossa Frota is a gap i can't seem to get rid off. Also, the border at the right side of Equipamentos is bigger then it should be. What's puzzling me is that it seems to be just that li... Also, what would be the best way to have the text of the li's in the nav centered vertically? Adjusting padding with another ruleset, presuming i can't do it in the ul ruleset? Sorry for the maybe easy questions but i'm in a real pickle here http://www.mendesperestransportes.com.br/Pages/equipamentos.php http://www.mendesperestransportes.com.br/Styles/MP.css The section to look for is at the bottom of the stylesheet, commented /*Navigation*/ -- Best regards, Luc Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. When an Australian buys a new boomerang, how does he throw the old one away? - Zap - Italian comedian __ 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] Still nav problems (background seems fine)
Luc wrote:
Still having problems with my nav the background image seems to
be working but between Equipamentos Transportados and Nossa Frota
is a gap i can't seem to get rid off. Also, the border at the right
side of Equipamentos is bigger then it should be. What's puzzling
me is that it seems to be just that li...
http://www.mendesperestransportes.com.br/Pages/equipamentos.php
Not enough background-image vertically for two text-lines, so the
missing part appears as a gap.
Make that:
#navcontainer li {
background : transparent url(../Images/navbackgroundbig.gif) repeat-y 0
0.1em;
margin : 0.5em;
/* no height */
}
...and there will be no gap. I think that answers your second question
too, if I understood you correctly.
Centering text in _equal-height_ li's requires an HTML table for nav,
since IE7 and older don't support CSS table.
Please don't keep changing things when you ask for help. It's impossible
to debug a moving target.
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/
Re: [css-d] Still nav problems (background seems fine)
Out of curiosity... is your message just to me intended or domething went wrong with you replying to the list? Hi Luc, I belong to 2 lists and the other only requires me to reply to sender. This list requires me to reply to all. So to answer your question it was meant for the list. One of these days I'll screw my head on right. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 __ 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/
