Strona 1 z 1

Subsilver2 i jego style (ul) (li) - zagnieżdżanie

: 14 czerwca 2011, 14:02
autor: syngress
Witam.
Edytuje sobie overall_header.html - mniejwięcej po tym miejscu:

Kod: Zaznacz cały

</script>
</head>
<body class="{S_CONTENT_DIRECTION}">
Dodaje kilka linijek swojego kodu:

Kod: Zaznacz cały

<!-- --------------------------------------------------------------------------------------------------------- -->
<table class="strona">
<td width="320">
<div class="left">
<img src="{T_THEME_PATH}/images/jakisgfx.gif" class="strona" width="295"/>
<ul>
<li><a href="http://xxx.php">Link1</a></li>
<li><a href="http://xxx.php">Link2</a></li>
<li><a href="http://xxx.php">Link3</a></li>
<li><a href="http://xxx.php">Link4</a></li>
<li class="active"><a href="index.php">Link5</a></li>
<li><a href="http://xxx.php">Link6</a></li>
</ul>
</div>
</td>
<td width="100%">
<!-- ---------------------------------------------------------------------------------------------------------  -->
Styl odpowiedzialny za klase "left" wygląda następująco:

Kod: Zaznacz cały

 .left {
  float:left;
  padding-top: 100px;
  width: 310px;
 }

.left ul li {
  float: right;
 }

.left ul li a {
  margin-top: 2px;
  font-family: Verdana;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  padding-top: 0px;
  padding-left: 5px;
  width: 155px;
  height: 23px;
  float: right;
}

.left ul li a:hover {
  background: #292929;
 }
 
 .left ul li.active a {
  color: #ffaa00;
  background: #292929;
 }
I teraz tak:
- na mojej stronie menu układa się jedno pod drugim bez odstępu
- na stronie z forum phpBB menu układa się jedno pod drugim ale robi sobie odstęp jakby pomiędzy odnośnikami było 2x <br />

Jak myślicie co może być powodem że <ul> <li> robi odstępy w Subsilver2
Sprawdzałem css'a Subsilver2 ale nic nie znalazłem (być może coś pominąłem).

Re: Subsilver2 i jego style (ul) (li) - zagnieżdżanie

: 14 czerwca 2011, 14:19
autor: jaroslw
Jeśli dobrze pamiętam w phpBB już istnieje klasa .left więc może być nadpisywana. Zainstaluj w przeglądarce narzędzie typu Firebug (dla Firefoksa) lub Dragonfly (Opera) i będziesz mógł sprawdzić jakie właściwości dziedziczy Twój element.

Re: Subsilver2 i jego style (ul) (li) - zagnieżdżanie

: 30 czerwca 2011, 16:39
autor: syngress
Hula - wielkie dzięki !