Odstępy pomiędzy wierszami w tabeli

[mess_alex]

Witam,

mam pytanie: Jak pozbyć się odstępów między wierszami w tabeli?

Plik w którym można zobaczyć problem znajduje się pod TYM adresem.

Wpisałem w kodzie :

<table width="808" align="left" height="198" valign="top" cellspacing="0" cellpadding="0">

ale efektów nie widać. Dziwne jest, że gdy ustawie w cellspacing wartość np. 90 odstępy powiększają się.

Kod można zobaczyć TU.

Pozdrawiam, Aleksadner Łaba

[Hellz]

W sumie nie bardzo rozumiem, o co Ci chodzi Na FF pod linuxem wydaje się wyglądać tak, jak chciałeś. jednak na twoim miejscu zrobił bym to wszystko za pomocą css i nie przejmował się tablekami. Poczytaj przyklejony temat w tym dziale, naprawdę warto, pozdrawiam.

[Dżyszla]

U mnie też wydaje się być prawidłowe. JEst to logo tego stowarzyszenia, poniżej butonki. Żadnych odstępów nie widać.

[mess_alex]

Dzięki za tak szybką odpowiedz. Uruchomiłem plik pod operą i firefox'em i jest wszystko ok.

Problem jest tylko w IE, wygląda to TAK.

To musi byc jakiś błąd IE, może wiecie jak go ominąć?

[mrtn]

Sorki za wypowiedż, ale zaczałeś to robić od xxxx strony - ale to nie twoja wina (po prostu wszedzie pełno "pdręczników" i "przykładów" które piszą ludzie mniej doświadczeni od Ciebie.

Żeby nie być gołosłownym dam ci jakiś przykład prostego rozwiązania:

<div id="naglowek">

 <div id="menu">

   <a href="link_1"><img src="button_1.gif" id="buton_1" class="image_button"/></a>

   <a href="link_2"><img src="button_2.gif" id="buton_2" class="image_button"/></a>

   <a href="link_3"><img src="button_3.gif" id="buton_3" class="image_button"/></a>

 i następne linki ...

   </div>

</div>

czyż nie wygląda na proste łatwe i przejrzyste ? - po co kombinowac trudniejszy kod, w którym się już sam nie możesz połapać :-).

oczywiście, jeżeli upierasz się to można tam dać podświetlenie w stylu onmouseover:.

[kava]

sprobuj dla img dać hspace i vspace 0

[Ale lepiej zrobic to cssami.]

[Dżyszla]

a spróbuj zamiast:

<td>

<img src.....>

</td>

dać

<td><img src....></td>

Wiem, że to wydaje się śmieszne, ale już widziałem takie jajca na IE.

[mrtn]

przpraszam, zapomniałem, że możesz nie znać CSS - już kontynuję .. kawałek odpowiedniego css wyglądać mogólby np. tak:

#naglowek {

background:#ffffff url(twoje_tlo.jpg) no-repeat;

width:810px; height:205px;

border: solid 1px #009900;  }



#menu {

position: relative; 

float: right;

top: 180px; height: 25px;

 border: solid 1px #990000; }



#buton_1 { width:128px; height:25px; }

#buton_2 { width:192px; height:25px; }

#buton_3 { width:115px; height:25px; }



.image_button { border:none; } 

CSS daje też inne możliwości (niestety Microsoft się dopieo uczy) można by naprzykłąd zrbić swiecącą ramke ;-):

.image_button {

border: 1px solid #666666;

margin: 0px; padding: 0px; }



.image_button:hover {  border: 1px solid #000099; }

[mrtn]

I jescze jedna uwaga do CSS-MANIAKÓW - nie wiem czy to przejdzie VALIDACJĘ - ale to rozwiązanie działa i pod IE i pod innymi przeglądarkami i jest proste . a tabelki gdzie trzeba to i tak stosuję

[zero3]

jeżeli upierasz się to można tam dać podświetlenie w stylu onmouseover:.

przy okazji:

czy jest sposob na podswietlenie dowolnego elementu (ale nie <a>) w xhtml za pomoca css by dzialalo w ie bez zastosowania OnMouseOver ?

niestety bez owego OnMouseOver (np p:hover itd) podswietlenie nie dziala w ie, z kolei z OnMouseOver musze zmieniac DOCTYPE na HTML 4.01 Transitional (w xhtml validator wypluwa blad - zreszta slusznie).

[mess_alex]

Bardzo Wam wszystkim dziękuję.

Po ustawieniu:

<td><img src....></td>

wszystko jest tak jak być powinno,

[mrtn]

Zero3:

IE wykorzystuje Hover tylko dla znacznika <A>

ale możesz to zrboić np: tak

html:

<a id="link_4" href="costam">i tu tekst</a>

CSS:

a#link_4{

background:#ffffff url(tlo_1.jpg) no-repeat;

display: block;

width: 240px;

height:48px;

}

a#link_4:hover{

background:#ffffff url(tlo_2.jpg) no-repeat;

}

Jezeli ktoś nie jest przerwrażliwiony na punkcie czystości rasowej to

można zrobić bez napisów ale wtedy anchortext byłby: &nbspc; albo wsatwić przeroczystego gifa.

[pakonet]

zero3,

Póki co to w IE kiepsko z obsługą klasy :hover dla elementów innych niż <a>.

Polecam artykuł:

https://www.xs4all.nl/~peterned/csshover.html

[zero3]

tak tez myslalem

mrtn,pakonet dzieki za rady (link znam, pliki .htc rządzą )

pozostane chyba przy standardach i xhtml - czas przestac przejmowac sie uzytkownikami badziewnego ie :mrgreen: beda sobie ogladac bez bajerow

tymczasem zostalem sam z córką i tak czy inaczej niewiele moge zrobić

[Dżyszla]

Po ustawieniu:

<td><img src....></td>

Miałem nosa 8) Już to gdzieś mi się zdaje raz przerabiałem. IE jest po prostu dziwne.