My portfolio website.

01-06-2015, 10:18 AM

Kill Wrote: Hello Acid , the design looks pretty good.
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;
}
...

Thanks :D your feedback, and advice is deeply appreciated. I actually finished the whole website. I should be uploading them to an official domain soon

agian thanks man