|
View Full Version : Wonky layout suzezco 09-24-2004, 05:16 PM I have a CSS layout but it's not adapting when I add images. On my layout I added two images, now the whole thing has gone wonky. Here is my url: http://www.freewebs.com/mysticalglamour/main.htm Tell me if you need the code. Thanks! Suze kitty_katt07 09-24-2004, 05:56 PM I think you need to use posistioning on the div layers like this, it lets you set it exactly where you want. Set the h and w to your choice and if you need help positioning the div try http://www.``````````````/divtutorial.php =] <div align=left style="position:static; margin-left:##px;margin-top: ##px;border: 0px solid #000000; width: ##px; height: ##px;background: none; overflow:auto;"> your text </div> suzezco 09-25-2004, 07:45 AM I have manadged to get one of my divs to shift but I can't do the other one, I typed in the same thing ut it went down to the bottom of my centeral div. It's one of Lissa's CSS divs, if that helps. Link:http://www.mysticalglamour.tk Thanks suzezco 09-29-2004, 08:10 PM My layout is STILL wonky, I've tried everything but one of my divs isn't adapting to the layout. I tried making it static but it went inside my central div. PLEASE help and if you give me something to change please make the things I need to change a different colour so I understand it! Here is my code for that div: #right { position: static; right: 15px; top: 160px; width: 200px; border: 3px solid #ff0033;} That is as static I did have it absolute. Chris 09-29-2004, 08:38 PM what happens if you change static with absolute? Chris Monkey Bizzle 09-29-2004, 09:30 PM What exactly are you trying to acheive with this div? Like, what do you want it to do? In the meantime, here are some errors from your page (just the main one after the splash page) here is part of your CSS at the top of your page... body { background-color: #000000;} { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } delete the red part then at the bottom, you have this... <STYLE type="text/css"><!-- A:link{color:crimson;text-decoration:none} A:visited{color:crimson;text-decoration:none} A:active{color:crimson;text-decoration:none} A:hover{color:crimson;text-decoration:cross-hair} --></STYLE> delete the red part and put the black part between the <head> tags with the rest of your CSS... and then down here, you have 2 sets of closing body and html tags... delete the red ones... </body> </html> <div id="right"> Sisters<br>None yet...=(<p>Link exchanged<br>None yet either...=( </div> </body> </html> suzezco 09-30-2004, 08:25 PM Hang on, thanks Monkey, I've changed it back to absolute and what I want is to make the right div not over-lap with the header one. Can anyone help now? Monkey Bizzle 09-30-2004, 09:26 PM well, just change the number next to "top" to something larger. the larger you make it, the farther down the div will move. suzezco 10-02-2004, 03:15 PM Thanks Monkey! It moved the cenral div down too but that looks quite cool! Finished result here: Mystical Glamour (www.mysticalglamour.tk ) Also does anyone know how to make the link pop out, I did know but I lost it when my page delted itself somehow! starlet 10-02-2004, 03:22 PM Can you explain what you mean by 'Pop out' and/or show us an example? suzezco 10-03-2004, 02:18 PM You know, instead of opening in the same window, opening in a new one. kittycat 10-03-2004, 03:50 PM target="_blank" and add that to the <a ...> part of the link |