portfolio

[Wowoz]

http://www.wwzportfolio.uphero.com/?view=gallery&lang=pl

Nie wiem dlaczego ale działają mi tylko trzecie obrazki. Pierwszy i drugi w ogole nie jest traktowany jako odnośnik (ba! nawet nie da się pokazać jego źródła).

Wygląda to tak:

Kod: [Zaznacz]

<table align="center" style="margin-top:-10px;">
<tr>

<td>
<a href="gallery/barykada.jpg"><img src="gallery/barykada.jpg" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>

<td>
<a href="gallery/lom.jpg"><img src="gallery/lom.jpg" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>

<td>
<a href="gallery/mlotek.jpg"><img src="gallery/mlotek.jpg" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>

</tr>


<tr>
<td>
<a href="gallery/barykada.jpg"><img src="gallery/barykada.jpg" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
</tr>

<tr>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
</tr>

</table>


Czy to jakiś błąd javaskryptu? Sam już nie wiem co z tym zrobić.

[Buła]

Przez tego diva. Zasłania zawartość strony i nie da się kliknąć.

[Wowoz]

Dzięki za odpowiedz

[Zdunek]

Ach ten przywilej pisania w tematach zamkniętych  

Ja bym Ci jeszcze proponował zrobić to całe trochę inaczej

pierwsza sprawa to wywalić to table, tr, td.....
i dla a zrobić klasę(albo lepiej, tylko nadrzędnemu zrobić klasę i odwołać się w css tak .klasa_nadrzędnego a{...}) która nada mu konkretną wysokość i szerokość da display:block; oraz float:left; ew nadać jeszcze padding:5px;(albo podobny oraz odpowiedni margin żeby te drobne przerwy były.
 i nadrzędnemu kontenerowi dać tylko określoną szerokość(mniej więcej taką jak trzy elementy)
a teraz pewnie zastanawiasz się co to da?  
da to zamiast:

Kod: [Zaznacz]

<td>
<a href="gallery/barykada.jpg"><img src="gallery/barykada.jpg" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>

<td>
<a href="gallery/lom.jpg"><img src="gallery/lom.jpg" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>

<td>
<a href="gallery/mlotek.jpg"><img src="gallery/mlotek.jpg" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>

</tr>


<tr>
<td>
<a href="gallery/barykada.jpg"><img src="gallery/barykada.jpg" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
</tr>

<tr>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
<td>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</td>
</tr>

takie coś:

Kod: [Zaznacz]

<div class="nadrzedny">
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
<a href="#"><img src="#" alt="" style="width:120px;height:90px;border-width:0px;"/></a>
</div>

Myślę że zabawa warta świeczki, masz mniej kodu i jest wszystko o wiele czytelniejsze

no i jeszcze z img możesz wywalić style="..." i nadać mu klasę albo zrobić dokładnie tak jak pisałem wyżej z nadrzędnym divem czyli odwołać się .nadrzedny_div a img{...}
kodu sporo mniej oraz także mniej problemów