 [HTML][CSS] Strona na Divach, cellpadding |
  |
| [HTML][CSS] Strona na Divach, cellpadding |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 215 Pomógł: 0 Dołączył: 13.06.2007 Ostrzeżenie: (0%) 
 |
Cześć.
Robie www klanową (cms: webspell) na divach. Jestem przy menu, ale zrobił mi się efekt: cellpadding , lub cellspacing (ten parametr, co dodaje się przy <table>) I taki efekt mam, http://www.iv.pl/image/208903.jpeg a to spokjnie sie wszystko powinno zmieścić w 1 linii, bo robiłem juz to za pomocą <table> i było ok Plik odpowiadający za te menu to #MENU; Kod #MENU { width: 930px; height: 33px; border: 0px; padding: 0px; } W jaki sposób uzyskać normalny efekt? |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 14 Pomógł: 4 Dołączył: 28.11.2007 Ostrzeżenie: (0%)
|
float: left;
w div? zawierające poszczególne przyciski menu. |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 215 Pomógł: 0 Dołączył: 13.06.2007 Ostrzeżenie: (0%)
|
Pomogło, ale nadal jest odstęp.
Taki kod zastosowałem w index.php Kod <div id="menu" style="padding: 0px; margin: 0;"> <a href="index.php?site=news"> <img src="img/informacje.jpg" width="157" height="33" border="0"> </a> <a href="index.php?site=history"> <img src="img/historia.jpg" width="155" height="33" border="0"></a> <a href="index.php?site=clanwars"><img src="img/mecze.jpg" width="155" height="33" border="0"></a> <a href="index.php?site=members"> <img src="img/sklad.jpg" width="155" height="33" border="0"></a> <a href="index.php?site=server"> <img src="img/serwer-menu.jpg" width="155" height="33" border="0"></a> <a href="index.php?site=forum"> <img src="img/forum.jpg" width="153" height="33" border="0"></a> </div> http://www.iv.pl/image/209079.jpeg Ten post edytował maly_pirat 4.07.2008, 14:53:00 |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 11 Pomógł: 0 Dołączył: 30.09.2007 Ostrzeżenie: (0%)
|
Cytat(maly_pirat @ 4.07.2008, 15:52:32 )  Pomogło, ale nadal jest odstęp. Taki kod zastosowałem w index.php Kod <div id="menu" style="padding: 0px; margin: 0;"> <a href="index.php?site=news"> <img src="img/informacje.jpg" width="157" height="33" border="0"> </a> <a href="index.php?site=history"> <img src="img/historia.jpg" width="155" height="33" border="0"></a> <a href="index.php?site=clanwars"><img src="img/mecze.jpg" width="155" height="33" border="0"></a> <a href="index.php?site=members"> <img src="img/sklad.jpg" width="155" height="33" border="0"></a> <a href="index.php?site=server"> <img src="img/serwer-menu.jpg" width="155" height="33" border="0"></a> <a href="index.php?site=forum"> <img src="img/forum.jpg" width="153" height="33" border="0"></a> </div> http://www.iv.pl/image/209079.jpeg Jeżeli definiujesz już wygląd w pliku CSS, raczej staraj się unikać dodawania stylu przy podawaniu parametru <div>. Przy większych stronach i ewentualnych poprawkach, będziesz miał problem ze znalezieniem błędu. Jeżeli kiedyś będziesz robił zmiany, będziesz mógł wszystko zmianiać w pliku css nie edytując strony. Co do odstępów, spróbuj dopisać polecenie : border-collapse:collapse; Jeżeli to nie pomoże to usuń odstępy pomiędzy znacznikiem <a> a <img> niektóre przeglądarki mogą to interpretować jako spacje. Ten post edytował Pablo1900 4.07.2008, 18:42:01 |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 215 Pomógł: 0 Dołączył: 13.06.2007 Ostrzeżenie: (0%)
|
Zrobiłem tak jak piszesz, ale nic z tego.
Pod taką postacią wszystko jest ok, Kod <div id="menu"> <table cellpadding="0" cellspacing="0"> <tr> <td><a href="index.php?site=news"><img src="img/informacje.jpg" width="157" height="33" border="0"> </a></td> <td><a href="index.php?site=history"><img src="img/historia.jpg" width="155" height="33" border="0"></a></td> <td><a href="index.php?site=clanwars"><img src="img/mecze.jpg" width="155" height="33" border="0"></a></td> <td><a href="index.php?site=members"><img src="img/sklad.jpg" width="155" height="33" border="0"></a></td> <td><a href="index.php?site=server"><img src="img/serwer-menu.jpg" width="155" height="33" border="0"></a></td> <td><a href="index.php?site=forum"><img src="img/forum.jpg" width="153" height="33" border="0"></a></td> </div> Czekam na inne pomysły. A jeśli nie będzie to jakoś zostane przy tej tabelce. |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 14 Pomógł: 4 Dołączył: 28.11.2007 Ostrzeżenie: (0%)
|
a może nadaj klasę dla <a href....
Kod <span class="postcolor"> <a href="index.php?site=news" class="przycisk"> <img src="img/informacje.jpg" width="157" height="33" border="0"> </a> </span> a do css wpisz takie cudo  Kod .przycisk { display: block; } możesz jeszcze pokombinować z dodaniem do tej klasy borderów, marginesów, float left
|
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 56 Pomógł: 1 Dołączył: 19.04.2004 Skąd: Bytom Odrz. Ostrzeżenie: (0%)
|
ale wpisałeś do tej tableki:
 /ew. dodaj klase na tabelke i wpisz w arkuszu styli Ten post edytował TroYan 7.07.2008, 09:52:02 -------------------- zmoderowano - waga i rozmiar
|
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 141 Pomógł: 24 Dołączył: 21.06.2008 Ostrzeżenie: (0%)
|
w laczeniu linkow z obrazkami bardzo czesto wlasnie tak sie robi ze powstaja odstepy wystarczy dawac linki z obrazkami bez enterow wszystko w jednej linijce.
wlasnie to przetestowalem i dziala
Ten post edytował minolone 7.07.2008, 10:20:56 |
|
|
|
|
|
Aktualny czas: 21.08.2025 - 20:46 |
