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?
Full Version: Another question
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;
}
height:33px;
background:#FFFFFF;
display:inline;
}
Can you post the URL (address) of the page showing your problem and your attempts?
QUOTE(Frederiek @ Jan 26 2008, 05:09 AM) 
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.
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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.