layout. Options

[PrincessAda]

http://profile.myspace.com/index.cfm?fusea...iendid=32410826
I made an image like that(a 1024x768) with the boxes and everything and its image mapped and everything but I don`t get how to add the div boxes to the boxes I added to the image.Am I suppose to use this code?

CODE

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>

I don`t get how to position it so it fits my boxes on the image.
help anyone ?
sorry this would be my first div.

[freeflow]

- Yes your supposed to use that code.
- Change the width and height to the width of the box.
- Change top to a number higher than 150-175px . That will prevent you from hiding the ad. Just make the number go up 50 px each time you need to go lower. Subtract 50 when you need to go higher. Then when you get really close start using normal numbers like 193px etc.
- Left start at 100px. If you need to go more to the right make it higher. Make it lower to go more left.

I suggest you read the div tutorial Holly wrote. first.

[anime-essence]

I have a great solution. To position the div boxes on the image,open the image in the program "Paint". Use the rectangle tool and make a box on the area you would like the div to cover over,then read the numbers that appear at the bottom of the program. Then,just insert the numbers into your div properties. I always use this method,it's faster and way easier than taking time to move pixel by pixel.Here's a tutorial I made for easier understanding.



If you have any futher questions,reply.

CODE

[thumb]IMG[/thumb]

thumb your images - thanks Holly

[PrincessAda]

I still have a hard time positioning it.Its like sometimes it works..sometimes it doesn`t.And I`m also wondering why I can`t get a double or dashed underline ?

thanks for dhe advice everyone.

[freeflow]

Are you using firefox?
I just use random numbers, which I find faster for me to comprehend. IF its not working for all do the program for some, random numbers for the rest? Plus I don't have that program, so numbers are my only option.

[PrincessAda]

I`m using IE.ehh nvm about the positioning..i`m getting used to it. =] the thing is I can`t get double or dashed underline for some reason..does that happen to all div`s?

[freeflow]

Underneath text? Did you add that to your css?

[PrincessAda]

Yeah.
u{color:F9A2FE; font-family:arial; border-bottom: 1pt dshed 96c2e3;}
anything wrong with it?
I tried different versions.
still won`t work..

[freeflow]

Try 1px. Then if not use another font class. Like h1, h2, something.

[PrincessAda]

ahh it still don`t work.
thanks though.
sorry i`m askin` SOO many questions >.<
but why when i add up the top part of the boxes..my layout pushes up? like its just a blank white spot?

[freeflow]

What do you mean? Also add z-index to each of your divs before the "> . Example:
z-index: 0;"> Add a different number for each one.

Just try another font class later =]

[PrincessAda]

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"z-index: 0;"><center>
CONTENT FOR DIV.
</div>

like that? how do i work the number ?

[freeflow]

Yes, like that. You change the numbers in order. First image div is 0 , the rest are 1 , 2, 3, etc.

[PrincessAda]

Okay.So thats suppose to get rid of the white space underneath my image?

hahah i`m so slow.

[freeflow]

Can you link me? I don't really get that part. Where is the white comming from do you know? If not I can check. Posting your codes so far will also help.

[PrincessAda]

Its comin` from the bottom like when I change the top part
<div class="content" style="position: absolute; left:-45px; top:735px; width:258px; height:219px; overflow: auto;z-index: 3"><center>
COMIN` SOON.
</div>
the white stuff starts to show.

[freeflow]

Get rid of that then? Its really low anyway. But if you get rid of that will it still show?

[PrincessAda]

Yeah before I posted another div thingy..it didn`t show..but all of a sudden it does show.
oh btw whats does the z-index: 0;"> do?

[freeflow]

Basically it helps keep order, along with fixing some div problems along the way. But anyways make sure they all have diff numbers. And dif names


where it says div class="content"
for each div , change the word content to something else. Box1, box 2, content 1, content 2, whaatever.

[PrincessAda]

Okay thanks for the tips.do you know how to get rid of the white spot underneath my layout though?

[freeflow]

Its hard to tell, are you sure its nothing else? Or its not the div? Screenshot its hard to tell. I would try coding the rest then come back to it later, if you don't figure it out.

[PrincessAda]

I think its because I used the code to hide my profile.
wait is hiding bottom and top links againist myspace rules?


and ohh yeahs whats your myspace? so I can put you on my credit section =D

[freeflow]

Which code did you use? I really really REALLY want you to use this:
http://www.createblog.com/scripts/download.php?id=302

You should. um for the top links etc, I don't think so since EVERYONE does it. And no one's been deleted. Plus div layouts often hide them.

Aw, you don't have too. But if you want its Here.

[PrincessAda]

Nope,I added you to my credits section. Thanks and you can close this.