CSS and Title images — OZONE Asylum, home of the Mad Scientists

This page's ID: 10819

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	First of all, you're using CSS inneficiently. When you have multiple things with the same style, use a class, not an id. For instance, use this HTML: <div class="header_img"><img src="http://www.dfpunk.com/images/header_01.gif"></div> <div class="header_img"><img src="http://www.dfpunk.com/images/header_02.gif"></div> <div class="header_img"><img src="http://www.dfpunk.com/images/header_03.gif"></div> <div class="header_img"><img src="http://www.dfpunk.com/images/header_04.gif"></div> ... etc ... With this CSS: .header_img { background-image: url("http://www.dfpunk.com/images/header_01.gif"); background-repeat: no-repeat; background-position: top left; width:207px; height:169px; } (unlike IDs, you can have multiple HTML elements with the same class.) Second, the problem is that <DIV> tags are "block-level" elements. This essentially means that, by default, they appear one on top of the other. To get them to appear side to side, you must "float" them with the following property: float:left; try that and see how it works. It should be at least closer to the effect you're trying to acheive. Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post