Hello!

I have a serious problem regarding the display:inline style. (At least I
think THAT is the problem...)

Please visit http://www.haasmayer.com/exhibitions/default.asp to see my
problem. All I want to do is align the two (highlighted) tiny arrows NEXT to
each other. Currently one is BELOW the other.

This is the CSS I use (the entire css file can be found here:
http://www.haasmayer.com/css/screen_eng.css):

#nav_arrows {
background: Aqua;
margin-left: 0px;
margin-top: 20px;
}

#nav_arrows a {
width: 7px;
height: 7px;
text-decoration: none;
display: block;
}

#nav_arrows ul {
margin: 0;
padding: 0 0 0 0;
list-style-type: none;
}

#nav_arrows li {
height: 7px;
margin-bottom: 4px;
display: inline;
}

#nav_arrows ul li a span {
display: none;
}

#previous a{
background: url(/images/arrow_prev.png);
}

#next a{
background: url(/images/arrow_next.png);
}


As soon as I remove "display: block;" from the "#nav_arrows a" style the
arrows disappear.

Any idea??? Thank you very much for your help...

Oliver
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to