Now, lets roll:
Your HTML Code, you need to nest stuff, not make CSS FOR EVERY AND EACH object/item
Code:
<hr id="Line1">
<div id="RollOver1">
<a href="">
<img class="hover" alt="" src="images/New-Home-Roll.png">
<span><img alt="" src="images/New-Home-Button.png"></span>
</a>
</div>
<div id="RollOver2">
<a href="#">
<img class="hover" alt="" src="images/Contact-New-Roll.png">
<span><img alt="" src="images/Contact-New.png"></span>
</a>
</div>
<hr id="Line2">
<div id="RollOver3">
<a href="">
<img class="hover" alt="" src="images/Porfilio-New-Roll.png">
<span><img alt="" src="images/Portfiolo-New.png"></span>
</a>
</div>
<div id="RollOver4">
<a href="">
<img class="hover" alt="" src="images/about-me-new-roll.png">
<span><img alt="" src="images/ABout-Me-new.png"></span>
</a>
</div>
<div id="RollOver5">
<a href="http://www.youtube.com/user/SoHmeHard" target="_blank">
<img class="hover" alt="" src="images/Youtube-Roll.png">
<span><img alt="" src="images/Youtube1.png"></span>
</a>
</div>
<div id="wb_Image1">
<img src="images/Acid-Banner.png" id="Image1" alt=""></div>
<div id="wb_Image2">
<img src="images/Acid-Workshop1024.png" id="Image2" alt=""></div>
<div id="wb_Image3">
<img src="images/Acid-Workshop1080.png" id="Image3" alt=""></div>
<div id="wb_Image4">
<img src="images/1440.png" id="Image4" alt=""></div>
<div id="wb_Image5">
<img src="images/1440.png" id="Image5" alt=""></div>This could be made EASY, doing like this:
Code:
<div class="header">
<div class="leftSide">
<ul>
<il> </il>
</ul>
Here Goes your navigation links.. and stuff
</div>
<div class="rightSide">
Here goes your social links... and stuff
</div>
</div>
<div class="mainStuff">
Then here goes your main stuff...
</div>
<div class="footer">
Here goes all your footer stuff... more link maybe or copyright
</div>The <ul> tag, means UNORDERED list, bullets. In the <ul>, <li> list item, here You list your links with icons and what not.
This IS easy to style using CSS:
Code:
*{
padding: 0;
margin: 0;
}
.header {
/* izipizilmnsqz css */
width: 100%;
height: X;
}
...