Log In · Register

 
 
 Reply to this topicStart new topic
Layout Issues. =/, yupp.
psychoteddy
post Dec 31 2008, 07:46 PM
Post #1


Member
**

Group: Member
Posts: 17
Joined: Jul 2008
Member No: 670,133
ok, so this is what I want it to look like:


but this is what it DOES look like:


and this is the code:

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Doodles</title>
<link href="doodles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #EEE4EF;
}
-->
</style></head>

<body>
<div align="center">
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="175"><img src="Images/banner5.jpg" width="700" height="175" /></td>
</tr>
<tr>
<td height="24" bgcolor="#333333">&nbsp;</td>
</tr>
</table>
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="156" height="250" bgcolor="#333333"><span class="navigation">Home</span> <span class="navigation">About Me</span> <span class="navigation">Blog</span> <span class="navigation">Graphics</span> <span class="navigation">Photography</span> <span class="navigation">Writing</span> <span class="navigation">Affiliates</span></td>
<td width="199" height="250" valign="top" bgcolor="#EEE4EF"><div align="center">
<p><img src="Images/edit3.jpg" width="180" height="137" align="left" hspace="3" vspace="3"/>
Yeah, it's me, your WEBMASTER.<br />
=)<br />
This is just my personal site, so I can get used to all this crazy HTML and webbing stuff that's out there, so I doubt you're visiting this right now, sense it's not even published yet. =DD here we go. jibber jibber jibber, writing a paragraph about me and how i have no life, because i am home alone on new year's eve and my boyfriend is in jaaaail. yes yes, he's in jaaail. =pp in jail in jail in jail in jail. in jail in jail in jail in jail in jail in jail in jail in jail in jail in jail.
</p>
</div></td>
<td width="345" height="250" valign="top" bgcolor="#EEE4EF" class="border">putting some random stuff over here to see if this dealio is going to work, cuz if it doesn't, i'm gonna cryyyy. </td>
</tr>
</table>
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="24" bgcolor="#333333">&nbsp;</td>
</tr>
</table>
</div>
</body>
</html>


and this is the CSS

CODE

/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
text-align: left;
white-space: normal;
}
td {
overflow: auto;
width:auto;
height:auto;
}

.navigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #FFFFFF;
text-decoration: none;
background-color: #333333;
display: block;
padding: 8px;
width: 140px;
}

.navigation:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #000000;
text-decoration: none;
background-color: #F05A88;
display: block;
padding: 8px;
width: 140px;
}


.border {
border-right:medium;
border-color:#000000;
border-left:0px;
border-bottom:0px;
border-top:0px;
}


If you can help me out and tell me why it is doing this, that would be great. If you could also tell me what CSS code to use to make my table cells scroll, the would also be awesome.
=DD
Reason for edit: please thumb large images. thanks :) -nat
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic