linkschik
09-22-2005, 10:37 AM
i put like..5 divs in my layout, and when i put a link in one of the divs, it makes all the other divs below it move right and down. whats wrong with it?
|
View Full Version : div help! linkschik 09-22-2005, 10:37 AM i put like..5 divs in my layout, and when i put a link in one of the divs, it makes all the other divs below it move right and down. whats wrong with it? Monkey Bizzle 09-22-2005, 11:05 AM Well, why don't you give us a link to your site so we can see what's going on for ourselves? linkschik 09-22-2005, 11:40 AM here: http://www.neopets.com/guilds/guild.phtml?id=1131243 lelee148 09-28-2005, 04:14 AM You need to add a table and put your layout and div elements inside of that table. That's what happened to my guild before as well. Some people like myself have written a style sheet to remove the top flash banner of neopets, so everything was off. I'll try to fix your problem in a moment and will try to give you your code in my next post ^^ Here you go: <STYLE TYPE="text/css"> A,TD,P,FONT{COLOR:CFAAE8; FONT-SIZE: 8pt;font-family:verdana;color:black;letter-spacing:1p;} B, TD{background:transparent}; hr {color:white;} a:hover{color:black;background:#ff6bc7; border=1 black solid} B{height:1px; color:#ff6bc7; font-family:verdana; font-size:8pt; A{color:#ff6bc7} img{filter:chroma(color=white)} </style> <body style="cursor:url(http://neonewsnow.net/cursors/image_previews/019.cur);"> <table border="0" width="0%"><td width="100%" style="position: absolute"> <img border="0" src="http://img.photobucket.com/albums/v427/chocolatesgraphics/Layouts/bullseye.gif" width="400" height="563"> <div style="position:absolute; left:7px; top:387px; width:189px; height:175px; background-color:none; overflow:auto;"><br> <center><u>~Hyrule Herald~</u></center> <p><b>0926</b>In clebration of our 1-month anniversary(yes, I know it's only a month)I will send a water mote to a random person. </br><b>09/25</b> - I've FINALLY found some layouts, so the guild will be 100% finished in just a few more days. I'm putting th finishing touches on the contes pages and stuff. <p>~Guild Till~ <br /><marquee scrollamount="5" scrolldelay="100" width="100" height="40" align="center">~Currently At:25,201~ </marquee> </div> <div style="position:absolute; left:204px; top:387px; width:195px; height:89px; background-color:none; overflow:auto;"> <center><u>~Castle Links~</u></center> <p>-blocked-~Council Room~ <a href="http://www.neopets.com/~fluppy118">~Team Page~</a> </div> <div style="position:absolute; left:204px; top:476px; width:195px; height:90px; background-color:none; overflow:auto;"> <center><u>~Lands of Hyrule~</u></center> <p><a href="http://www.neopets.com/~sarahann421">~Kokiri Forest~</a> <a href="http://www.neopets.com/~mingminglenny">~Kakariko Village~</a> </div> </table> -though you may need to correct the position of the DIV Elements. You need to look for the following codes to adjust if needed: Left:__px, Top:___px, Width:___px, and Height=___px. Please do not delete the semicolons after the "px" for it will affect the element. You just need to figure out where to position them. I've also managed to fix certain things in your css/text area. If you need more help with the codes up there, please visit http://coolcherrycream.com (http://www.coolcherrycream.com). And, before I go, if you need more help with DIV Elements, please visit http://www.lissaexplains.com/html7.shtml Good luck with your guild, and may it bloom beautifully in the future. :) :cool: |