Replace your styles from line 37 -67 with this:
#meni {
list-style:none;
text-decoration:none;
background:#CC3333;
padding-left:15px;
margin-left:185px;
margin-top:50px;
height:30px;
margin-bottom:0;
display: block;
}
#meni li {
display:inline-block;
padding-left: 0;
padding-right:8px;
margin-bottom:0;
font-size: 15px;
font-weight: normal;
color: #fff;
font-family: tahoma;
height:30px;
}
#meni li a {
text-decoration:none;
color:#FFF;
margin:0;
padding:0;
height:30px;
line-height:30px;
}
You needed to:
-remove the padding from ol and give it a fixed height.
-give the li the same height
- give the li the same line-height as the height to vertically align it
middle
- give the a the same height
Where are you from?
Jamie
On Wed, Dec 16, 2009 at 11:57 AM, crni <[email protected]> wrote:
> Here is my sample page:
> http://svastara.filmske-radosti.com/Untitled-3.html
>
> I tried adding this things but it still aint working correctly...
>
>
> On Dec 16, 5:22 pm, "Jamie C." <[email protected]> wrote:
> > Try changing display inline to inline-block to:
> >
> > #meni li {
> > display:inline-block;
> >
> > Try adding display block to:
> >
> > #meni li a {
> > display: block;
> >
> > You might need to add a width and height to one or both of these also. If
> > you have a sample page it will be easier for us to help too.
> >
> > Jamie
>
> --
> --
> You received this because you are subscribed to the "Design the Web with
> CSS" at Google groups.
> To post: [email protected]
> To unsubscribe: [email protected]
>
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
