Forums > Placing The image

Forums > Resource Center > Webmasters' Corner > Resolved Topics

xxINFAMOUSxx

Jun 23 2006, 01:02 PM

So I have this picture on my sight and it looks like this when I put it on:

Click Here

How can I get the picture to be right over the blue boxes?

freeflow

Jun 23 2006, 01:13 PM

Put the image inside of a div and position it over there.

CODE

Change the left and top numbers till its where you want it.

xxINFAMOUSxx

Jun 23 2006, 01:17 PM

Okay I did that but know it looks like this:

Click

I wanted the image to be to the right of the menu box like right next to it.

freeflow

Jun 23 2006, 01:56 PM

Make the top number bigger so it goes down lower.
Make the left number bigger so it goes more to the left.

xxINFAMOUSxx

Jun 23 2006, 02:02 PM

Okay that parts fixed but now its covering up the blue boxes. How do I move the blue boxes lower?

Click

freeflow

Jun 23 2006, 02:08 PM

If its covering the blue boxes just make the top one a little bit lower. Or if your using divs fr the blue boxes set there top number to a higher number.

xxINFAMOUSxx

Jun 23 2006, 02:16 PM

I know it looks like I fixed it but all I did is cover up the post and just write it again.
Heres the whole code:

CODE

<html>
<head>
<title>PRiNCESS OF ATLANTA</title>
<style type="text/css">

A:link
{ text-decoration: none; color:#9efd07; }
A:visited
{ text-decoration: none; color:#9efd07; }
A:active
{ text-decoration: none; color:#9efd07; }
A:hover
{ text-decoration: blink; color:#04cafc;

background-image: url(http://img327.imageshack.us/img327/2265/gmamibg6yz.gif);
background-color: #000000;

cursor: crosshair;

}

h1 {font-family: Kartika;
color: #ffffff; }

p {font-family: Kartika;
color: #ffffff; }

body
{ background: #000000;
background-image: url(http://img327.imageshack.us/img327/2265/gmamibg6yz.gif);
background-repeat: no-repeat;
background-position: bottom right;
background-attachment: fixed;

font-family: Kartika;
color: #ffffff;
letter-spacing: 1pt;
font-weight: normal;
font-size: 12pt;

scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #000000;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #04cafc;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: Kartika;
color: #ffffff;
padding-left: 2cm;
padding-right: 2cm;
padding-top: 2cm;
padding-bottom: 2cm;
padding: 2cm;
padding: 4cm 2cm}

input, textarea
{ background: #000000;
font-family: Kartika;
color: #ffffff;
border-style: dotted;
border-color: #9efd07;
border-width: 5px }

body
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

#menu {
  position: absolute;
  left: 5px;
  padding: 0px;
  width: 150px;
  border: 3px solid #9efd07
}

#content {

  margin-left: 250px;
  padding: 10px;
  margin-right: 150px;
  border: 3px solid #04cafc
}

</style>
</head>
<body>
<div style="left=246; top=175; position=absolute;"><img src="http://img482.imageshack.us/img482/8610/enter1es.png"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="menu">
<img src="http://img224.imageshack.us/img224/4020/morgan2zm.png">
BLAH BLAH BLAH BLAH BLAH BLAH BLAH
BLAH BLAH BLAH BLAH BLAH BLAH BLAH
BLAH BLAH BLAH BLAH BLAH BLAH BLAH
BLAH BLAH BLAH BLAH BLAH BLAH BLAH
BLAH BLAH BLAH BLAH BLAH BLAH BLAH
BLAH BLAH BLAH BLAH BLAH BLAH BLAH

</div>

<div id="content">
<center><u><b><font color="9efd07">DATE: 6/16</font></b></u></center><br>
I think I'm going to try to learn all this website stuff again so I guess I'm going to have to do a lot of reading... <br>
<center><font color="#9efd07"><u><b>BYE</B></u></font></center>
</div>
<br><br>
<div id="content">
<center><u><b><font color="9efd07">DATE: 6/16</font></b></u></center><br>
I think I'm going to try to learn all this website stuff again so I guess I'm going to have to do a lot of reading... <br>
<center><font color="#9efd07"><u><b>BYE</B></u></font></center>
</div>
<br><br>
<div id="content">
<center><u><b><font color="9efd07">DATE: 4/30</font></b></u></center><br>
Well... what do you think? Basic I know but its my first. I'm gonna borrow my friends PSP and maybe after awhile it'll look better, but for now it's good. This is my 1st website thing so I am quite proud of it. Now I wish I could put something on her that would allow people to comment, but I don't know how. Maybe someone will tell me. Also how can I specify the colors of bold, italic, and underline?
<br>
<center><font color="#9efd07"><u><b>BYE</B></u></font></center>
</div>

</head>
</html>

How can I fix it w/out having to cover the 1st post up?

towntown2

Jun 23 2006, 03:35 PM

Try having this instead :

CODE

And I'm pretty sure you don't need all that <br> codes before BLAH BLAH BLAH

Listelle

Jun 23 2006, 09:52 PM

If your still trying to add a commenting feature, try Haloscan.com. Just sign up and it'll tell you how implement it into your site. Your site is a good start; keep working at it and give yourself some time and you'll be strutting with the best in no time :)

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.