<hx> bez marginesow Opcje

[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

[Zajec]

Może padding, a nie margin?

[Balas]

Dzieki Najprostrze rozwiazanie okazalo sie najskuteczniejsze :]

[.:dR@kE:.]

Kod

h3 { width: 100%; margin: 0px; padding: 0px; }

hehe, nie zdążyłem

Ten post edytował .:dR@kE:. 16.01.2006, 23:08:11

[Balas]

To teraz moze zdarzysz :]

Strona mi sie rozsypuje w IE, a oto sprawcy klopotow

[XML] pobierz, plaintext 
table.moduletable th, div.moduletable h3 {
      background: url(../images/subhead_bg.png) repeat-x;
      height: 25px;
      font-weight: bold;
      font-size: 12px;
      color: #fff;
      padding: 0px;
      margin: 0px;
      text-align: center;
      vertical-align: middle;
      display: table-cell;
      width: 500px;
}
[XML] pobierz, plaintext 

[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

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.

Ten post edytował OnE.Killer 17.01.2006, 15:33:40

[Zajec]

Jesteś pewien, że ostylowujesz poprawny kod? Masz tam coś takiego jak

[HTML] pobierz, plaintext 
<table>
<tr>
<th>nagłówkek kolumnt</th>
<h3>nagłówke drugiej kolumny</h3>
</tr>
</table>
[HTML] pobierz, plaintext 

[Balas]

To jest generowane (oprocz pierwszej <div class="left_inner">)

[HTML] pobierz, plaintext 
<div class="left_inner">
	<div class="moduletable">
		<h3>Dream Theater</h3>				
		<table width="100%" border="0" cellpadding="0" cellspacing="0">
			<tr align="left">
				<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>
			</tr>
			<tr align="left">
				<td><a href="index.php?option=com_content&amp;task=view&amp;id=15&amp;Itemid=31" class="mainlevel" >Historia</a></td>
			</tr>
		</table>		
	</div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="user1_inner">
	<div class="moduletable">
		<h3>Nowości</h3>
		<ul class="latestnews">
			<li class="latestnews">
				<a href="index.php?option=com_content&amp;task=view&amp;id=23&amp;Itemid=30" class="latestnews">John Petrucci</a>
			</li>
			<li class="latestnews">
				<a href="index.php?option=com_content&amp;task=view&amp;id=22&amp;Itemid=30" class="latestnews">John Myung</a>
			</li>
			<li class="latestnews">
				<a href="index.php?option=com_content&amp;task=view&amp;id=21&amp;Itemid=1" class="latestnews">Metallica nagrywa nowy album</a>
			</li>
			<li class="latestnews">
				<a href="index.php?option=com_content&amp;task=view&amp;id=20&amp;Itemid=29" class="latestnews">Kill'em all</a>
			</li>
			<li class="latestnews">
				<a href="index.php?option=com_content&amp;task=view&amp;id=18&amp;Itemid=1" class="latestnews">G3 - Live in Tokyo</a>
			</li>
		</ul>		
	</div>
</div>
[HTML] pobierz, plaintext 

A tu css do tego:

[XML] pobierz, plaintext 
.left_inner {
  border: 1px solid #cccccc;
  padding: 2px;
  float: none !important;
  float: left;
  margin-top: 2px;
}
 
table.moduletable {
      width: 100%;
      margin-bottom: 5px;
      padding: 0px;
      border-spacing: 0px;
      border-collapse: collapse;
}
 
div.moduletable {
      padding: 0;
      margin-bottom: 2px;
}
 
table.moduletable th, div.moduletable h3 {
      background: url(../images/subhead_bg.png) repeat-x;
      height: 25px;
      font-weight: bold;
      font-size: 12px;
      color: #fff;
      padding: 0px;
      margin: 0px;
      text-align: center;
      vertical-align: middle;
      display: table-cell;
      width: 500px;
}
 
 
table.moduletable td {
      font-size: 11px;
      padding: 0px;
      margin: 0px;
      font-weight: normal;
}
[XML] pobierz, plaintext 

do user1_inner nie ma nic w css ;]