PDA

View Full Version : need assistance.. with css, again.


Winterworks
02-22-2009, 02:30 PM
http://img514.imageshack.us/img514/7527/informationhehe.jpg

That is part of my index. Here is part of my index.html code, with that part in it..

<!-- start sidebar two -->
<div id="sidebar2" class="sidebar">
<h2>Trasion Information</h2>


<br />

<div class="testimonial_smiley">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<strong>Client Testimonials:</strong><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Currently Unknown

</div>
<br /><br /><br />
<div class="hours_operation">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Hours of Operation:</strong><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Currently Unknown</div>

<br /><br /><br />
<div class="live_help">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Live Help and Support:</strong><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Currently Unknown</div><br /><br />

<center>.................................................. ..........</center><br />

<div class="contact_info">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Contact Information:</strong><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Currently Unknown</div><br /><br />

</div>
<!-- end sidebar two -->

and here is my stylesheet.css... (the part that corresponds).

testimonial_smiley {
float:left;
width:200px;
height:32px;
text-decoration: none;
font-size: 12px;
color: #000000;
background:url('images/smiley.png') no-repeat top left;

}

.hours_operation {
float:left;
width:200px;
height:32px;
text-decoration: none;
font-size: 12px;
color: #000000;
background:url('images/clock.png') no-repeat top left;

}

.live_help {
float:left;
width:200px;
height:32px;
text-decoration: none;
font-size: 12px;
color: #000000;
background:url('images/livehelp.png') no-repeat top left;

}

.contact_info {
float:left;
width:200px;
height:32px;
text-decoration: none;
font-size: 12px;
color: #000000;
background:url('images/contactinfo.png') no-repeat top left;

}


Now, my index.php is coded horribly and I know that. Can someone make it look the exact same, but the codes a lot better? Clean it up, and make it all happen in the .css file, instead of all the &nbsp; crap?

It'd be MUCH appreciated!

Slugsnack
02-22-2009, 03:03 PM
I'll do it, just give me a sec

Winterworks
02-22-2009, 03:14 PM
Thank you Aaron. :)