User not logged in - login - register
Home Calendar Books School Tool Photo Gallery Message Boards Users Statistics Advertise Site Info
go to bottom | |
 Message Boards » » HTML problemo Page [1]  
Ernie
All American
45943 Posts
user info
edit post

trying to make a table layout and i'm getting a headache

the table displays incorrectly in IE (suprise), the pictures and source are below

i need to eliminate the whitespace between the nav bar links but i can't figure out the problem

also, the content panel is stuck way over on the right for some reason - i set border="1" for the main table to better illustrate the problem

i probably screwed up nesting tables but i'm tired of looking at this, someone help

in IE:


and in mozilla:


Quote :
"
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="style1.css" />
</head>

<body topmargin="100"> <!-- background="back.gif" -->

<center>

<table border="1" cellpadding="0" cellspacing="0" class="main">
<tr>
<!-- left side -->
<td>
<table border="0" cellpadding="0" cellspacing="0" class="leftside">
<tr>
<!-- banner cell -->
<td colspan="2" bgcolor="#000000" class="bannercell">
banner
</td>
</tr>

<tr>
<!-- left side picture cell -->
<td rowspan="8" valign="top" align="left" class="picturecell">
<img src="leftside.png"
</td>
</tr>

<tr>
<!-- center nav cells x6 -->
<td class="navbar">
<img src="nav_home1.png">
</td>
</tr>

<tr>
<td class="navbar">
<img src="nav_about1.png">
</td>
</tr>

<tr>
<td class="navbar">
nav3
</td>
</tr>

<tr>
<td class="navbar">
nav4
</td>
</tr>

<tr>
<td class="navbar">
nav5
</td>
</tr>

<tr>
<td class="navbar">
nav6
</td>
</tr>

<tr>
<td class="bottom"
bottom
</td>
</tr>
</table>
</td>

<!-- right side, content panel -->

<td rowspan="2" valign="top" align="left" class="rightside">
content

</td>

</tr>
</table>

</center>

</body>

</html>
"


Quote :
"
.main {
width: 700px;
border: solid 1px #000000;
background-color: #ffffff;
}

.leftside {
width: 300px;
}

.rightside {
width: 400x;
}

.bannercell {
height: 100px;
width: 300px;
background-color: #000000;
padding: 0px 0px 0px 0px;
}

.picturecell {
width: 150px;
}

.navbar {
height: 50px;
width: 150px;
padding: 0px 0px 0px 0px;
}

.bottom {
height: 200px;
width: 150px;
}
"


[Edited on November 7, 2005 at 5:54 PM. Reason : ]

11/7/2005 5:52:37 PM

skokiaan
All American
26447 Posts
user info
edit post

kill yourself

11/7/2005 5:58:55 PM

Ernie
All American
45943 Posts
user info
edit post

othx

11/7/2005 6:06:46 PM

Shaggy
All American
17820 Posts
user info
edit post

write it for IE.


fuck firefox.

11/7/2005 6:09:18 PM

Ernie
All American
45943 Posts
user info
edit post

problem being, i don't know how to do that

i had been viewing the page in IE and thought i was just fucking up the html

then i opened it in firefox and everything was correct

so its a combination of things really

11/7/2005 6:14:19 PM

Shaggy
All American
17820 Posts
user info
edit post

can you post links to those two images?

edit: the two banner images that is

nav_home1.png

nav_about1.png

[Edited on November 7, 2005 at 6:28 PM. Reason : .]

11/7/2005 6:28:18 PM

 Message Boards » Tech Talk » HTML problemo Page [1]  
go to top | |
Admin Options : move topic | lock topic

© 2024 by The Wolf Web - All Rights Reserved.
The material located at this site is not endorsed, sponsored or provided by or on behalf of North Carolina State University.
Powered by CrazyWeb v2.38 - our disclaimer.