September 29, 200817 yr Right here we go, any help would be greatly appreciated. I've been reading through css tutorials and I get the gist, but I'm having problems in dreamweaver. When I place my text here.. I open it on firefox and it appears here.. Yeah I could just place it futher across so it would appear right on browser but wrong in dreamweaver.. but when I change resolution they text is out of place! How can I fix this? Thanks alot. If anybody could help me my msn is danbfc19@hotmail.co.uk if you fancy adding me or just leave help here. Thanks.
September 29, 200817 yr could you post the code so we can have a look at what you are doing. Also as a note don't trust what you see in DW design view as it is not that reliable at showing you how the site will look in a browser
September 29, 200817 yr Author sure. I just want to be able to put text over my image in different places.. <html> <head> <style type="text/css"> body { background-image: url('http://art.gnome.org/download/backgrounds/nature/3363/NATURE-TheSeaGulf_1600x1200.png'); background-repeat: no-repeat; background-attachment: fixed } #Layer1 { position:absolute; width:200px; height:115px; z-index:1; top: 17px; } #Layer2 { position:absolute; width:385px; height:282px; z-index:1; left: 521px; top: 254px; } </style> </head> <body> <div id="wrapper"> <div align="center"> <div id="Layer2"> <div align="right">look my text is here! </div> </div> <img src="../newsitedesign/images/images/image_03.jpg" width="814" height="533"></div> </div> <p> </p> </body> </html> I've not actually done any coding I just used the options available on dreamweaver
September 30, 200817 yr Change this: <div align="right">look my text is here! </div> to: <p>look my text is here!</p> Cos dreamweaver is brewing a strong case of Div-itis on your behalf. Then add p { float:right; padding:5px 5px; /*specify whatever padding you need here*/ } to your CSS I strongly recommend learning to code by hand as these problems are likely to crop up more and more often, and as your site gets bigger, your code will get much messier and harder to decipher. Instead of <div align="center"></div> I recommend deleting this div, and just styling your wrapper div like this #wrapper { margin:0 auto; width:960px; /*or whatever width you need*/ } Good luck
Create an account or sign in to comment