Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Niepotrzebny margines przy liscie
Forum PHP.pl > Forum > Po stronie przeglądarki
JamalBIG
7.05.2009, 15:45:29
Witam

Jak 'usunac' margines ktory wystepuje w tym kodzie po lewej stronie?
Kod
     <style type="text/css">
ul#tab-container-1-nav li{ display: inline-block; }
ul#tab-container-1-nav li a{ padding: 10px 10px; background: #eee; border: 1px solid #ddd; color: #25252E; text-decoration: none;}
</style>
     <ul id="tab-container-1-nav">
     <li><a href="#tab1">ZakĹadka 1</a></li>
     <li><a href="#tab2">ZakĹadka 2</a></li>
     <li><a href="#tab3">ZakĹadka 3</a></li>
     <li><a href="#tab4">ZakĹadka 4</a></li>
     <li><a href="#tab5">ZakĹadka 5</a></li>
     </ul>
webdice
7.05.2009, 17:08:30
Dodaj:

Kod
margin: 0px;
JamalBIG
7.05.2009, 19:36:01
dodalem i nadal dziwnie 'odstaje'...
Kod
<style type="text/css">
ul#tab-container-1-nav li{ display: inline; margin: 0px;}
ul#tab-container-1-nav li a{ padding: 10px 10px; background: #eee; border: 1px solid #ddd; color: #25252E; text-decoration: none; margin:0px;}
</style>
     <ul id="tab-container-1-nav">
     <li><a href="#tab1">ZakĹadka 1</a></li>
     <li><a href="#tab2">ZakĹadka 2</a></li>
     <li><a href="#tab3">ZakĹadka 3</a></li>
     <li><a href="#tab4">ZakĹadka 4</a></li>
     <li><a href="#tab5">ZakĹadka 5</a></li>
     </ul>
athei
7.05.2009, 22:11:58
Wpisz tak i nie będzie "odstawać"
[HTML] pobierz, plaintext 
  1. <ul id="tab-container-1-nav">
  2.      <li><a href="#tab1">ZakĹadka 1</a></li><li><a href="#tab2">ZakĹadka 2</a></li><li><a href="#tab3">ZakĹadka 3</a></li><li><a href="#tab4">ZakĹadka 4</a></li><li><a href="#tab5">ZakĹadka 5</a></li>
  3.      </ul>
[HTML] pobierz, plaintext
phpion
8.05.2009, 07:42:29
@athei:
laugh.gif

@JamalBIG:
[HTML] pobierz, plaintext 
  1. ul#tab-container-1-nav {
  2. 	margin: 0px;
  3. 	padding: 0px;
  4. }
[HTML] pobierz, plaintext
danny6
10.05.2009, 08:01:58
Dodaj:
[HTML] pobierz, plaintext 
  1. li {
  2.  
  3.   margin: 0;
  4.   padding: 0;
  5.   float: left;
  6.  
  7. }
  8.  
  9. ul {
  10.  
  11.   list-style: none;
  12.   margin: 0;
  13.   padding: 0;
  14.  
  15. }
[HTML] pobierz, plaintext
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.