Welcome Guest [Log In] [Register]
Add Reply
PSD Layout File
Topic Started: Mar 4 2009, 03:23 PM (372 Views)
CoolAsCarlito

I have a layout I made in Photoshop and then I sliced it and need someone to help me code it so that I can start doing other things on the site. Anyone willing to help me.
Offline Profile Quote Post Goto Top
 
PauloMillerz
Member Avatar

Have a look at this tutorial http://www.partdigital.com/tutorials/convert-web

Seems to do what you want..
If you like... RATE IT!! Add to my reputation to the left?
Quote:
 
Bidet to you sir!

Posted Image
Offline Profile Quote Post Goto Top
 
CoolAsCarlito

The person that sliced it for me also gave me the index page with the css and with this as the index.html file and hoping someone can turn it into a div for me.

Code: HTML
 

<html>
<!-- Created on: 2/28/2009 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<meta name="description" content="">
<meta name=
"keywords" content="">
<meta name=
"author" content="Dog's Choice">
<meta name="generator" content="AceHTML 6 Pro">
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table class="main" width="1027px" height="971px" cellspacing="0px" cellpadding="0px">
<tr>
<td colspan="3" class="header"> 
</td>
</tr>
<tr>
<td class="leftside" rowspan="2">  
</td>
<td class="contentarea"> <br />code all menu and all content into this cell.<br><br>Cell height is 692px and width is 805px - code content according.
</td>
<td class="rightside" rowspan="2"> 
</td>
</tr>
<tr>
<td class="footer">link | link | link | link
</td>
</tr>
</table>
</body>
</html>


And here's the css they gave me:

Code:
 

@charset "windows-1252";

body {
background: #0a0d12;
text-align: center;
padding: 0px;
margin: 0px;
}

.main {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 0px;
border-bottom: 0px;
}
.header {
width: 1027px;
height: 146px;
background: #0a0d12 url("images/header.jpg");
border: 0px;
margin: 0px;
padding: 0px;
}

.leftside {
width: 110px;
height: 825px;
background: #0a0d12 url("images/left-side.jpg");
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

.rightside {
width: 110px;
height: 825px;
background: #0a0d12 url("images/right-side.jpg");
background-repeat: no-repeat;
padding: 0;
margin: 0;
}

.contentarea {
color: #eeeeee;
width: 805px;
height: 692px;
background: #0a0c0d;
text-align: left;
vertical-align: top;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-top: 0px;
border-bottom: 0px;
margin: 0px;
padding: 0px;
}

.footer {
width: 807px;
height: 133px;
color: #eeeeee;
text-align: center;
vertical-align: top;
background: #0a0d12 url("images/footer.jpg");
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
Offline Profile Quote Post Goto Top
 
PauloMillerz
Member Avatar

Look up CSS and <div> mate, it's easy. Sure we could help you if you get stuck?
If you like... RATE IT!! Add to my reputation to the left?
Quote:
 
Bidet to you sir!

Posted Image
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Web-Based Programming Support · Next Topic »
Add Reply

Banner and Logo by TheKeith