Jump to content

Image Settings

tjoosten

By tjoosten
in CSS

Recommended Posts

tjoosten Newbie

tjoosten

Posted
Posted

Im new here and I used this website a lot for my own one but now i cant go on cause of my images arent at the right places if someone got another resolution screen than mine. Can you guys please help me? I'm already busy for more than a year and I just dont know how to place the images at the right spots. :SThanks a lot guys :)

Link to comment
Share on other sites
tjoosten Newbie

tjoosten

Posted
  • Author
Posted
Umm... some code would be good... or a link to the site...
<html><head><title>Server Info</title><style>	body{background-image:url(../Background.jpg); background-position:top;}	div.left{position:absolute; left: -43px; top: -3px;}	div.right{	position:absolute;	left: 893px;	top: 1px;}	div.home{	position:absolute;	z-index:2;	left: 180px;	top: 322px;}	div.iframe{	position:absolute;	left: 189px;	top: 428px;}	</style></head><body>	<div class="left">    	<img src="../links.jpg" height="770" width="180">    </div><div class="right">    	<img src="../rechts.jpg" height="770" width="180">    </div><div class="iframe">  <iframe src="home page text.html"width="630" height="270" frameborder="0"></iframe></div>	<p><font color="#FFFFFF">Home</p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p></p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><div class="home">  <p><a href="../Home Page/Home Page.html"><img src="../Website Buttons/Home Small.gif" width="129" height="34" border ="none"></a><a href="../Staff/Staff.html"><img src="../Website Buttons/Staff Small.gif" width="129" height="34" border ="none"></a><a href="http://godsoflegend.freeforums.org/index.php"><img src="../Website Buttons/Forum Small.gif"		    width="129" height="34" border ="none"></a><a href="../Connecting/Connecting.html"><img src="../Website Buttons/Connecting Small.gif" width="129" height="34" border ="none"></a><a href="../Server Info/Server Info.html"><img src="../Website Buttons/Server Info Small.gif" width="129" height="34" border ="none"></a></p>  <a href="../Donate/Donate.html"></a><a href="../Server Rules/Server Rules.html"><img src="../Website Buttons/Server Rules Small.gif" width="129" height="34" border ="none"></a><a href="../Donate/Donate.html"><img src="../Website Buttons/Donate Small.gif" width="129" height="34" border ="none"></a><img src="../Website Buttons/Empty Button.gif" width="129" height="34" border ="none"><a href="../Voting/Voting.html"></a><img src="../Website Buttons/Voting Small.gif" width="129" height="34" border ="none"><a href="../Voting/Voting.html"></a><a href="../Castle Control/Castle Control.html"><img src="../Website Buttons/Castle Control Small.gif" width="129" height="34" border ="none"></a><a href="../Voting/Voting.html"></a></div>    <div class=""	<a href="../Server Info/Server Info.html">                   </a><p> </p><p> </p></body></html>

Thats my website Iframe text:

<html><title></title><head></head><body text="#FFFFFF"><font size="3" face="Times">These are the Lineage ][ Gods Of Legend rates etc.<br><br>SERVER RATES:<br>EXP: 45<br>SP: 45<br>Adena: 100<br>Spoil: 20<br><br>ENCHANT RATES:<br>Safe Enchant: 3<br>Max Enchant: 30<br><br><img src="scroll of enchant armor S.png">	<img src="scroll of enchant weapon S.png"><br>Normal Scrolls<br>Weapon Enchant Rate: 40%<br>Armor Enchant Rate: 45%<br>Juwels Enchant Rate: 45%<br><br><img src="crystal scroll of enchant armor S.png">	<img src="crystal scroll of enchant weapon S.png"><br>Crystal Scrolls<br>Weapon Enchant Rate: 50%<br>Armor Enchant Rate: 55%<br>Juwels Enchant Rate: 55%<br><br><img src="blessed scroll of enchant armor S.png">	<img src="blessed scroll of enchant weapon S.png"><br>Blessed Scrolls<br>Weapon Enchant Rate: 60%<br>Armor Enchant Rate: 65%<br>Juwels Enchant Rate: 65%<br><br><br>JUWEL EFFECTS<br><br><img src="Necklace of Valakas.png"> Necklace Of Valakas<br><br>Mp+45.<br>Sleep resistance +80%.<br>P.atk. and M.Atk. increase.<br>Resistance agains fire-attacks.<br><br><img src="Frintezza's Necklace.png"> Necklace Of Frintezza<br><br>Resistance to sleep +30%.<br>Resistance to poison +50%.<br>Resistance to bleed +50%.<br>Resistance to paralyse +30%.<br>Resistance to shock +30%.<br>Decrease re-use dealy.<br>Increase dark-attack resistance.<br><br><img src="Earring of Antharas.png"> Earring Of Antharas<br><br>Mp+31<br>Bleeding resistance +80%.<br>Increase amount of health.<br>Stun/Silence resistance +60%.<br>Decrease mp consumption.<br>Resistance earth-attacks.<br><br><img src="Earring Of Orfen.png"> Earring Of Orfen<br><br>Mp+31.<br>Resistance to bleeding+40%.<br>Increase amount of health.<br><br><img src="Earring Of Zaken.png"> Earring Of Zaken<br><br>Mp+31.Resistance to bleeding+60%.<br>Increased Heal.<br>Vampiric Rage.<br>60% resistance to shock/abnormal state.<br><br><img src="Ring of Ant Queen.png"> Ring of Ant Queen<br><br>Mp+21.<br>Resistance to poison+60%.<br>Increase in accurace.<br>Increase in critical dmg.<br>Resistance to hold.<br><br><img src="Ring of Baium.png"> Ring Of Baium<br><br>Mp+21.<br>Resistance to poison+60%.<br>Increase in accuracy.<br>Resistance to hold.<br>Increase atk.spd and casting spd.<br><br><img src="Ring Of Core.png"> Ring Of Core<br><br>Mp+21.<br>Resistance to poison +40%.<br>Increase of accuracy.<br><br>SPECIAL ADDS<br><br><img src="ss s.png"> Automatic SoulShot<br><br><img src="Hero wep.png"> Working Hero System + Hero Weapons<br><br><img src="Dye.png"> Working dye's<br><br><a href="Monster Only Stats text.html"><img src="monster only.png" border ="none"></a> Monster only weapons with other stats. (S grade) Click at the image to see the stats.</body></html>

Link to comment
Share on other sites
SpOrTsDuDe.Reese Member

SpOrTsDuDe.Reese

Posted
Posted

You don't have the website up? When I use Notepad to look at what has been done I can't get a look at anything. Use Tripod.com and upload the files there free. Then give us the link so we can actually help you. Until we can have a look at the problem we can't do anything

Link to comment
Share on other sites
tjoosten Newbie

tjoosten

Posted
  • Author
Posted
You don't have the website up? When I use Notepad to look at what has been done I can't get a look at anything. Use Tripod.com and upload the files there free. Then give us the link so we can actually help you. Until we can have a look at the problem we can't do anything
After a long time of working on my website its finally done. 2 pages do work > Homepage and Server Info now you can see it yourself. Please help me im getting crazy :) :)http://l2-miracles.orgfree.com/
Link to comment
Share on other sites
Reg Edit Member

Reg Edit

Posted
Posted
After a long time of working on my website its finally done. 2 pages do work > Homepage and Server Info now you can see it yourself. Please help me im getting crazy :) :)http://l2-miracles.orgfree.com/
I see what you mean (about the site, that is :))--the obvious thing being the way the main navigation links shift around inside the other stuff when you resize the window.The problem is that your divs all use absolute positioning, to exact pixel locations, and are independent of each other. This means that the div alignment will only ever be right for one screen size. You need to arrange the divs in a nested way, with relative positioning, so that their contents stay in the right place when the screen's resized.I suggest you view the source of some sites to see how people have done this, to give an idea of what I mean. If nothing else, have a look at the source of the w3schools forum homepageBTW if you want to avoid the background image repeating, you can add no-repeat to your body style:
	body{background-image:url(Background3.gif);	background-position:top;	background-repeat:no-repeat;}

Can someone suggest other sites to look at for good examples of nested div alignment?

Link to comment
Share on other sites
Synook w3schools Guru

Synook

Posted
Posted

If you really want to continue using absolute positioning, then you will have to consider left-aligning your site. Or else the nav menu will continue to swim around at different resolutions.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...