ďťż

[HTML/CSS] Odstępy między przyciskami. Jak wywalić odstępy ?

       

Podstrony


telcocafe

Hejka, tak to znowu ja ... ostatnio nie myśle po prostu
prosze o pomoc dawno się nie bawiłem stronkami i
pozapominałem wielu rzeczy.
mam taki kod:
<div class="PrzyciskiMenu"> <a href="news"><img class="przycisk1" name="przycisk1" border="0" src="img/2_1.gif"></a> <a href="news"><img class="przycisk2" name="przycisk2" border="0" src="img/2_2.gif"></a> <a href="news"><img class="przycisk3" name="przycisk3" border="0" src="img/2_3.gif"></a> <a href="news"><img class="przycisk4" name="przycisk4" border="0" src="img/2_4.gif"></a> <a href="news"><img class="przycisk5" name="przycisk5" border="0" src="img/2_5.gif"></a> <a href="news"><img class="przycisk6" name="przycisk6" border="0" src="img/2_6.gif"></a> <a href="news"><img class="przycisk7" name="przycisk7" border="0" src="img/2_7.gif"></a> </div>
i css:
.przycisk1 { margin-top:0; margin-left:0; margin-right:0; display: inline; border:0; } .przycisk2 { margin-top:0; margin-left:0; margin-right:0; display: inline; } .przycisk3 { margin-top:0; margin-left:0; margin-right:0; display: inline; } .przycisk4 { margin-top:0; margin-left:0; margin-right:0; display: inline; } .przycisk5 { margin-top:0; margin-left:0; margin-right:0; display: inline; } .przycisk6 { margin-top:0; margin-left:0; margin-right:0; display: inline; } .przycisk7 { margin-top:0; margin-left:0; margin-right:0; display: inline; } .PrzyciskiMenu {  display:compact; }
tworzy mi on przyciski ale są miedzy nimi odstępy jak je zlikwidować
wiem ze jak umieszcze je w jednej linijce to nie bedzie odstepow miedzy obrazkami przyciskow ale przez to kod bedzie zupelnie dla mnie nie czytelny
Pozdrawiam
Użytkownik orglee edytował ten post 22 grudzień 2005, 01:27


1. po co ten compact ?
2. po co tworzysz wiele razy te same klasy ?
3. czemu border nie masz w css
4. dziwna sprawa try dać margin:0px padding:0px

co do tego powielania to zaulwazylem to jak dalem juz posta i poprawilem jestem troche spiacy i wale takie byki ale to to sprawdzalem kilkanascie razy i. ....
nowy kod
HTML>>
<div class="PrzyciskiMenu"> <a href="news"><img class="PrzyciskGornegoMenu" name="przycisk1" src="img/2_1.gif"></a> <a href="news"><img class="PrzyciskGornegoMenu" name="przycisk2" src="img/2_2.gif"></a> <a href="news"><img class="PrzyciskGornegoMenu" name="przycisk3" src="img/2_3.gif"></a> <a href="news"><img class="PrzyciskGornegoMenu" name="przycisk4" src="img/2_4.gif"></a> <a href="news"><img class="PrzyciskGornegoMenu" name="przycisk5" src="img/2_5.gif"></a> <a href="news"><img class="PrzyciskGornegoMenu" name="przycisk6" src="img/2_6.gif"></a> <a href="news"><img class="PrzyciskGornegoMenu" name="przycisk7" src="img/2_7.gif"></a> </div>
CSS>>
.PrzyciskGornegoMenu { margin:0px; padding:0; border:0px; } .PrzyciskiMenu { margin:0px; padding:0; border:0px; }

a dodaj jeszcze display:inline; przyciskom
Użytkownik Bełdzio edytował ten post 22 grudzień 2005, 10:54


niestety nie pomogło....:(
dobra trudno zostają mi tabelki labo nieczytelny kod
nie wiem czy wspominałem ale żądany efekt można uzyskać stawiając
wszystkie znaczniki img w jednej linijce
ale weź to później rozczytaj : /
no albo tabelki ale z tej strony to zacznie mi się struktura strony rozsypywać

wystaw gdzieś działającą stronę ;)

http://orglee.strona.pl/ds/index.php

proszę uprzejmie :)

Tak działa, może jest i inny sposób :

.PrzyciskGornegoMenu { margin:-2px; padding:0; border:0px; }
Użytkownik _Puma_ edytował ten post 22 grudzień 2005, 13:56
eureka :)
img {   float:left; }

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.