• Page 1 of 1
  • 1
Archive - read only
uCause Community » Trash & Archives » Trash » Design Problems (How To Center It?)
Design Problems
AloyashaDate: Wednesday, 2010-09-15, 3:35 AM | Message # 1
Member
Group: Senior Members
Messages: 282
Awards: 0
Reputation: 2
Status: :-(
Okay, how do you center a design?/template?/Layout?/ here's the code to it, please do steal it it's pretty noobish anyways.

Code
<html>
<head>
<title>Template #1</title>
<style>

A:link  
{ text-decoration: none; color: #003399; }
A:visited  
{ text-decoration: none; color: #003399; }
A:active
{ text-decoration: none; color: #003399; }
A:hover  
{ text-decoration: none; color: #6666FF; }

body
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
text-align: justify;
margin-bottom: 5px;  
margin-right: 0px;  
margin-top: 5px;
}

#centerlayout {
margin-left: -370px;
margin-right: 0px;  
margin-top: 0px;  
margin-bottom: 0px;  
width: 950px;
left: 50%;
top: 0%;
position: absolute;
}

#leftmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('http://gfx-syndicate.ucoz.net/Templates/6TGRM.png'); repeat-y;
text-align: left;
border: 0px;
width: 202px;
}

#rightmenu
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('http://gfx-syndicate.ucoz.net/Templates/6TGRM.png'); repeat-y;
text-align: right;
border: 0px;
width: 202px;
}

#content
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 10px;
background-color: #FFFFFF;
background-image: url('http://gfx-syndicate.ucoz.net/Templates/6TGCB.png'); repeat-y;
border: 0px solid #000000;
width: 546px;
}

#disclaimer
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('http://gfx-syndicate.ucoz.net/Templates/6TGD.png');
border: 0px solid #000000;
text-align:center;
width:950px;
height:266px;
}

#banner
{ font-family: Verdana; sans serif; helvetica;
color: #333333;
font-size: 9px;
background-color: #FFFFFF;
background-image: url('http://gfx-syndicate.ucoz.net/Templates/6TGB.png');
width:950px;
height:280px;
border: 0px solid #000000;
text-align:center;
}

</style>
</head>
<body leftmargin="0" rightmargin="0" topmargin="10" bottommargin="10">
<div id="centerlayout">
<table cellspacing="0" cellpadding="0" border="0">
<tr><td valign="top" align="center" id="banner" colspan="3"></td></tr>
<tr>
<td valign="top" id="leftmenu">

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

<br><br>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

</td>
<td valign="top" id="content">
<div align="justify">

<table cellspadding="5" cellspacing="0" border="0">
<tr>
<td valign="top" id="content">

<center><b>.:. CONTENT HEADER HERE .:.</b></center><br><br>

Make sure you fill out the CSS properly. I have put "INSERT [whatever] URL HERE" in the places you have to edit.

</td></tr></table>

</div>
</td>
<td valign="top" id="rightmenu">

<center><b>AFFILIATES</b></center><br>
<center>
<a href="#">Affy 1</a><br>
<a href="#">Affy 2</a><br>
<a href="#">Affy 3</a>
</center>

<p>

<center><b>HEADER</b></center><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a><br>
<a href="#">Link Here</a>

</td></tr>
<tr><td valign="top" id="disclaimer" colspan="3">
</td></tr>
</table>
</body>
</html>


 
0 Thanked you For This Useful Post:
SpliffDate: Wednesday, 2010-09-15, 6:07 AM | Message # 2
So awsumly speshul it hurtz
Group: Senior Members
Messages: 131
Awards: 2
Reputation: 2
Status: :-(
http://tinyurl.com/2cmhvqw

Gigabyte Zone - Downloads

This post help? Give me a +1 reputation, cheers.

 
0 Thanked you For This Useful Post:
uCause Community » Trash & Archives » Trash » Design Problems (How To Center It?)
  • Page 1 of 1
  • 1
Search:


"Making uCoz web designs simple and easy to use"
- uCause Developers