Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: <hx> bez marginesow
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
Balas
Przerabiam templatke pod Joomle i natknalem sie na problem. Otoz nagłówki menu sa robione za pomoca <h3>, ktore robie wokol siebie margines, nawet jak go sie ustali na 0. Jak sie tego pozbyc questionmark.gif
Zajec
Może padding, a nie margin?
Balas
Dzieki guitar.gif Najprostrze rozwiazanie okazalo sie najskuteczniejsze :]
.:dR@kE:.
Kod
h3 { width: 100%; margin: 0px; padding: 0px; }




hehe, nie zdążyłem biggrin.gif
Balas
To teraz moze zdarzysz :]

Strona mi sie rozsypuje w IE, a oto sprawcy klopotow

  1. table.moduletable th, div.moduletable h3 {
  2.      background: url(../images/subhead_bg.png) repeat-x;
  3.      height: 25px;
  4.      font-weight: bold;
  5.      font-size: 12px;
  6.      color: #fff;
  7.      padding: 0px;
  8.      margin: 0px;
  9.      text-align: center;
  10.      vertical-align: middle;
  11.      display: table-cell;
  12.      width: 500px;
  13. }
kicaj
A ie obsluguje `table-cell`?
revyag
Odnośnie graficznych headingów to looknij:
http://www.mezzoblue.com/tests/revised-image-replacement/
Balas
pozno bylo i zapomnialem dodac :]

FF skraca to 500px (do rozmiaru komorki) a IE nie, dlatego sie calosc mi rozsypuje. Wie ktos jak temu zaradzic questionmark.gif

przy <h3> musze zostac i nic nie moge dodac bo to jest generowane przez JOOMLE :/

edit
I jeszcze jedno, nie poge podac szerokosci bo wystepuje w 2 roznych miejscach i ma 2 rozne szerokosci.
Zajec
Jesteś pewien, że ostylowujesz poprawny kod? Masz tam coś takiego jak
  1. <tr>
  2. <th>nagłówkek kolumnt</th>
  3. <h3>nagłówke drugiej kolumny</h3>
  4. </tr>
Balas
To jest generowane (oprocz pierwszej <div class="left_inner">)

  1. <div class="left_inner">
  2. <div class="moduletable">
  3. <h3>Dream Theater</h3>
  4. <table width="100%" border="0" cellpadding="0" cellspacing="0">
  5. <tr align="left">
  6. <td><a href="index.php?option=com_content&amp;task=category&amp;sectionid=5&amp;id=13&amp;Itemid=30" class="mainlevel" >Zespó&sup3;</a></td>
  7. </tr>
  8. <tr align="left">
  9. <td><a href="index.php?option=com_content&amp;task=view&amp;id=15&amp;Itemid=31" class="mainlevel" >Historia</a></td>
  10. </tr>
  11. </table>
  12. </div>
  13. </div>

  1. <div class="user1_inner">
  2. <div class="moduletable">
  3. <h3>Nowości</h3>
  4. <ul class="latestnews">
  5. <li class="latestnews">
  6. <a href="index.php?option=com_content&amp;task=view&amp;id=23&amp;Itemid=30" class="latestnews">John Petrucci</a>
  7. </li>
  8. <li class="latestnews">
  9. <a href="index.php?option=com_content&amp;task=view&amp;id=22&amp;Itemid=30" class="latestnews">John Myung</a>
  10. </li>
  11. <li class="latestnews">
  12. <a href="index.php?option=com_content&amp;task=view&amp;id=21&amp;Itemid=1" class="latestnews">Metallica nagrywa nowy album</a>
  13. </li>
  14. <li class="latestnews">
  15. <a href="index.php?option=com_content&amp;task=view&amp;id=20&amp;Itemid=29" class="latestnews">Kill'em all</a>
  16. </li>
  17. <li class="latestnews">
  18. <a href="index.php?option=com_content&amp;task=view&amp;id=18&amp;Itemid=1" class="latestnews">G3 - Live in Tokyo</a>
  19. </li>
  20. </ul>
  21. </div>
  22. </div>


A tu css do tego:
  1. .left_inner {
  2.  border: 1px solid #cccccc;
  3.  padding: 2px;
  4.  float: none !important;
  5.  float: left;
  6.  margin-top: 2px;
  7. }
  8.  
  9. table.moduletable {
  10.      width: 100%;
  11.      margin-bottom: 5px;
  12.      padding: 0px;
  13.      border-spacing: 0px;
  14.      border-collapse: collapse;
  15. }
  16.  
  17. div.moduletable {
  18.      padding: 0;
  19.      margin-bottom: 2px;
  20. }
  21.  
  22. table.moduletable th, div.moduletable h3 {
  23.      background: url(../images/subhead_bg.png) repeat-x;
  24.      height: 25px;
  25.      font-weight: bold;
  26.      font-size: 12px;
  27.      color: #fff;
  28.      padding: 0px;
  29.      margin: 0px;
  30.      text-align: center;
  31.      vertical-align: middle;
  32.      display: table-cell;
  33.      width: 500px;
  34. }
  35.  
  36.  
  37. table.moduletable td {
  38.      font-size: 11px;
  39.      padding: 0px;
  40.      margin: 0px;
  41.      font-weight: normal;
  42. }


do user1_inner nie ma nic w css ;]
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.