So I did this coding a year and a half ago in IE and recently took a look at it in Firefox. I had noticed that the text inside the div layer was weirdly spaced, much more than it should have been, and the bold Lithiume part was about 100 pixels away from everything else. After doing some research I learned that it was because the div layer was set to absolute, so I changed it to relative.
Well, now I can't get them to line up into the space I want them on the image. Even after I adjust them, they adjust back, and then look even worse in IE.
What am I doing wrong, and is it possible that I can get this to look how it properly should in both IE and in Firefox?
HTML Code:
<body bgcolor="#E5E5E5">
<style>font {font-size:11px;line-height:7.5pt}body, td, p {Font-size:11px;color:000000;line-height:7.5pt; font-weight:normal}hr {height:2; color: 000000; background: #ffffff; width: 300px; border: 1px solid #000000;} p table{Font-size:11px; color:#D7A882;}
B {COLOR:#D7A882}
A:hover {color:#4DF2C8;font-weight:bold}
A, A:active{ COLOR:#4DF2C8; text-decoration:none;font-family: verdana; Font-size:11px;text-transform:none;font-weight:bold}</style>
<div id=layer1 style="position:absolute; top:20; left:100; width:800; height:600; z-index:1;">
<img src="http://i5.photobucket.com/albums/y179/Kaleas/lithiumepetpage.jpg">
</div>
<div id=layer1 style="position:relative; top:92; left:161; width:320; height:485; z-index:1; padding:5px; background-color:#ffffff;overflow:auto">
<img src="http://i5.photobucket.com/albums/y179/Kaleas/ohsnap.jpg">
<br> Oh geeze, oh my. A guest. I mean, someone, who actually came across a page about, well, me! Welcome #VISITOR! My name is <b>Lithiume</b>. This here, is my page. You'd be amazed at all the information it has on it! Things about what I like, and don't, friends, and even adoptables you can enjoy.
<br><img src="http://i5.photobucket.com/albums/y179/Kaleas/divider.jpg">
<br><br><img src="http://i5.photobucket.com/albums/y179/Kaleas/smurf.jpg">
<br>In this section will be my story, along with pretty pictures, kind of like a picture story book. This part is still being worked out though.<br><img src="http://i5.photobucket.com/albums/y179/Kaleas/divider.jpg">
<br><br><img src="http://i5.photobucket.com/albums/y179/Kaleas/tasties.jpg"><br>
This section will contain the things I really like and the things I don't like.
<br><img src="http://i5.photobucket.com/albums/y179/Kaleas/divider.jpg">
<br><br><img src="http://i5.photobucket.com/albums/y179/Kaleas/oddities.jpg">
<br><br>
<b>F.A.Q</b><br>
<br>
<b>Will you make me art? </b> The blatant answer is no. It's not that I'm mean, cruel, or don't think you're worthy.
I honestly just don't have enough time. I do fanart for people who really spark
my interest or are doing a trade with me.<br>
<br>
<b>What do you use to do your work?</b> I use a combination of Adobe Photoshop CS2 for my lineart and then Open Canvas for the coloring. Depending on the kind of mood I am in,
I sometimes do the coloring in Photoshop also. <br>
<br>
<b>How did you get so good?!?</b> Practice. Honest. I've been drawing my neopets
for 7 years. I've been drawing in general for over 14. I take Advanced Placement
Art classes at school, and am majoring in college in Art. I also have a Wacom
Tablet which makes life a lot easier. Believe me. It takes a lot to get
anywhere.<br>
<br>
<img src="http://i5.photobucket.com/albums/y179/Kaleas/divider.jpg">
<b><br>
<br>
Toy Box</b>
<br>
What?!? Clones?! I never knew I was so loved. These are all the little pretties that people have made of me. Please check out the rest of their amazing stuff!<br>
<br>
</div>
<div id=layer1 style="position:relative; top:-43; left:521; width:270; height:130; z-index:1; padding:5px;background-color:#ffffff; overflow:auto;"><b>DO NOT CLAIM THEM AS YOUR OWN!</b><br>Please do not use these in the BC.<br>Don't remove my name or edit them to fit your pet.<br>As of right now they are on a request/trade basis only. When I have time I will get all of the basic colors up here for you to use.
<br><br><b>EXAMPLE</b>
<img src="http://i5.photobucket.com/albums/y179/Kaleas/red_adoptlupe.jpg">
<b>CUSTOMS</b>
<img src="http://i5.photobucket.com/albums/y179/Kaleas/adopts/suna.jpg">
<img src="http://i5.photobucket.com/albums/y179/Kaleas/cercorm.jpg">
<img src="http://i5.photobucket.com/albums/y179/Kaleas/kipure.jpg">
<img src="http://i5.photobucket.com/albums/y179/Kaleas/ryelm.jpg"></div>
Last edited by Kaleas : 05-27-2008 at 02:23 PM.
|
