Podstrony
- telcocafe
- [ActionScript] Jak w ActionScripcie ukryæ warstwê?
- [css/html]Odstêp miêdzy obrazkami w css
- [CSS/DIV] Niepoprawne wy¶wietlanie warstw DIV
- [html/css] pozycjonowanie absolutne od do³u.. ...zostawia odstêp przy przewijaniu strony
- [CSS/HTML] rozci±gniêcie warstwy na ca³± wysoko¶æ strony
- [xHTML/CSS] Niedopasowana warstwa (div) Niew³a¶ciwy rozmiar
- [POZYCJONOWANIE] Dziwny odstêp w IE. Kompatybilno¶æ przegl±darek ( znowu )
- [dhtml] co¶ w rodzaju menu :)... a dok³adniej to pojawiaj±ca sie warstwa
- [CSS] nieoczekiwany odstêp pomiêdzy div'ami
- [html] H1, H2, ... za du¿e odstêpy
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- achtenandy.opx.pl
telcocafe
Witam,robiê strone (www.ospdzd.home.pl (wersja 2).
Dopiero zaczynam z "div'ami", wcze¶niej robi³em w tabelkach ;)
Kod pliku napisanego w html'u:
<body>   <div class="block">     <center><img src="images/block_header_home.jpg" height="45" width="181"></center>     <img src="images/F6F6F6.jpg" height="1" width="15">Liczba odwiedzin: 127     <br><img src="images/F6F6F6.jpg" height="1" width="15">Online: 2     <br>     <br><img src="images/F6F6F6.jpg" height="1" width="15">Jêzyk:     <br><img src="images/F6F6F6.jpg" height="1" width="15">Rozmiar czcionki: t, T, <b>T</b>   </div>   <div class="module">     <ul id="menu">       <li><a href="home.html">Home</a> </li>       <li><a href="stowarzyszenie.php">Stowarzyszenie</a> </li>       <li><a href="dzialalnosc.html">Dzia³alno¶æ</a> </li>       <li><a href="aktualnosci.html">Aktualno¶ci</a> </li>       <li><a href="sponsorzy.html">Sponsorzy i Wolontariusze</a> </li>       <li><a href="galeria.html">Galeria</a> </li>       <li><a href="kontakt.html">Kontakt</a></li>     </ul>         <div class="logo">       <img src="images/logo.jpg" width="796px" height="159px">     </div>         <div class="content">       <h1>Home</h1>         Opolskie Stowarzyszenie Pomocy Dzieciom z Zespo³em Downa powsta³o 17.02.1999 - wtedy to z inicjatywy lekarza pediatry Joanny £aby odby³o siê nasze pierwsze spotkanie.         Od tego czasu staramy siê systematycznie rozwijaæ nasz± dzia³alno¶æ.       <br>Naszym celem jest objêcie opiek± jak najwiêkszej liczby rodziców dzieci z Zespo³em Downa.         Chcieliby¶my aby w tym pierwszym, najtrudniejszym okresie znale¼li w naszym stowarzyszeniu wsparcie dla siebie i pomoc w rehabilitacji swojego dziecka.       <br>Dla dzieci i m³odzie¿y skupionej w naszym stowarzyszeniu staramy siê tworzyæ kr±g przyjació³ i miejsce, w którym mog± uzyskaæ wszechstronn± pomoc, edukacjê i rozrywkê.       <br>Posiadamy status organizacji po¿ytku publicznego       <br>Biuro zarz±du czynne we wtorki w godzinach 9:30-10:30 i 14:30-15:30       <table celspacing="0" width="575px">        <tr align="center">         <td style="text-align: left; background: #ffffff url(images/info.jpg) no-repeat; width: 400px; height: 23px; padding-left: 35px;">          Numer wpisu do Krajowego Rejestru S±dowego:         </td>         <td style="text-align: right; width: 300px; height: 15px; padding-right: 10px;">          KRS. 72761         </td>        </tr>       </table>     </div>         <div class="footer">       <a href="mailto:mess_alex@interia.pl" class="przycisk">site by mess_alex</a>     </div>   </div> </body>
kody plików a.css, content.css, div.css:
/* 1) -=-=-=- Menu g³ówne -=-=-=- */ #menu { Â Â Â Â font-family: Arial, Helvetica, sans-serif; Â Â Â Â height: 41px; Â Â Â Â width: 800px; Â Â Â Â text-align: center; Â Â Â Â align: center; Â Â Â Â padding-left: 7px; Â Â Â Â padding-right: 7px; Â Â Â Â padding-top: 9px; Â Â Â Â margin:0; Â Â Â Â font-size: 18px; Â Â Â Â background: #000000 url(images/bg_menu.jpg) repeat-x; Â Â Â Â border: 2px soild #ffffff; Â Â Â } #menu li { Â Â Â Â Â color: #ffffff; Â Â Â Â Â display: inline; Â Â Â Â Â position: relative; Â Â Â Â Â padding:0; Â Â Â Â Â margin:0; Â Â Â Â } #menu li a { Â Â Â Â Â Â color: #ffffff; Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â } #menu li a:hover { Â Â Â Â Â Â Â Â Â color: #999999; Â Â Â Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â Â Â Â } #menu li a:active { Â Â Â Â Â Â Â Â Â Â color: #666666; Â Â Â Â Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â Â Â Â Â } Â Â Â Â Â Â Â Â Â /* 2) -=-=-=- Menu bloki -=-=-=- */ Â Â Â Â Â Â Â Â Â #block_menu { Â Â Â Â Â Â Â font-family: Arial, Helvetica, sans-serif; Â Â Â Â Â Â Â font-size: 10px; Â Â Â Â Â Â Â font-weight: bold; Â Â Â Â Â Â Â background: #F6F6F6; Â Â Â Â Â Â Â padding-left: 32px; Â Â Â Â Â Â Â margin: 0; Â Â Â Â Â Â } #block_menu li { Â Â Â Â Â Â Â Â color: #ffffff; Â Â Â Â Â Â Â Â display: inline; Â Â Â Â Â Â Â Â position: relative; Â Â Â Â Â Â Â Â padding: 0; Â Â Â Â Â Â Â Â margin: 0; Â Â Â Â Â Â Â } #block_menu li ul li { Â Â Â Â Â Â Â Â Â Â Â display: block; Â Â Â Â Â Â Â Â Â Â Â position: relative; Â Â Â Â Â Â Â Â Â Â } #block_menu li { Â Â Â Â Â Â Â Â color: yellow; Â Â Â Â Â Â Â } #block_menu li:hover { Â Â Â Â Â Â Â Â Â Â Â color: red; Â Â Â Â Â Â Â Â Â Â } #block_menu li a { Â Â Â Â Â Â Â Â Â background: #F6F6F6 url(images/block_menu_off.jpg) no-repeat; Â Â Â Â Â Â Â Â Â width: 144px; Â Â Â Â Â Â Â Â Â height: 24px; Â Â Â Â Â Â Â Â Â padding-left: 3px; Â Â Â Â Â Â Â Â Â padding-top: 5px; Â Â Â Â Â Â Â Â Â text-align: left; Â Â Â Â Â Â Â Â Â color: #ffffff; Â Â Â Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â Â Â Â } #block_menu li a:hover { Â Â Â Â Â Â Â Â Â Â Â Â background: #F6F6F6 url(images/block_menu_on.jpg) no-repeat; Â Â Â Â Â Â Â Â Â Â Â Â width: 148px; Â Â Â Â Â Â Â Â Â Â Â Â height: 24px; Â Â Â Â Â Â Â Â Â Â Â Â padding-left: 3px; Â Â Â Â Â Â Â Â Â Â Â Â padding-top: 5px; Â Â Â Â Â Â Â Â Â Â Â Â text-align: left; Â Â Â Â Â Â Â Â Â Â Â Â color: #99999; Â Â Â Â Â Â Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â Â Â Â Â Â Â } #block_menu li a:active { Â Â Â Â Â Â Â Â Â Â Â Â background: #F6F6F6 url(images/block_menu_on.jpg) no-repeat; Â Â Â Â Â Â Â Â Â Â Â Â width: 148px; Â Â Â Â Â Â Â Â Â Â Â Â height: 24px; Â Â Â Â Â Â Â Â Â Â Â Â padding-left: 3px; Â Â Â Â Â Â Â Â Â Â Â Â padding-top: 5px; Â Â Â Â Â Â Â Â Â Â Â Â text-align: left; Â Â Â Â Â Â Â Â Â Â Â Â color: #666666; Â Â Â Â Â Â Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â Â Â Â Â Â Â } #block_menu li ul { Â Â Â Â Â Â Â Â Â Â visibility: hidden; Â Â Â Â Â Â Â Â Â Â position: absolute; Â Â Â Â Â Â Â Â Â Â background-color: blue; Â Â Â Â Â Â Â Â Â Â z-index: 20; Â Â Â Â Â Â Â Â Â Â padding: 0; Â Â Â Â Â Â Â Â Â Â margin: 0; Â Â Â Â Â Â Â Â Â } #block_menu li:hover ul { Â Â Â Â Â Â Â Â Â Â Â Â Â visibility:visible; Â Â Â Â Â Â Â Â Â Â Â Â } /* 3) -=-=-=- Hyper³±cza -=-=-=- */ a.przycisk { background: #cccccc; Â Â Â Â Â Â color: #ffffff; Â Â Â Â Â Â font-size: 7px; Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â Â width: 65px; Â Â Â Â Â Â height: 14px; Â Â Â Â Â Â text-align: center; Â Â Â Â Â Â vertical-align: middle; Â Â Â Â Â } a.przycisk:hover { Â Â Â Â Â Â Â Â Â background: #B9E658; Â Â Â Â Â Â Â Â Â color: #85A538; Â Â Â Â Â Â Â Â Â font-size: 7px; Â Â Â Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â Â Â Â Â width: 64px; Â Â Â Â Â Â Â Â Â height: 13px; Â Â Â Â Â Â Â Â Â border: 1px soild #B0C776; Â Â Â Â Â Â Â Â Â text-align: center; Â Â Â Â Â Â Â Â Â vertical-align: middle; Â Â Â Â Â Â Â Â } a.przycisk:active { Â Â Â Â Â Â Â Â Â background: #B9E658; Â Â Â Â Â Â Â Â Â color: #85A538; Â Â Â Â Â Â Â Â Â font-size: 7px; Â Â Â Â Â Â Â Â Â text-decoration: none; Â Â Â Â Â Â Â Â Â width: 64px; Â Â Â Â Â Â Â Â Â height: 13px; Â Â Â Â Â Â Â Â Â border: 1px soild #B0C776; Â Â Â Â Â Â Â Â Â text-align: center; Â Â Â Â Â Â Â Â Â vertical-align: middle; Â Â Â Â Â Â Â Â } div.css div.block { Â Â Â Â Â Â position: absolute; Â Â Â Â Â Â top: 241px; Â Â Â Â Â Â margin-left: 9px; Â Â Â Â Â Â padding-top: 5px; Â Â Â Â Â Â font-size: 11px; Â Â Â Â Â Â text-align: left; Â Â Â Â Â Â background: #F6F6F6; Â Â Â Â Â Â width: 203px; Â Â Â Â Â Â height: 450px; Â Â Â Â Â } Â Â Â Â Â div.module { Â Â Â Â Â Â background: #000000; Â Â Â Â Â Â width: 800px; Â Â Â Â Â } Â Â Â Â Â div.logo { Â Â Â Â Â background: #ffffff url(images/bg_logo.jpg) no-repeat; Â Â Â Â Â width: 814px; Â Â Â Â Â height: 159px; Â Â Â Â } Â Â Â Â div.content { Â Â Â Â Â Â Â background: #ffffff url(images/bg_content.jpg) no-repeat; Â Â Â Â Â Â Â padding-top: 0px; Â Â Â Â Â Â Â padding-left: 224px; Â Â Â Â Â Â Â padding-right: 15px; Â Â Â Â Â Â Â margin-top: 0px; Â Â Â Â Â Â Â text-align: left; Â Â Â Â Â Â Â width: 814px; Â Â Â Â Â Â Â height: 600px; Â Â Â Â Â Â Â Â Â Â Â Â Â } Â Â Â Â Â Â div.footer { Â Â Â Â Â Â background: #F6F6F6 url(images/bg_footer.jpg) no-repeat; Â Â Â Â Â Â text-align: right; Â Â Â Â Â Â padding-right: 7px; Â Â Â Â Â Â padding-top: 1px; Â Â Â Â Â Â width: 814px; Â Â Â Â Â Â height: 26px; Â Â Â Â Â } content.css body { Â Â Â font-family: Times New Roman, Times, serif; Â Â Â font-size: 12px; Â Â Â color: #999999; Â Â Â background: #FCFEF4 url(images/bg_top.gif) repeat-x; Â Â Â margin-top: 61px; Â Â Â text-align: center; Â Â } h1 { Â Â font-size: 18px; Â Â color: #7DA721; Â Â font-weight: normal; Â } Â h2 { Â Â font-size: 15px; Â Â color: #7DA721; Â Â font-weight: normal; Â }
Miêdzy logiem a "content'em" pojawia siê dziwny, bia³y, pasek wysoki na 4px a szeroki na 814px. Jak mo¿na siê go pozbyæ?
STRONA NARAZIE DZIA£A TYLKO POD IE, NIE WARTO NARAZIE OGL¡DAÆ POD INNYMI PRZEGL¡DARKAMI.
Z góry dziêki (sory, ¿e taki d³ugi wyszed³ ten post)
U¿ytkownik mess_alex edytowa³ ten post 21 lipiec 2005, 15:10
czy chodzi o to?
http://img341.images...07/pasek7pj.jpg
Dok³adnie o to