
July 20th, 2005, 10:30 PM
| | | bottom padding or margin in ul?
I have an unordered list as menu and want some space at the bottom,
underneath the last <li>.
I have tried:
setting bottom-margin to ul
setting bottom-margin to containing <div>
setting padding to ul and <div>
and all combinations of the above I could think of.
None seems to work.
Can someone tell me what I should do to get the desired effect?
I would be very grateful.
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
On Thu, 29 Jan 2004 17:26:36 +0100, A.Translator
<adrianaRUBtranslator@yaBISHhoo.com> wrote:
[color=blue]
> I have an unordered list as menu and want some space at the bottom,
> underneath the last <li>.
> I have tried:
> setting bottom-margin to ul
> setting bottom-margin to containing <div>
> setting padding to ul and <div>
> and all combinations of the above I could think of.
>
> None seems to work.
>
> Can someone tell me what I should do to get the desired effect?
>
> I would be very grateful.[/color]
Post a URL to the problem? | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
On Thu, 29 Jan 2004 11:31:34 -0500, Neal wrote:
[color=blue]
> Post a URL to the problem?[/color] http://www.xs4all.nl/~hogen/TaalVlinder/ :
second menu from left 'vaktaal' illustrates the problem: I want white
space at the bottom so that the text of the menu does not get hard to read
because of getting mixed into the content text.
Thank you for replying so promptly!
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
"A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote:
[color=blue]
>I have an unordered list as menu and want some space at the bottom,
>underneath the last <li>.
>I have tried:
>setting bottom-margin to ul[/color]
No such property. Did you try margin-bottom as well?
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <steve@pugh.net> <http://steve.pugh.net/> | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
On Thu, 29 Jan 2004 17:02:06 +0000, Steve Pugh wrote:
[color=blue]
> Did you try margin-bottom as well[/color]
Oops! Yes, I did.
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
"A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote:
[color=blue]
>On Thu, 29 Jan 2004 17:02:06 +0000, Steve Pugh wrote:
>[color=green]
>> Did you try margin-bottom as well[/color]
>
>Oops! Yes, I did.[/color]
And?
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <steve@pugh.net> <http://steve.pugh.net/> | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
On Thu, 29 Jan 2004 17:24:09 +0000, Steve Pugh wrote:
[color=blue]
> And?[/color]
Oops again: no joy.
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
"A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote:
[color=blue]
> http://www.xs4all.nl/~hogen/TaalVlinder/ :
>second menu from left 'vaktaal' illustrates the problem: I want white
>space at the bottom so that the text of the menu does not get hard to read
>because of getting mixed into the content text.[/color]
Oh, I see the problem. You need to set a background-color for the
class .menu
Otherwise all the space you create (with margin-bottom on the ul or
padding-bottom on the .menu div) is transparent and the rest of the
page shows through.
You will need to adjust the margin-left and padding-left on the ul and
li as there's a lot of white space to the left of the list at the
moment. Remember to check across several browsers as there are major
differences in the default values.
Alternatively,
..menu ul {border-bottom: 1em solid white;}
will also do what you want.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <steve@pugh.net> <http://steve.pugh.net/> | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
On Thu, 29 Jan 2004 17:26:36 +0100, A.Translator wrote:
[color=blue]
> I have tried:
> setting bottom-margin to ul
> setting bottom-margin to containing <div>
> setting padding to ul and <div>[/color]
Somehow setting the bg-color of the containing <div> to white has the
effect of creating a white padding at the bottom - which I want - but also
to the left and right of the ul - which I do not want.
This happens even if no padding at all has been anywhere.
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
A.Translator wrote:[color=blue]
> On Thu, 29 Jan 2004 17:26:36 +0100, A.Translator wrote:
>
> Somehow setting the bg-color of the containing <div> to white has the
> effect of creating a white padding at the bottom - which I want - but also
> to the left and right of the ul - which I do not want.
>
> This happens even if no padding at all has been anywhere.[/color]
Try to give all elements involved (the <div>, the <ul> and the <li>) a
thin border (green or red or something) and see where it is in the page.
From there you can play around more effectively with all the padding
and margins involved (set all to zero for example and see what happens.
Add some left-right padding to the <ul> and see what happens and so on).
BTW: test it in other browsers than Internet Explorer, as IE has quite a
different behaviour with the boxmodel (padding and margins and borders
on a block element) than the standards require (which other mainstream
graphical browsers seem to follow just fine).
--
Barbara http://home.wanadoo.nl/b.de.zoete/html/weblog.html http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
On Thu, 29 Jan 2004 17:47:28 +0000, Steve Pugh wrote:
[color=blue]
> Oh, I see the problem. You need to set a background-color for the
> class .menu[/color]
Yes, I found that just before your posting,but your explaining the how and
why helps a lot.
I will play around with the various suggestions.
This is only my second posting in this group and I remain impressed with
the quick, friendly and helpful replies.
Thanks you all!
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
On Thu, 29 Jan 2004 19:01:09 +0100, Barbara de Zoete wrote:
[color=blue]
> BTW: test it in other browsers than Internet Explorer, as IE has quite a
> different behaviour with the boxmodel (padding and margins and borders
> on a block element) than the standards require (which other mainstream
> graphical browsers seem to follow just fine).[/color]
Thanks for warning me about that: my standard browser is Mozilla 1.5, which
does what I want, but obviously I test in at least IE as well.
Still struggling.
[interlude in Dutch]
(heb even op je site gekeken: leuk! en kom zeker terug om van je css tips
te leren).
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
"A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote in message
news:stg242kms9jb$.dlg@www.translatoria.com...[color=blue]
> On Thu, 29 Jan 2004 19:01:09 +0100, Barbara de Zoete wrote:
>[color=green]
> > BTW: test it in other browsers than Internet Explorer, as IE has quite a
> > different behaviour with the boxmodel (padding and margins and borders
> > on a block element) than the standards require (which other mainstream
> > graphical browsers seem to follow just fine).[/color]
>
> Thanks for warning me about that: my standard browser is Mozilla 1.5,[/color]
which[color=blue]
> does what I want, but obviously I test in at least IE as well.
>
> Still struggling.
>
> [interlude in Dutch]
> (heb even op je site gekeken: leuk! en kom zeker terug om van je css tips
> te leren).[/color]
<p lang="nl">Zo veel Nederlanders in een plaats. (Nij, 'k ben niet een
ervan.)</p> | 
July 20th, 2005, 10:30 PM
| | | Re: bottom padding or margin in ul?
A.Translator wrote:
[color=blue]
> On Thu, 29 Jan 2004 19:01:09 +0100, Barbara de Zoete wrote:
>[color=green]
>>BTW: test it in other browsers than Internet Explorer, as IE has quite a
>>different behaviour with the boxmodel (padding and margins and borders
>>on a block element) than the standards require (which other mainstream
>>graphical browsers seem to follow just fine).[/color]
>
> Thanks for warning me about that: my standard browser is Mozilla 1.5, which
> does what I want, but obviously I test in at least IE as well.[/color]
Sorry about that. I assumed the obvious, but with you things are
different. Okay for using various browsers.
[color=blue]
> Still struggling.[/color]
It will be like that like for ever :-D or so it seems. Every time you
think of something you start all over with new features for new elements.
[color=blue]
> [interlude in Dutch]
> (heb even op je site gekeken: leuk![/color]
Dank.
[color=blue]
> en kom zeker terug om van je css tips
> te leren).[/color]
Volgens mij ben je daar al voorbij, maar als er iets van je gading bij
zit, graag gedaan.
--
Barbara http://home.wanadoo.nl/b.de.zoete/html/weblog.html http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html | 
July 20th, 2005, 10:30 PM
| | | OT (was Re: bottom padding or margin in ul?)
Harlan Messinger wrote:
[color=blue]
> "A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote in message
> news:stg242kms9jb$.dlg@www.translatoria.com...[/color]
[color=blue][color=green]
>>[interlude in Dutch]
>>(heb even op je site gekeken: leuk! en kom zeker terug om van je css tips
>>te leren).[/color]
>
> <p lang="nl">Zo veel Nederlanders in een plaats. (Nij, 'k ben niet een
> ervan.)</p>[/color]
Hehheh. Hele kudde. Is wel leuk. Nederlanders tegen de Finnen :-)
Als jij niet een Nederlander bent, wat dan wel? En hoe kom je aan je
Nederlands?
--
Barbara http://home.wanadoo.nl/b.de.zoete/html/weblog.html http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html | 
July 20th, 2005, 10:31 PM
| | | Re: bottom padding or margin in ul?
On Thu, 29 Jan 2004 23:46:31 +0100, Barbara de Zoete wrote:
[color=blue][color=green]
>> Thanks for warning me about that: my standard browser is Mozilla 1.5, which
>> does what I want, but obviously I test in at least IE as well.[/color]
>
> Sorry about that. I assumed the obvious, but with you things are
> different. Okay for using various browsers.[/color]
It was a genuine thank you! You weren't to know I tested in various
browsers. It is IE though that causes me most headaches...
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:31 PM
| | | Re: bottom padding or margin in ul?
A.Translator wrote:
[color=blue]
> It is IE though that causes me most headaches...[/color]
I know. I made the choice to try and present an optimum in IE for Win,
because most people in the Netherlands _do_ use IE on Win machines and
my pages are in Dutch, targetting the Dutch audience. I know it is hard
to _know_ what browsers your audience _do_ use. A best guess is all I did.
But, I also want my site to be at least working, preferrably with some
nice presentation (be it different from what I prefer), in mainstream
graphical browsers. And Lynx of course. They have to be perfect with
Lynx, because that for me is _the_ test for the markup of my content.
So, I choose not to struggle with IE. I don't really write for that
browser, but my styles are targetting the visitors that use IE, recent
versions.
--
Barbara http://home.wanadoo.nl/b.de.zoete/html/weblog.html http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html | 
July 20th, 2005, 10:31 PM
| | | Re: OT (was Re: bottom padding or margin in ul?)
Barbara de Zoete <b_de_zoete@hotmail.com> wrote:
[color=blue]
>Harlan Messinger wrote:
>[color=green]
>> "A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote in message
>> news:stg242kms9jb$.dlg@www.translatoria.com...[/color]
>[color=green][color=darkred]
>>>[interlude in Dutch]
>>>(heb even op je site gekeken: leuk! en kom zeker terug om van je css tips
>>>te leren).[/color]
>>
>> <p lang="nl">Zo veel Nederlanders in een plaats. (Nij, 'k ben niet een
>> ervan.)</p>[/color]
>
>Hehheh. Hele kudde. Is wel leuk. Nederlanders tegen de Finnen :-)
>
>Als jij niet een Nederlander bent, wat dan wel? En hoe kom je aan je
>Nederlands?[/color]
Amerikaner. Ik woonte drie jaren in Brussel, 30 jaar geleden, en ik
heb het meestendeels van de ondertitels van de engelstalige
televisieprogramma's geleert.. Ik weet niet zo veel woorden--ik moest
"kudde" in 't woordenboek zoeken--maar ik heb de taal graag.
--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ๔ter le premier point de mon adresse de courriel. | 
July 20th, 2005, 10:31 PM
| | | Re: bottom padding or margin in ul?
On Fri, 30 Jan 2004 00:04:05 +0100, Barbara de Zoete wrote:
[color=blue]
> So, I choose not to struggle with IE. I don't really write for that
> browser, but my styles are targetting the visitors that use IE, recent
> versions.[/color]
I make only non-commercial sites targeted at visitors that probably
wouldn't even notice what went wrong, but I do want a site to look good in
IE, simply because it is the most popular browser, whether I like it or
not.
I have been working in html for a while, but only recently started to use
css (shying away from css-P, though! At least for now) and run into
problems with IE, whereas before it was the other way around: IE seems to
swallow a lot of wobbly html-code, but does not render 'proper' css as well
as Mozilla for instance (mind you, I do not yet write proper css, so often
I have only myself to blame).
Still, css is like magic to me: fiddle a bit with a stylesheet and presto!
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail] | 
July 20th, 2005, 10:31 PM
| | | Re: OT (was Re: bottom padding or margin in ul?)
On Thu, 29 Jan 2004 23:35:16 -0500, Harlan Messinger
<hmessinger.removethis@comcast.net> wrote:
[color=blue]
>Barbara de Zoete <b_de_zoete@hotmail.com> wrote:
>[color=green]
>>Harlan Messinger wrote:
>>[color=darkred]
>>> "A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote in message
>>> news:stg242kms9jb$.dlg@www.translatoria.com...[/color]
>>[color=darkred]
>>>>[interlude in Dutch]
>>>>(heb even op je site gekeken: leuk! en kom zeker terug om van je css tips
>>>>te leren).
>>>
>>> <p lang="nl">Zo veel Nederlanders in een plaats. (Nij, 'k ben niet een
>>> ervan.)</p>[/color]
>>
>>Hehheh. Hele kudde. Is wel leuk. Nederlanders tegen de Finnen :-)
>>
>>Als jij niet een Nederlander bent, wat dan wel? En hoe kom je aan je
>>Nederlands?[/color]
>
>Amerikaner. Ik woonte drie jaren in Brussel, 30 jaar geleden, en ik
>heb het meestendeels van de ondertitels van de engelstalige
>televisieprogramma's geleert.. Ik weet niet zo veel woorden--ik moest
>"kudde" in 't woordenboek zoeken--maar ik heb de taal graag.[/color]
En hier heb je er nog een. Ik verhuisde van Engeland naar Nederland 20
jaar geleden, met het idee dat het leuk zou zijn om een ander land te
proberen voor een jaar of twee ...
--
Stephen Poley http://www.xs4all.nl/~sbpoley/webmatters/ |
Posting Rules
| You may not post new threads You may not post replies You may not post attachments You may not edit your posts HTML code is Off | | | | | | What is Bytes?
We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights.
Get the best answers to your questions from over network members.
|