Another question Options

[CodeKing]

Yes, another question from me. I want several images and a div all lined up. But the div causes a line break. How do I get rid of that?

[CodeKing]

display: inline fixes it with a few changes I made to the code. But now the background of tab_white only covers about 10px on the y-axis. I want the background to extend the entire height of the div and the text to be at the top too. (It's down at the bottom currently) Any help. Note: The images are all 33 pixels tall.

CODE

<div class="tab_white"><img src="skins/divaba_blue/images/nav/tab/selected/left.gif" /><?php echo ucfirst($page); ?><img src="skins/divaba_blue/images/nav/tab/selected/right.gif" /><img src="skins/divaba_blue/images/nav/tab/selected/shadow.gif" /></div><div class="tab_white"><img src="skins/divaba_blue/images/nav/tab/selected/left.gif" /><?php echo ucfirst($page); ?><img src="skins/divaba_blue/images/nav/tab/selected/right.gif" /><img src="skins/divaba_blue/images/nav/tab/selected/shadow.gif" /></div>

CODE

.tab_white {
    height:33px;
    background:#FFFFFF;
    display:inline;
}

[Frederiek]

Can you post the URL (address) of the page showing your problem and your attempts?

[CodeKing]

Can you post the URL (address) of the page showing your problem and your attempts?

http://www.mostmojo.com/divaba/install.php

I want it so the tabs have the background reaching all the way up, and text halfway up, not down at the very bottom.

[Frederiek]

I suppose you mean this to be navigation tabs (links). Then, I think your approach should be different. Go see at http://www.d.umn.edu/itss/support/Training.../css.html#lists, where you surely will find what you're after.