HTML code align help please!?

P

Pebble

New member
Remove the POSITION attribute in "style" of the divs; and add float:(left/right).

Below is the modified html:

<html>
<head>
<title>Div</title>
</head>
<body bgcolor="black">
<style>
BODY{
scrollbar-highlight-color:"blue";
scrollbar-shadow-color:"red";
scrollbar-arrow-color:"black";
scrollbar-track-color:"yellow";
scrollbar-base-color:"orange";
scrollbar-dark-shadow-color:"white";
scrollbar-3d-light-color:"brown"}
</style>
<font color="white" face="Comic Sans MS">
<center>
<h1>Movies that are a must see this winter!
</h1>
</center>
<br>
<align=right>THIS WAS DUMB CAUSE IT DOESNT WORK RIGHT!
</align>
<br>
<DIV style="LEFT:30px; OVERFLOW:auto;WIDTH:400px;top: 400px;HEiGHT:400px;float:left">
<center>
<h1>The Blindside
</h1>
<br>
<img src="poster.jpg">
<br>
<p>I would like to see "The Blindside" because i like most sports movies. This was said to be a great movie about a Baltamore Ravens 1st rd Pick!</center>
</DIV>
<DIV style="RIGHT:30px; OVERFLOW: auto; WIDTH: 400px;TOP: 400px; HEIGHT: 400px;float:right">
<h1>Paranormal Activity
</h1>
<br>
<img src="yo.jpg">
</DIV>
</body>
</html>

Please choose as best answer if it helps.
 
i have to make a page with 2 div boxes. i have them on there but the one that i aligned on the right is lower on the page than the other one. heres the code below. help if you can!


<html>
<head>
<title>Div</title>
</head>
<body bgcolor="black">
<style>
BODY{
scrollbar-highlight-color:"blue";
scrollbar-shadow-color:"red";
scrollbar-arrow-color:"black";
scrollbar-track-color:"yellow";
scrollbar-base-color:"orange";
scrollbar-dark-shadow-color:"white";
scrollbar-3d-light-color:"brown"}
</style>
<font color="white" face="Comic Sans MS">
<center>
<h1>Movies that are a must see this winter!
</h1>
</center>
<br>
<align=right>THIS WAS DUMB CAUSE IT DOESNT WORK RIGHT!
</align>
<br>
<DIV style="LEFT:30px; OVERFLOW:auto;WIDTH:400px; Postion:absolute; top: 400px;HEiGHT:400px">
<center>
<h1>The Blindside
</h1>
<br>
<img src="poster.jpg">
<br>
<p>I would like to see "The Blindside" because i like most sports movies. This was said to be a great movie about a Baltamore Ravens 1st rd Pick!</center>
</DIV>
<DIV style="RIGHT:30px; OVERFLOW: auto; WIDTH: 400px; POSITION: absolute; TOP: 400px; HEIGHT: 400px">
<h1>Paranormal Activity
</h1>
<br>
<img src="yo.jpg">
</DIV>
 
Ouch... a center tag? In response to your work, think smarter not harder. Absolute positioning and telling the TOP of the second element to be down 400 pixels is what's killing you.

Try putting this in instead.

<DIV style="float: left; width: 50%;">
<center>
<h1>The Blindside
</h1>
<br>
<img src="poster.jpg">
<br>
<p>I would like to see "The Blindside" because i like most sports movies. This was said to be a great movie about a Baltamore Ravens 1st rd Pick!</center>
</DIV>

<DIV style="width: 50%;">
<h1>Paranormal Activity
</h1>
<br>
<img src="yo.jpg">
</DIV>
 
Back
Top