Log in

View Full Version : Big Problem



GB_Phoen1x
05-21-2008, 03:14 PM
When I restore down my browser the site I am making become weird. Images overlap others and text. Only when its maximized does it look right. Does anybody know why this is happening if so? please post back with help or a code to fix my issue.

Medyman
05-21-2008, 03:54 PM
Very vague! We need to see your site, or your code to be able to even consider answering your question.

thenajsays
05-21-2008, 03:57 PM
code or link?

GB_Phoen1x
05-21-2008, 04:48 PM
These are the four sets of codes I have. The firrst one should be named web.html, the second should be named mystyle.css, the third should be named hello.html,
THE FIRST ONE

<html>
<head>
<title>Example Website</title>
</head>
<link rel="stylesheet" type="text/css"
href="mystyle.css" />
<body>
<center>
<table border="0">
<tr>
<td><a href="web.html">
<img border="0" src="200.gif">
</a></td>
</tr>
</table>
</center>
<table>
<tr>
<td><object STYLE="position:absolute; TOP:250px; LEFT:390px; WIDTH:425px; HEIGHT:373px"><param name="movie" value="http://www.youtube.com/v/onbkoF-dVAM&hl=en&color1=0x2b405b&color2=0x6b8ab6&border=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/onbkoF-dVAM&hl=en&color1=0x2b405b&color2=0x6b8ab6&border=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed></object></td>
</table>
<div><table border="0">
<tr>
<td><IFRAME class="one"SRC="hello.html" WIDTH=450 HEIGHT=100>
If you can see this, your browser doesn't
understand IFRAME. However, we'll still
<A HREF="hello.html">link</A>
you to the file.

</IFRAME></td>
</tr>
</table></div>

<table>
<h4 class="ad1">Advertisment</h4>
<table border="0">
<a class="ad2" href="http://google.com"><img border="0" src="imgad.gif" width="128" height="578">
</table>

<table>
<h4 class="ad1">Advertisment</h4>
<table border="0">
<a class="ad2" href="http://google.com"><img border="0" src="imgad.gif" width="128" height="578">
</table>


<table>
<h4 class="adtwo">Advertisment</h4>
<table border="0"><a class="ad3" href="http://www.goarmy.com/flindex.jsp?#?channel=&video=">
<img border="0" src="ad123.gif" width="300" height="252">
</table>

<table>
<table>
<tr>
<td><form class="log"action="">
Username:
<input type="text" name="user">
<br>
Password:
<input type="password" name="password">
</form></td>
</tr>
</table>

</table>

<div><table class="two"border="1">
<tr>
<th colspan="2">Navigation</th>
</tr>
<tr>
<td><a href="http://www.gamebattles.com">Game Battles</a></td>
</tr>
<tr>
<td><a href="http://www.combatarenas.com">Combat Arenas</a></td>
</tr>
<tr>
<td><a href="http://www.target.com">Target</a></td>
</tr>
<tr>
<td><a href="http://www.mlgpro.com">MLG PRO</a></td>
</tr>
<tr>
<td><a href="http://www.verizon.com">Verizon</a></td>
</tr>
<tr>
<td><a href="http://www.sprint.com">Sprint</a></td>
</tr>
<tr>
<td><a href="http://www.adobe.com">Adobe</a></td>
</tr>
<tr>
<td><a href="http://coast2coast-info.com">Coast 2 Coast</a></td>
</tr>
<tr>
<td><a href="http://www.youtube.com">YouTube</a></td>
</tr>
<tr>
<td><a href="http://www.yahoo.com">Yahoo!</a></td>
</tr>
<tr>
<td><a href="http://microsoft.com">Microsoft</a></td>
</tr>
<tr>
<td><a href="http://www.apple.com">Apple</a></td>
</tr>
<tr>
<td><a href="http://www.skype.com">Skype</a></td>
</tr></div>
</table>



</body>
</html>


SECOND ONE

}
object.vid
{
position:absolute;
top:250px
}

object.vid
{
position:absolute;
right:445px
}

iframe.one
{
position:absolute;
top:670px
}

iframe.one
{
position:absolute;
right:430px
}

object.two
{
position:absolute;
top:150px
}

object.two
{
position:absolute;
right:150px
}

form.log
{
position:absolute;
right:50px
}
form.log
{
position:absolute;
top:50px
}
h4.ad1
{
position:absolute;
right:50px
}
h4.ad1
{
position:absolute;
top:220px
}
a.ad2
{
position:absolute;
right:50px
}
a.ad2
{
position:absolute;
top:300px
}
h4.adtwo
{
position:absolute;
right:50px
}
h4.adtwo
{
position:absolute;
top:900px
}
a.ad3
{
position:absolute;
right:50px
}
a.ad3
{
position:absolute;
top:1000px
}
body{background-color: #6b8ab6}
}
a:link {
color: #FFFFFF;
text-decoration: none
}
a:visited
{
color: #000000;
text-decoration: none
}
a:hover, a:active
{
color: #FF3300;
text-decoration: none;
body {
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px;
background: #000000;
color: #FFFFFF;

LAST CODE

<html>
<head>
<style type="text/css">
body {background-color: White}
h1 {background-color: #FFFFFF}
</style>
<title>Title of page</title>
</head>
<body>
Welcome to our site. Many people have been helping to see success.<br>
While you wait for all of the features please watch this video. <br>
Pretty Funny!<br>
Enjoy! <br>
</body>
</html>

GB_Phoen1x
05-21-2008, 04:49 PM
I hope you guys see what i see.

boogyman
05-21-2008, 05:18 PM
for future reference, please use
tags when posting computer code.

by using absolute positioning, some elements will naturally overlap other depending on the browsers screen resolution.

GB_Phoen1x
05-21-2008, 05:27 PM
What should it be then?

Medyman
05-21-2008, 05:28 PM
Relative positioning.

GB_Phoen1x
05-21-2008, 11:35 PM
is that the exact code