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

Code:

<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

Code:

}
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

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 [code][/code] 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

Thread: Big Problem

Thread Tools

Search Thread

Big Problem

Bookmarks

Bookmarks

Posting Permissions