 [CSS]Problem z odstępem obrazka |
| [CSS]Problem z odstępem obrazka |
 14.01.2014, 20:38:31
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 25 Pomógł: 0 Dołączył: 14.01.2014 Ostrzeżenie: (0%) 
 |
Witam mam problem z odstępem obrazka od granic kontenera chciałbym aby było zero a jednak nie mogę tego w żaden sposób zniwelować załączam kod HTML i CSS oraz zdjęcie problemu.
 CODE <html> <head> <title>Strona domowa</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2"> <meta http-equiv="content-language" content="pl"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="kontener"> <div id="naglowek"> <h1>Strona domowa</h1> </div> <div id="menu_gorne"> <ul> <li><a href="#"><img src="images/menu_gorne.png"></a></li> <li><a href="#"><img src="images/menu_gorne.png"></a></li> <li><a href="#"><img src="images/menu_gorne.png"></a></li> <li><a href="#"><img src="images/menu_gorne.png"></a></li> </ul> <div class="clear"></div> </div> <div id="menu_lewe"> <h4>Menu główne</h4> <ul> <li><a href="#">Strona główna</a></li> <li><a href="#">O mnie</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Kontakt</a></li> </ul> </div> <div id="tresc"> <h2>Lorem ipsum</h2> <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.</p> <h2>Lorem ipsum</h2> <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus. Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing. Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam. Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus. Sed vel lectus. Ut sagittis, ipsum dolor quam.</p> </div> <div class="clear"></div> <div id="stopka">© 2014</div> </div> </body> </html> CODE body {
margin:0; padding:0; background:url('images/tlo.png') repeat-x; color: #000000; font-size: 15px; font-family: Arial, Helvetica, sans-serif; } .clear { clear: both; } img{ border:0px; padding:0; margin:0; } border{ padding:0; margin:0; } #kontener { width: 900px; margin: 5px auto; text-align: left; } #naglowek { background: #4470ee; } #naglowek h1 { text-align: center; margin:0; padding: 10px 0; } #menu_gorne { padding:0; margin:0; background: #365bc4; } #menu_gorne ul #menu_gorne li { list-style-type: none; margin: 0; padding: 0; } #menu_gorne li { float:left; } #menu_gorne a { display: block; text-align:left; } |
 |
 
|
 |
 15.01.2014, 09:50:57
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 824 Pomógł: 106 Dołączył: 14.03.2012 Skąd: Warszawa Ostrzeżenie: (0%)
|
div#kontener div#menu_gorne ul{padding:0;}
-------------------- |
|
|
|
 |
|
Wersja Lo-Fi | Aktualny czas: 14.08.2025 - 07:33 |
