eduard Posted November 7, 2010 Share Posted November 7, 2010 How do I remove the white around my sections? Link to comment Share on other sites More sharing options...
lastlifelost Posted November 7, 2010 Share Posted November 7, 2010 Hi eduardchile! Can you be a little bit more specific about the issue you're having? It would be really helpful if you could post a sample of your code so far, or maybe a link to your site if you can, so we can see what's going on. Link to comment Share on other sites More sharing options...
eduard Posted November 7, 2010 Author Share Posted November 7, 2010 Hi eduardchile! Can you be a little bit more specific about the issue you're having? It would be really helpful if you could post a sample of your code so far, or maybe a link to your site if you can, so we can see what's going on. Thanks!Ok, here come the codes: html:<html><head><title>Eduard Lid</title><link rel="stylesheet" type="text/css" href="ex1.css" /><div class="header"></div><p id="main"><img src="images/me.jpg" alt="me" align="right" width="320" height="240"</p><div class="footer"><h1>Eduard Lid</h1><h5>Ese sitio web es hecho por Eduard Lid</h5></div></style></head><body></body></html>css:div{width:1200px;height:100px;margin-top:0cm;marginbottom:0cm;padding:0px;border-style:none;}p{background-color:#f0ffff;width:1200px;height:240px; }div{background-color:#98fb98;width:1200px;height:130px;margin-top:0cm;padding:0px;border-style:none;}h1{text-align:center;font-style:georgia;color:#000000} Link to comment Share on other sites More sharing options...
Dubbeldam Posted November 7, 2010 Share Posted November 7, 2010 You mean the white space around images and stuff? I asked before and I was told you cannot do that. Link to comment Share on other sites More sharing options...
lastlifelost Posted November 7, 2010 Share Posted November 7, 2010 Thanks!Ok, here come the codes: html:<html><head><title>Eduard Lid</title><link rel="stylesheet" type="text/css" href="ex1.css" /><div class="header"></div><p id="main"><img src="images/me.jpg" alt="me" align="right" width="320" height="240"</p><div class="footer"><h1>Eduard Lid</h1><h5>Ese sitio web es hecho por Eduard Lid</h5></div></style></head><body></body></html>css:div{width:1200px;height:100px;margin-top:0cm;marginbottom:0cm;padding:0px;border-style:none;}p{background-color:#f0ffff;width:1200px;height:240px; }div{background-color:#98fb98;width:1200px;height:130px;margin-top:0cm;padding:0px;border-style:none;}h1{text-align:center;font-style:georgia;color:#000000}First thing I'd do is take a look at your structure. All of the <div> and <p> elements should be inside the <body> element, not inside the <head> tags, so move them there. The <p> that you're using for the main content should probably be a <div>, too. For removing white space, do you mean a white border around the image, or just blank space around the <div> and <p> elements? a quick fix for the border around the images would be to add a little CSS like:img {border: 0px solid black;} You can also add additional formatting here, like your width, height and align, removing the inline styles. If this isn't the issue you're having, post some more details. Be as specific as you can! The more info we have, the easier it will be to help you out. Link to comment Share on other sites More sharing options...
eduard Posted November 8, 2010 Author Share Posted November 8, 2010 First thing I'd do is take a look at your structure. All of the <div> and <p> elements should be inside the <body> element, not inside the <head> tags, so move them there. The <p> that you're using for the main content should probably be a <div>, too. For removing white space, do you mean a white border around the image, or just blank space around the <div> and <p> elements? a quick fix for the border around the images would be to add a little CSS like:img {border: 0px solid black;} You can also add additional formatting here, like your width, height and align, removing the inline styles. If this isn't the issue you're having, post some more details. Be as specific as you can! The more info we have, the easier it will be to help you out. Thank you very much!I want to upload my website (computer: Apple, MacBook 12 ´´) this week!To what things do I have to pay attention to (browser, display,etc.) Link to comment Share on other sites More sharing options...
eduard Posted November 8, 2010 Author Share Posted November 8, 2010 First thing I'd do is take a look at your structure. All of the <div> and <p> elements should be inside the <body> element, not inside the <head> tags, so move them there. The <p> that you're using for the main content should probably be a <div>, too. For removing white space, do you mean a white border around the image, or just blank space around the <div> and <p> elements? a quick fix for the border around the images would be to add a little CSS like:img {border: 0px solid black;} You can also add additional formatting here, like your width, height and align, removing the inline styles. If this isn't the issue you're having, post some more details. Be as specific as you can! The more info we have, the easier it will be to help you out. Yes, I mean the blank space around a <div>! How does this space obtain the same colour as the <div>? Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.