PDA

View Full Version : I can't get rid of the white border!


lizzieish
11-10-2009, 08:32 PM
Hello all :)

I am completely new to DW and having 2 problems that are driving me nuts. The first being that I cannot get rid of the white border around the edge of my web page. I have a black background and have tried resizing my black image and all sorts, I have also tried removing the white border through html and it's still there!

Also, when I go to preview something, it doesn't just preview it, it publishes it instantly! How do I change it so I only publish stuff when I want it too?

I would be so grateful if someone could help me with these things! Since everything publishes straight away it does mean you can look on my website at the white border to see what I mean about that!

www.lizziedrawspictures.com

(I'm using DW 8 on a Macbook if that makes any difference to anything :wink:)

edbr
11-11-2009, 12:01 AM
first it sounds like you have a remote site as your actual web site, i (oersonaly ) dont do this , keep your site local then use a ftp program to upload when you are happy with it.
re your page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>lizziedrawspictures</title>
<style type="text/css">
<!--
.style1 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style2 {color: #000000}
-->
</style>
</head>

<body>
<div align="center"><img name="" src="ldp coming soon 100dpi.jpg" width="775" height="545" alt="" /></div>
<div align="center">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span class="style2"><a href="Page 1.html" class="style1">Currently Under Construction </a></span></p>
</div>
<p>&nbsp;</p>
<p>&nbsp; </p>
</body>

</html>

its good to see you are starting with divs but there is no mention of black background there. by asigning divs to class or id you could style them that way. try this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>lizziedrawspictures</title>
<style type="text/css">
<!--
body{ background-color:#000;font-family: Geneva, Arial, Helvetica, sans-serif; }
.construction{ width:775px; height:545px; margin-left:auto; margin-right:auto; background-color:#FFF; text-align:center;}


-->
</style>
</head>

<body>

<div class ="construction"><img name="" src="ldp coming soon 100dpi.jpg" width="775" height="545" alt="" />
<p>&nbsp;</p>
<p>&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Currently Under Construction </p>
</div>
<p>&nbsp;</p>
<p>&nbsp; </p>

</body>

</html>

lizzieish
11-11-2009, 12:17 AM
Woah lots of code! Ok (you have to be patient with me lol) when I said black background, I meant the black on the image I have on my website, I haven't actually coded anything to be black. If I did that though, would it get rid of this white border I have?

Also, how do I turn my site into a local one from a remote one?

Thankyou so much for your help I really do appreciate it!

edbr
11-11-2009, 12:42 AM
ah ok (im still pre coffee stage)
dont set up a remote site in your site definitions ( or use a local folder) im not sure what border you mean . you have set the width at 776 it is centred so the body will be seen around it. is that what you mean?

lizzieish
11-12-2009, 07:19 PM
Yes that possibly is what I mean lol I just want it so my image covers the full page and doesn't stop before the edge.

DWcourse
11-13-2009, 02:07 AM
Just set the background color for the body of your page to the background color of the image. You can't guarantee your background image will stretch across the whole page because the width of a browser window will vary depending upon the user and the monitor.

grand poomba
11-21-2009, 08:31 AM
If I am understanding your problem correctly ... try going to page properties and changing the margins for the page to zero. That should take care of it.