Replies

Jan 10, 2014 12 years ago
Tempest_921
User Avatar

So I played around with my original code for [url=subeta.net/pets/imladris]Imladris[/spoiler], and I finally got the background to be 100% (I think. If anyone could send me screenshots, that'd be wonderful!)

Now, my problem is that some of my text boxes and the pet image shifts based on screens. Is there a way to fix the pet picture of a certain area of the screen? I've tried position:fixed, but I don't think that works.

[tot=Tempest] [flower=Tempest]

Jan 10, 2014 12 years ago
toxic
does not get outside
User Avatar

position:absolute should fix it.

screenshot

Jan 10, 2014 12 years ago
Tempest_921
User Avatar

I've been using position:absolute, but the description box shifts up on my laptop, and says that everything's shifted to the left

[tot=Tempest] [flower=Tempest]

Jan 10, 2014 12 years ago
toxic
does not get outside
User Avatar

do you want me to see if I can get it to code right on my screen?

Jan 10, 2014 12 years ago
Tempest_921
User Avatar

If you have time, that would be wonderful! Should I paste the code onto here?

[tot=Tempest] [flower=Tempest]

Jan 10, 2014 12 years ago
toxic
does not get outside
User Avatar

either post here, or smail it to me!

Jan 10, 2014 12 years ago
Tempest_921
User Avatar

Here it is! sMail has been unraveling my codes recently

code

<style type=text/css> , , -ban, -ban-main, -lrc, -rrc {display:none;} , -right, , , , {display:none;} , , body, , {background-color:transparent;} {display:none;} a { display:none; } h2 { display:none; } { color: ; height:330px; width:250px; position: absolute; top: 285px; left: 580px; overflow:auto; } a { color: ; } { position: absolute; top: 230px; left: 150px; } {background-image: url(http://i1294.photobucket.com/albums/b609/TempestUnleashed/neela_cream_zps83a231ed.png);} { height:125px; width:273px; padding-left: 14px; position: absolute; top: 204px; left: 740px; overflow:auto; } { color: ; text-indent: -9987px; position: absolute; top: 510px; left: 180px; } { display:none; } { color: ; height:125px; width:267px; padding-left: 20px; position: absolute; top: 482px; left: 740px; overflow:auto; } .pet_name { color: ; position: absolute; top: 445px; left: 185px; } .pet_color_info { color: ; position: absolute; top: 475px; left: 185px; } .owner { color: ; position: absolute; top: 490px; left: 185px; } .owner a { color: ; } .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date { display:none; } .pet_spotlight { color: ; width: 100px; position: absolute; top:80px; left: 942px; } body { background: url(http://i1294.photobucket.com/albums/b609/TempestUnleashed/ImladrisElrondsquareswords_zps3568ba9e.png); background-repeat: no-repeat; position: absolute; left: 0px; top: 0px; background-size:100%; } html { background-color: } { height: auto !important; margin: 0; padding: 0; } { margin: 0; max-width:100%; max-height:100%; } body, html, div, a, tr, td, p {font-family: verdana; font-size: 10px;} </style type=text/css> Under construction.

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

Profile coded by

Background image 1 x

Background image 2 x

Based on Middle Earth as described in Tolkien's books. I known no characters or names.

[tot=Tempest] [flower=Tempest]

Jan 10, 2014 12 years ago
Adventure Captain
sonata
User Avatar

I think it's going to be pretty darn difficult to get everything to stay aligned when you've made the background image adjust to the screen resolution. ^_^; The box in the background is always going to be in a different spot.

Art by
[tot=sonata]

Jan 10, 2014 12 years ago
Tempest_921
User Avatar

Ah...I guess that's why my code is failing miserable xD Thank you for letting me know! Otherwise I'd probably be selling my life to Google to try and find an answer.

[tot=Tempest] [flower=Tempest]

Jan 10, 2014 12 years ago
toxic
does not get outside
User Avatar

I'm still working on it, but does it look okay on your screen? click here

after i took out the code that makes the image adjust, it makes your image a lot smaller. If you remake your image bigger and code everything as absolute and rework the positioning I think you'll be okay.

Jan 10, 2014 12 years ago
Adventure Captain
sonata
User Avatar

I suspect so.

Art by
[tot=sonata]

Jan 10, 2014 12 years ago
Tempest_921
User Avatar

Here's what it looks like

If it's too hard, I can always redo the background image ^^ I have another test one with a white base, so I think it may work better

[tot=Tempest] [flower=Tempest]

Jan 10, 2014 12 years ago
toxic
does not get outside
User Avatar

i think redoing the image will be your best bet and then coding everything using absolute.

Please log in to reply to this topic.