Jump to content

positioning a picture


Batman

Recommended Posts

I am trying to use a premade petpage. I want to add a picture in the background of the petpage or I want to semi alter the petpage. Pretty much i have one picture that is to big to go into the scrolly window. I either want to make the whole scrolly window bigger (along with the picture it is over) or just put the picture off to the side. Is there anyway to do this? I am terrible with coding. The coding is at /~Iebn.

Link to comment
Share on other sites

This is the coding...<img src="http://i30.tinypic.com/2dt4xn6.png" "position:top:15px;left:0px;"> If i change any of those numbers nothing changes.

 

Nothing changes because altering that only moves the position of the image. To make the div box larger you need to change this code:

 

<div style="overflow:hidden;position:absolute;width:125px;height:305px;top:150px;left:658px;opacity:0.6;moz-opacity:0.6;filter:alpha(opacity=60);">

 

Changing this will not stretch the layout image behind it though (not sure if you want to do that).

Link to comment
Share on other sites

Yeah, that's probably the wrong <div> - you'll want to take the last <div> on the page:

<div style="overflow:auto; text-align: justify; position:absolute; top:78px; left:70px; width:325px; height:500px">

 

Then alter its width property to get the value you want:

<div style="overflow:auto; text-align: justify; position:absolute; top:78px; left:70px; width:500px; height:500px">

Link to comment
Share on other sites

Yes, if I read your first post correctly then you'll want to substitute your new background image and then scale up your text box to match. If that's not what you want to do, then you'll probably have to explain better. :P

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...