CSS/XHTML simple question - Webmaster Forum - Web Design, Programming and SEO forums

02-28-2006, 09:54 PM

Stan

Status: Member
Join date: Aug 2005
Location:
Expertise:
Software:

Posts: 269

iTrader: 0 / 0%

Stan is on a distinguished road

CSS/XHTML simple question

http://www.collegepixel.com/

I am having trouble with getting the 3 images: status_left, status_right and stat (the 3 images where it says sold/available) to move to the right end of the page. I tried creating a seperate div within the header div but it didnt work out too well, maybe I just screwed up idk, any ideas? any help?

** I know the whole pixel site thing is pretty much dead and over with now, but I was asked to make it anyways**

Thanks in advance,
Stan

02-28-2006, 10:27 PM

Andy

Status: Senior Member
Join date: Dec 2005
Location: Essex, UK
Expertise:
Software:

Posts: 870

iTrader: 0 / 0%

Andy is on a distinguished road

remove

HTML Code:

		<li class="stat"><img src="images/status_left.gif" width="25" height="135" alt="pixel-left" /></li>
		<li class="stat"><iframe width="151" height="135" frameborder=0 marginwidth=0 marginheight=0 vspace=0 hspace=0 scrolling=no  src="display_stats.php"></iframe></li>
		<li class="stat"><img src="images/status_right.gif" width="16" height="135" alt="pixel-right" />

from the list

add this to your css

HTML Code:

#header_status {
width: 176px;
float: right;
display: inline;
}

then in your html put this after </ul>

HTML Code:

<div id="header_status">		<img src="images/status_left.gif" width="25" height="135" alt="pixel-left" />
		<iframe width="151" height="135" frameborder=0 marginwidth=0 marginheight=0 vspace=0 hspace=0 scrolling=no  src="display_stats.php"></iframe>
		<img src="images/status_right.gif" width="16" height="135" alt="pixel-right" /></div>

personally i would remove that iframe too but eh..