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

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
Awatar użytkownika
syngress
Posty: 18
Rejestracja: 13 czerwca 2011, 20:55

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

Post autor: syngress » 14 czerwca 2011, 14:02

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).

jaroslw
Zasłużony
Posty: 4524
Rejestracja: 10 grudnia 2005, 18:48
Kontakt:

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

Post autor: jaroslw » 14 czerwca 2011, 14:19

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.
Pobierz styl: we_universalwe_clearblue
Nowości i aktualizacje: FacebookGoogle+Twitter

Awatar użytkownika
syngress
Posty: 18
Rejestracja: 13 czerwca 2011, 20:55

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

Post autor: syngress » 30 czerwca 2011, 16:39

Hula - wielkie dzięki !

Zablokowany

Wróć do „Pomoc”