Jump to content

GRRRRR!!!

jibo

By jibo
in CSS

 Share

Recommended Posts

jibo Member

jibo

Posted
Posted
:) ello.... i dont know if im on right section here but i found a layout on a website that i was thinking of using.........the code looks like this
<HTML><HEAD>	<TITLE>your title here</TITLE>	<STYLE type=text/css>A:link {	COLOR: #003399; TEXT-DECORATION: none}A:visited {	COLOR: #0066CC; TEXT-DECORATION: none}A:active {	COLOR: #0066CC}A:hover {	COLOR: #0066CC; TEXT-DECORATION: overline underline}BODY {	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 	SCROLLBAR-SHADOW-COLOR: #0066CC; SCROLLBAR-3DLIGHT-COLOR: #0066CC; 	SCROLLBAR-ARROW-COLOR: #0066CC; SCROLLBAR-TRACK-COLOR: #ffffff; 	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff}</STYLE><script LANGUAGE="JavaScript"><!--function newImage(arg) {	if (document.images) {		rslt = new Image();		rslt.src = arg;		return rslt;	}}}// -->	</SCRIPT>	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD><table width="755" border="0" cellpadding="0" cellspacing="0">  <!--DWLayoutTable-->  <tr> 	<td height="131" colspan="4" valign="top"><img src="welcome.jpg" width="750" height="115"></td>  </tr>  <tr> 	<td width="9" height="2"></td>	<td width="179"></td>	<td width="31"></td>	<td width="536"></td>  </tr>  <tr> 	<td height="454"> </td>	<td valign="right"><TABLE border="1" cellpadding="3" cellspacing="0" style="border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1" bordercolor="#999999" width="100%" id="AutoNumber4" bgcolor="#E6EDF7">		<!--DWLayoutTable-->		<TR> 		  <TD width="100%" bordercolor="#E6EDF7"> <div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">:. 			  Navigation .:</font></strong></div></td>		</TR>		<TR> 		  <TD bordercolor="#E6EDF7"> <TABLE border="0" cellpadding="3" cellspacing="0">			  <!--DWLayoutTable-->			  <TR> 				<TD width="163" height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="28" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="24" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="28" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="19"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			</TABLE></TD>		</TR>	  </TABLE></td>	<td> </td>	<td valign="top"><table width="100%" height="429" border="1" cellpadding="3" cellspacing="0" bordercolor="#666666" bgcolor="#FFFFFF">		<!--DWLayoutTable-->		<tr> 		  <td width="526" height="452"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">This 			is a free template provided by <a href="http://www.enhancedesign.tk" target="_blank">Enhancedesign</a> 			there is no required link back to our site but we would appriciate 			you keeping the "design by enhancedesign" at the bottom 			of the page. You can edit and use this however you want. If by some 			chance you want to give this template away at your site please leave 			a link to enhancedesign because it is not your work your giving away 			other than that enjoy  </font></td>		</tr>	  </table></td>  </tr>  <tr> 	<td height="17"></td>	<td></td>	<td></td>	<td><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">© 		2003 yoursite.com design by <a href="http://www.enhancedesign.tk" target="_blank">enhancedesign</a></font></div></td>  </tr></table></body></html>

wot i want is ALL of this to be centered in the page rather than be to the left hand side can anyone give me a quick fix... thnks

Link to comment
Share on other sites
jibo Member

jibo

Posted
  • Author
Posted
just add <center> tags around the entire thing! :)
kinda obvious relli... how dumb do i look lol :) but now ive dun that it isnt completly aligned... if u put the <center> tags around it and test it like with notepad or something the nav box and the big square (where the iframe or woteva should be are slightly to the right instead of being aligned with the banner.... is there a way i can make them aligned???
Link to comment
Share on other sites
thibo1025 Member

thibo1025

Posted
Posted

the porblem is that the <center> tag is depreciated by W3C.You might as well do this:

<html><head>	<title>your title here</title>	<style type=text/css>#centered {text-align: center;}A:link {	COLOR: #003399; TEXT-DECORATION: none}A:visited {	COLOR: #0066CC; TEXT-DECORATION: none}A:active {	COLOR: #0066CC}A:hover {	COLOR: #0066CC; TEXT-DECORATION: overline underline}BODY {	SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;	SCROLLBAR-SHADOW-COLOR: #0066CC; SCROLLBAR-3DLIGHT-COLOR: #0066CC;	SCROLLBAR-ARROW-COLOR: #0066CC; SCROLLBAR-TRACK-COLOR: #ffffff;	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BACKGROUND-COLOR: #ffffff}</STYLE><script LANGUAGE="JavaScript"><!--function newImage(arg) {	if (document.images) {		rslt = new Image();		rslt.src = arg;		return rslt;	}}}// -->	</SCRIPT>	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD><div id="centered"><table width="755" border="0" cellpadding="0" cellspacing="0">  <!--DWLayoutTable-->  <tr>	<td height="131" colspan="4" valign="top"><img src="welcome.jpg" width="750" height="115"></td>  </tr>  <tr>	<td width="9" height="2"></td>	<td width="179"></td>	<td width="31"></td>	<td width="536"></td>  </tr>  <tr>	<td height="454"> </td>	<td valign="right"><TABLE border="1" cellpadding="3" cellspacing="0" style="border-collapse: collapse; border-style: solid; border-width: 1; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1" bordercolor="#999999" width="100%" id="AutoNumber4" bgcolor="#E6EDF7">		<!--DWLayoutTable-->		<TR>		  <TD width="100%" bordercolor="#E6EDF7"> <div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">:.			  Navigation .:</font></strong></div></td>		</TR>		<TR>		  <TD bordercolor="#E6EDF7"> <TABLE border="0" cellpadding="3" cellspacing="0">			  <!--DWLayoutTable-->			  <TR>				<TD width="163" height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="28" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="24" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="28" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD height="19"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:.				  <a href="#">Link</a></font></TD>			  </TR>			</TABLE></TD>		</TR>	  </TABLE></td>	<td> </td>	<td valign="top"><table width="100%" height="429" border="1" cellpadding="3" cellspacing="0" bordercolor="#666666" bgcolor="#FFFFFF">		<!--DWLayoutTable-->		<tr>		  <td width="526" height="452"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">This			is a free template provided by <a href="http://www.enhancedesign.tk" target="_blank">Enhancedesign</a>			there is no required link back to our site but we would appriciate			you keeping the "design by enhancedesign" at the bottom			of the page. You can edit and use this however you want. If by some			chance you want to give this template away at your site please leave			a link to enhancedesign because it is not your work your giving away			other than that enjoy :) </font></td>		</tr>	  </table></td>  </tr>  <tr>	<td height="17"></td>	<td></td>	<td></td>	<td><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">©		2003 yoursite.com design by <a href="http://www.enhancedesign.tk" target="_blank">enhancedesign</a></font></div></td>  </tr></table></div></body></html>

But the center tag is more practicle tho...Have fun!!

Link to comment
Share on other sites
jibo Member

jibo

Posted
  • Author
Posted
Ok, I found the problem!find the <td> that is like this:
<td width="9" height="2"></td>

and make it look like this:

 <td></td>

thats great thnks... but that only does the left hand 1.... the square the iframe goes is still slightly out of line do ya know which bit i need to changed to make that inline...? thnks
Link to comment
Share on other sites
jibo Member

jibo

Posted
  • Author
Posted
the porblem is that the <center> tag is depreciated by W3C.You might as well do this:
<html><head>	<title>your title here</title>	<style type=text/css>#centered {text-align: center;}

But the center tag is more practicle tho...Have fun!!

wel if its depreciated by W3C ill use this instead :) cheers!i hate being new at this lol.. i got another prob heres the code (not sure if i done ot write but.......)
<TR>		  <TD width="100%" bordercolor="#E6EDF7"> <div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">:. 			  Navigation .:</font></strong></div></td>		</TR>		<TR> 		  <TD bordercolor="#E6EDF7"> <TABLE border="0" cellpadding="3" cellspacing="0">			  <!--DWLayoutTable-->			  <TR> 				<TD width="163" height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="http://ebay.com" target='frame1'>EBay</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="http://google.com" target='frame1'>Google</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="28" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="24" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR>				<TD width="100%" bordercolor="#E6EDF7"> <div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">:. 			  Downloads .:</font></strong></div></td>			  </TR>			  <TR> 				<TD height="28" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Wigan Pier</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Maximes</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Blackout</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">TFI</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="25" valign="top"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			  <TR> 				<TD height="19"><font size="1.5" face="Verdana, Arial, Helvetica, sans-serif">:. 				  <a href="#">Link</a></font></TD>			  </TR>			</TABLE></TD>		</TR>	  </TABLE></td>	<td> </td>	<td valign="top"><table width="100%" height="429" border="1" cellpadding="3" cellspacing="0" bordercolor="#666666" bgcolor="#FFFFFF" align="center">

Basically this is my Nav bar thing adn where it says "downloads its centered but centered inline with the word "navigation" so looks a bit out of place..... anyone know what i done wrong?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...