css - What is wrong with my HTML? -
when add css file test, nothing happens on webpage.
random text can post without asking more details.
<html> <head> <title>basket gifts</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="container"> <div id="header"> <img src="http://www.displaybanner.com/images/sample_banner.jpg" alt="banner"> </div> <!--ends header--> <div id="main"> <p>mum & baby girl gifts<br> <p>mum & baby boy gifts<br> <p>nail & beauty products<br> <p>food hamper<br> <p>chocolate hamper<br> <p>fruit basket<br> <p>cheese & biscuits hamper<br> <br><br> <h3>select price range</h3> <form> <input type="radio" name="hi" value="value">$30-40</input><br> <input type="radio" name="hi" value="value">$40-50</input><br> <input type="radio" name="hi" value="value">$50-60</input><br> <input type="radio" name="hi" value="value">$60-70</input><br> <br><br> <input type="text" name="name" placeholder="name"><br> <input type="text" name="phone" placeholder="address"><br> <input type="text" name="address" placeholder="phone number"><br> <input type="text" name="email" placeholder="email address"><br> <input type="text" name="confirm email" placeholder="confirm email"> </form> </div> <!--ends main content area--> <div id="footer"> <p>your receipt , order confirmation sent email soon, confirmation of delivery sent 3 days before date required.<br> please not baskets posted. <br>no collections appplicable.<br> </div> <!--ends footer--> </div> <!--ends container--> </body> what wrong this? css doesnt link html file.
style.css:
#container { background-color: red; } #header { background-color: red; } p { font-family: calibri; } any appreciated.
you have several wrong in html code, added fixed html , css you:
<!doctype html> <html> <head> <title>basket gifts</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="header" > <h1>basket gifts</h1> <p>would baskets made , delivered anywhere in new zealand? click on link below choose types of basket want,<br> choose price range , the delivery address, , date required. once contact details , direct credit payment confirmed,<br> email sent confirming delivery, , number of track , trace parcel please allow 2 weeks before requested date.</p> </div> <!--ends header--> <div id="main" > <p>mum & baby girl gifts</p> <p>mum & baby boy gifts</p> <p>nail & beauty products</p> <p>food hamper</p> <p>chocolate hamper</p> <p>fruit basket</p> <p>cheese & biscuits hamper</p> <br><br> <h3>select price range</h3> <form> <input type="radio" name="hi" value="value" />$30-40<br> <input type="radio" name="hi" value="value" />$40-50<br> <input type="radio" name="hi" value="value" />$40-50<br> <input type="radio" name="hi" value="value" />$60-70<br> <br><br> <input type="text" name="name" placeholder="name" /><br> <input type="text" name="phone" placeholder="address" /><br> <input type="text" name="address" placeholder="phone number" /><br> <input type="text" name="email" placeholder="email address" /><br> <input type="text" name="confirm email" placeholder="confirm email" /> </form> </div> <!--ends main content area--> <div id="footer" > <p>your receipt , order confirmation sent email soon, confirmation of delivery sent 3 days before date required.<br> please not baskets posted. <br>no collections appplicable.</p> </div> <!--ends footer--> </body> </html> this css
#container { background-color: red; } #header { background-color: red; } p { font-family: calibri; } #main, #footer, #container, #header { text-align: center }
Comments
Post a Comment