Log In · Register

 
 
 Closed TopicStart new topic
Placing The image
xxINFAMOUSxx
post Jun 23 2006, 01:02 PM
Post #1


^^Going Back to Basics
***

Group: Member
Posts: 79
Joined: Jun 2006
Member No: 425,381
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
post Jun 23 2006, 01:13 PM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Put the image inside of a div and position it over there.
CODE
<div style="left=0; top=0; position=absolute;"><img src="IMG URL"></div>

Change the left and top numbers till its where you want it.
 
xxINFAMOUSxx
post Jun 23 2006, 01:17 PM
Post #3


^^Going Back to Basics
***

Group: Member
Posts: 79
Joined: Jun 2006
Member No: 425,381
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
post Jun 23 2006, 01:56 PM
Post #4


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Make the top number bigger so it goes down lower.
Make the left number bigger so it goes more to the left.
 
xxINFAMOUSxx
post Jun 23 2006, 02:02 PM
Post #5


^^Going Back to Basics
***

Group: Member
Posts: 79
Joined: Jun 2006
Member No: 425,381
Okay that parts fixed but now its covering up the blue boxes. How do I move the blue boxes lower?

Click
 
freeflow
post Jun 23 2006, 02:08 PM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
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
post Jun 23 2006, 02:16 PM
Post #7


^^Going Back to Basics
***

Group: Member
Posts: 79
Joined: Jun 2006
Member No: 425,381
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
post Jun 23 2006, 03:35 PM
Post #8


Mais je ne l'aime pas
*****

Group: Member
Posts: 971
Joined: Mar 2005
Member No: 108,135
Try having this instead :
CODE
<div style="left:246; top:0; position:absolute;"><img src="http://img482.imageshack.us/img482/8610/enter1es.png"></div>


And I'm pretty sure you don't need all that <br> codes before BLAH BLAH BLAH
 
Listelle
post Jun 23 2006, 09:52 PM
Post #9


Senior Member
****

Group: Member
Posts: 134
Joined: Jun 2006
Member No: 424,880
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 :)
 
« Next Oldest · Webmasters' Corner Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic