View Full Version : Need CSS and HTML Help!

06-13-2012, 10:19 AM
Im working on a WebDesign for a Client
He asked me to make a One Page Template! its really easy but my CSS skills suck
i dont know what to add to css
the html file is created but i dont know what to add to css???

Here is the Code of the HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>BrandCrew - Portfolio</title>

<meta name="description" content="Portfolio of BrandCrew - A Web &amp; Graphic Design group from Europe." />

<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />

<style type="text/css">
body {background-image:url('img/bg.jpg');}

<div id="page-wrap">
<div id="container">
<div id="header">
<center><a href="#" title="BrandCrew"><img src="img/logo.png" alt="BrandCrew" /></a></center>
<a href="#" title="About"><img src="img/slogan.png" alt="BrandCrew" /></a>

<div id="portfolio" class="clear">
<li><a href="img/work1.png" title="Clear Logo Design"><img src="img/work1.png" alt="Portfolio thumbnail" /></a></li>
<li><a href="img/work2.png" title="Revolution Website Design"><img src="img/work2.png" alt="Portfolio thumbnail" /></a></li>
<li><a href="img/work3.png" title="Amazing Dragon Style"><img src="img/work3.png" alt="Portfolio thumbnail" /></a></li>
<li><a href="img/work4.png" title="Leading Edge Logo Design"><img src="img/work4.png" alt="Portfolio thumbnail" /></a></li>
<li><a href="img/work5.png" title="Sneakers Illustration"><img src="img/work5.png" alt="Portfolio thumbnail" /></a></li>
<li><a href="img/work6.png" title="Geometric Lines Illustration"><img src="img/work6.png" alt="Portfolio thumbnail" /></a></li>

<div id="footer" class="clear">
<ul class="clear">
<li><a href="mailto:chris@spoongraphics.co.uk" title="Email"><img src="img/email.png" alt="Contact us via email" /></a></li>
<li><a href="http://www.facebook.com/" title="Facebook"><img src="img/facebook.png" alt="Like Us at Facebook!" /></a></li>
<li><a href="http://twitter.com/" title="Twitter"><img src="img/twitter.png" alt="Follow us at Twitter!" /></a></li>
<li><a href="http://flickr.com/" title="Flickr"><img src="img/flickr.png" alt="Follow us at Flickr!" /></a></li>
<li><a href="http://deviantart.com/" title="DeviantArt"><img src="img/deviantart.png" alt="View our Amazing Work!" /></a></li>
<p class="copyright">&copy; 2012 BRANDCREW - EKWORKS</p>

</div><!--Page Wrap-->

I wanted it to look like this:

But it looks like this (HTML):

What a kind of css to add? can anyone help me?

The DeadLine ends in 3 day's!

The one who can help me get a free Logo Design :)

06-13-2012, 11:07 AM
You need to just add within your style header at top. style details same as you have for body but with you container and body id's (background-image:(.../../image/image.jpg) no-repeat top centre.)
and colours and fonts ect.

if you are using DW then just start this with the id and use the asy links on drop downs to see what you can define for each.

06-13-2012, 11:18 AM
What's there inside your current css/style.css ? Could you post a link to your page?

06-13-2012, 04:50 PM
Seeing your stylesheet would help. But even without it this is what I would do;

Take your images out of the list elements and place them in divs that are floated left(or right) for your body images. Place a line break between every other div so there is 2 on each line. Do not use a line break for the social buttons in the footer.