html - Changes in footer background after editing in upper -
html - Changes in footer background after editing in upper <div> -
hi first of , stackoverflow new html , css downloaded free website template net want editing did something, when removing upper div class footer background shrink total width main width , of changes happening in footer.
![before editing template][1]
html of before editing
<!doctype html> <html> <head> <meta charset="utf-8"> <title>wood working website template</title> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <div id="header"> <div> <div id="logo"> <a href="index.html"><img src="images/logo.png" alt="logo"></a> </div> <ul id="navigation"> <li class="selected"> <a href="index.html">home</a> </li> <li> <a href="about.html">about</a> </li> <li> <a href="gallery.html">gallery</a> </li> <li> <a href="blog.html">blog</a> </li> <li> <a href="contact.html">contact</a> </li> </ul> </div> </div> <div id="contents"> <div> <div class="body"> <div id="adbox"> <img src="images/chair.jpg" alt="img"> <span class="info"> whicker chair <em>$250.00</em> <a href="index.html" class="btn1">view details</a> </span> <div class="details"> <h1>high quality<br> wooden furnitures<br> that's built last.</h1> <p> can take our wide selection of furnitures on display. either home, office or other estab- lishments. if can’t find need, can create according needs. </p> </div> </div> <ul id="featured"> <li> <div> <img src="images/living-room.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>living room</h4> <p> website template has been designed <a href="http://www.freewebsitetemplates.com/">free website templates</a> you, free. can replace text own text. </p> </div> </li> <li class="bedroom"> <div> <img src="images/bedroom.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>bedroom</h4> <p> can remove link our website website template, you're free utilize website template without linking us. </p> </div> </li> <li class="kitchen"> <div> <img src="images/kitchen.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>kitchen</h4> <p> if you're having problems editing website template, don't hesitate inquire help on <a href="http://www.freewebsitetemplates.com/forums/">forum</a>. </p> </div> </li> </ul> <div class="contact"> <p> order , inquiries please call: <b>760-962-9541</b> or can visit at: <b>4885 wilson street<br> victorville, ca 92392</b> </p> </div> <div class="blog"> <h4>from blog</h4> <div> <img src="images/carving-small.png" alt="img"> <span>april 16, 2023</span> <p> cc's carving </p> <a href="blog.html" class="more">read more</a> </div> <div> <img src="images/resort-small.png" alt="img"> <span>april 15, 2023</span> <p> 5 star resorts </p> <a href="blog.html" class="more">read more</a> </div> </div> </div> </div> </div> <div id="footer"> <div> <div id="links"> <div class="showroom"> <h4>visit our showroom</h4> <a href="gallery.html"><img src="images/show-room.png" alt="img"></a> <p> 4885 wilson street<br> victorville, ca 92392<br><br> 760-962-9541<br><br> <a href="index.html">info@carvedcreations.com</a> </p> </div> <div> <h4>recent blog posts</h4> <ul class="posts"> <li> <span class="time">apr 16</span> <p> <a href="blog.html">the carving master & owner</a> maybe you’re looking diferent, special. </p> </li> <li> <span class="time">apr 15</span> <p> <a href="blog.html">5 star hotels supply</a> , love challenge of doing diferent , special. </p> </li> <li> <span class="time">apr 14</span> <p> <a href="blog.html">how pick right piece of furniture you</a> what’s more, they’re absolutely free! can lot them. </p> </li> </ul> </div> <div> <form action="#" method="post" id="newsletter"> <h4>join our newsletter</h4> <input type="text" value="enter email address here updates" onblur="javascript:if(this.value==''){this.value=this.defaultvalue;}" onfocus="javascript:if(this.value==this.defaultvalue){this.value='';}"> <input type="submit" value="sign up" class="btn2" /> </form> <div id="connect"> <h4>social media</h4> <a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a> </div> </div> </div> <ul class="navigation"> <li> <a href="index.html">home</a> </li> <li> <a href="about.html">about</a> </li> <li> <a href="gallery.html">gallery</a> </li> <li> <a href="blog.html">blog</a> </li> <li> <a href="contact.html">contact</a> </li> </ul> <p id="footnote"> © copyright 2023. rights reserved. </p> </div> </div> </body> </html> in when edited in mean when remove next 1 footer background shrinking normal size.
<h4>from blog</h4> <div> <img src="images/carving-small.png" alt="img"> <span>april 16, 2023</span> <p> cc's carving </p> <a href="blog.html" class="more">read more</a> </div> <div> <img src="images/resort-small.png" alt="img"> <span>april 15, 2023</span> <p> 5 star resorts </p> <a href="blog.html" class="more">read more</a> </div> </div> </div> </div> after edit footer shrink before one
![after edit of html ][2] html after edited
<!doctype html> <html> <head> <meta charset="utf-8"> <title>wood working website template</title> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <div id="header"> <div> <div id="logo"> <a href="index.html"><img src="images/logo.png" alt="logo"></a> </div> <ul id="navigation"> <li class="selected"> <a href="index.html">home</a> </li> <li> <a href="about.html">about</a> </li> <li> <a href="gallery.html">gallery</a> </li> <li> <a href="blog.html">blog</a> </li> <li> <a href="contact.html">contact</a> </li> </ul> </div> </div> <div id="contents"> <div> <div class="body"> <div id="adbox"> <img src="images/chair.jpg" alt="img"> <span class="info"> whicker chair <em>$250.00</em> <a href="index.html" class="btn1">view details</a> </span> <div class="details"> <h1>high quality<br> wooden furnitures<br> that's built last.</h1> <p> can take our wide selection of furnitures on display. either home, office or other estab- lishments. if can’t find need, can create according needs. </p> </div> </div> <ul id="featured"> <li> <div> <img src="images/living-room.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>living room</h4> <p> website template has been designed <a href="http://www.freewebsitetemplates.com/">free website templates</a> you, free. can replace text own text. </p> </div> </li> <li class="bedroom"> <div> <img src="images/bedroom.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>bedroom</h4> <p> can remove link our website website template, you're free utilize website template without linking us. </p> </div> </li> <li class="kitchen"> <div> <img src="images/kitchen.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>kitchen</h4> <p> if you're having problems editing website template, don't hesitate inquire help on <a href="http://www.freewebsitetemplates.com/forums/">forum</a>. </p> </div> </li> </ul> <div class="contact"> <p> order , inquiries please call: <b>760-962-9541</b> or can visit at: <b>4885 wilson street<br> victorville, ca 92392</b> </p> </div> <div class="blog"> </div> <div id="footer"> <div> <div id="links"> <div class="showroom"> <h4>visit our showroom</h4> <a href="gallery.html"><img src="images/show-room.png" alt="img"></a> <p> 4885 wilson street<br> victorville, ca 92392<br><br> 760-962-9541<br><br> <a href="index.html">info@carvedcreations.com</a> </p> </div> <div> <h4>recent blog posts</h4> <ul class="posts"> <li> <span class="time">apr 16</span> <p> <a href="blog.html">the carving master & owner</a> maybe you’re looking diferent, special. </p> </li> <li> <span class="time">apr 15</span> <p> <a href="blog.html">5 star hotels supply</a> , love challenge of doing diferent , special. </p> </li> <li> <span class="time">apr 14</span> <p> <a href="blog.html">how pick right piece of furniture you</a> what’s more, they’re absolutely free! can lot them. </p> </li> </ul> </div> <div> <form action="#" method="post" id="newsletter"> <h4>join our newsletter</h4> <input type="text" value="enter email address here updates" onblur="javascript:if(this.value==''){this.value=this.defaultvalue;}" onfocus="javascript:if(this.value==this.defaultvalue){this.value='';}"> <input type="submit" value="sign up" class="btn2" /> </form> <div id="connect"> <h4>social media</h4> <a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a> </div> </div> </div> <ul class="navigation"> <li> <a href="index.html">home</a> </li> <li> <a href="about.html">about</a> </li> <li> <a href="gallery.html">gallery</a> </li> <li> <a href="blog.html">blog</a> </li> <li> <a href="contact.html">contact</a> </li> </ul> <p id="footnote"> © copyright 2023. rights reserved. </p> </div> </div> </body> </html> please help possible...
i guess removed many closing div tag.
maybe want : ("from blog" portion removed)
<!doctype html> <html> <head> <meta charset="utf-8"> <title>wood working website template</title> <link rel="stylesheet" href="css/style.css" type="text/css"> </head> <body> <div id="header"> <div> <div id="logo"> <a href="index.html"><img src="images/logo.png" alt="logo"></a> </div> <ul id="navigation"> <li class="selected"> <a href="index.html">home</a> </li> <li> <a href="about.html">about</a> </li> <li> <a href="gallery.html">gallery</a> </li> <li> <a href="blog.html">blog</a> </li> <li> <a href="contact.html">contact</a> </li> </ul> </div> </div> <div id="contents"> <div> <div class="body"> <div id="adbox"> <img src="images/chair.jpg" alt="img"> <span class="info"> whicker chair <em>$250.00</em> <a href="index.html" class="btn1">view details</a> </span> <div class="details"> <h1>high quality<br> wooden furnitures<br> that's built last.</h1> <p> can take our wide selection of furnitures on display. either home, office or other estab- lishments. if can’t find need, can create according needs. </p> </div> </div> <ul id="featured"> <li> <div> <img src="images/living-room.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>living room</h4> <p> website template has been designed <a href="http://www.freewebsitetemplates.com/">free website templates</a> you, free. can replace text own text. </p> </div> </li> <li class="bedroom"> <div> <img src="images/bedroom.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>bedroom</h4> <p> can remove link our website website template, you're free utilize website template without linking us. </p> </div> </li> <li class="kitchen"> <div> <img src="images/kitchen.jpg" alt="img"> <a href="index.html"></a> </div> <div class="details"> <h4>kitchen</h4> <p> if you're having problems editing website template, don't hesitate inquire help on <a href="http://www.freewebsitetemplates.com/forums/">forum</a>. </p> </div> </li> </ul> <div class="contact"> <p> order , inquiries please call: <b>760-962-9541</b> or can visit at: <b>4885 wilson street<br> victorville, ca 92392</b> </p> </div> <div class="blog"> </div> </div> </div> </div> <div id="footer"> <div> <div id="links"> <div class="showroom"> <h4>visit our showroom</h4> <a href="gallery.html"><img src="images/show-room.png" alt="img"></a> <p> 4885 wilson street<br> victorville, ca 92392<br><br> 760-962-9541<br><br> <a href="index.html">info@carvedcreations.com</a> </p> </div> <div> <h4>recent blog posts</h4> <ul class="posts"> <li> <span class="time">apr 16</span> <p> <a href="blog.html">the carving master & owner</a> maybe you’re looking diferent, special. </p> </li> <li> <span class="time">apr 15</span> <p> <a href="blog.html">5 star hotels supply</a> , love challenge of doing diferent , special. </p> </li> <li> <span class="time">apr 14</span> <p> <a href="blog.html">how pick right piece of furniture you</a> what’s more, they’re absolutely free! can lot them. </p> </li> </ul> </div> <div> <form action="#" method="post" id="newsletter"> <h4>join our newsletter</h4> <input type="text" value="enter email address here updates" onblur="javascript:if(this.value==''){this.value=this.defaultvalue;}" onfocus="javascript:if(this.value==this.defaultvalue){this.value='';}"> <input type="submit" value="sign up" class="btn2" /> </form> <div id="connect"> <h4>social media</h4> <a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank" class="googleplus"></a> <a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a> </div> </div> </div> <ul class="navigation"> <li> <a href="index.html">home</a> </li> <li> <a href="about.html">about</a> </li> <li> <a href="gallery.html">gallery</a> </li> <li> <a href="blog.html">blog</a> </li> <li> <a href="contact.html">contact</a> </li> </ul> <p id="footnote"> © copyright 2023. rights reserved. </p> </div> </div> </body> html css css3
Comments
Post a Comment