Grafik
Podgląd:
http://www.arashi.pun.pl/forums.php - widać w ogłoszeniu. Wyglądają lepiej kiedy są zapełnione ;P
<table border="0" width="100%"> <tr border="0" align="left" valign="top"> <td border="0" width="25%" height="200px"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł pierwszego boxa.</h2></span> <p>Tekst wewnątrz pierwszego boxa.</p> </div></div> </td> <td width="25%" height="200px"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł drugiego boxa.</h2></span> <p>Tekst wewnątrz drugiego boxa.</p> </div></div> </td> <td width="25%" height="200px"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł trzeciego boxa.</h2></span> <p>Tekst wewnątrz trzeciego boxa.</p> </div></div> </td> <td width="25%" height="200px"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł czwartego boxa.</h2></span> <p>Tekst wewnątrz czwartego boxa.</p> </div></div> </td> </tr> </table>
W kodzie zamieniściłęm informacje co gdzie trzeba wpisać. Jeśli chcecie zmniejszyć ilość boxów, należy skopiować te część:
<td width="25%" height="200px"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł boxa.</h2></span> <p>Tekst wewnątrz boxa.</p> </div></div> </td>
Analogicznie, jeśli chcecie ich mniej, usuwacie powyższą część z całego kodu.
Jeśli zmieniacie ilość boxów, musicie w każdym zmienić wysokość(width="XX%"):
1 Box: 100% każdy
2 Boxy: 50% każdy
3 Boxy: 33% każdy
4 Boxy: 25% każdy
5 Boxów: 20% każdy
6 Boxów: 16.6% każdy
7 Boxów: 14.2% każdy
8 Boxów: 12.5% każdy
9 Boxów: 11.1% każdy
10 Boxów: 10% każdy
Jeśli wysokość będzie za mała, bądź za duża, należy zmienić ją w każdym z boxów, inaczej będzie wyglądać brzydko.
Aktualny projekt: http://shinobidezain.pun.pl/
Offline
Przydatny ten kodzik, zwłaszcza, że co raz częściej widujemy takie podzielenie ogłoszenia.
Skomentuj serwis i przyciągnij nowych użytkowników
Autorski świat PBF (może kiedyś się przyda) - |||||||||| - 10%
Świat - 5% Klasy Postaci - 5% Ekwipunek - 0% System - 25%
Offline
Offline
Gówno nie kodzik. W Operze wygląda jak idea słowa które stoi na początku tego posta.
Kod powinien śmigać we wszystkich 4 największych przeglądarkach.
Offline
Grafik
Mangel, specjalnie dla ciebie:
<table border="0" id="tabelka0"> <tr border="0" align="left" valign="top"> <td id="tabelka1"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł pierwszego boxa.</h2></span> <p>Tekst wewnątrz pierwszego boxa.</p> </div></div> </td> <td id="tabelka1"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł drugiego boxa.</h2></span> <p>Tekst wewnątrz drugiego boxa.</p> </div></div> </td> <td id="tabelka1"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł trzeciego boxa.</h2></span> <p>Tekst wewnątrz trzeciego boxa.</p> </div></div> </td> <td id="tabelka1"> <div border="0" class="box"><div border="0" valign="top"> <span><h2>Tytuł czwartego boxa.</h2></span> <p>Tekst wewnątrz czwartego boxa.</p> </div></div> </td> </tr> </table> <style> table#tabelka0 { width: 100% heigth: 200px } td#tabelka1 { width: 25% heigth: 200px } </style>
Czy teraz wszystko śmiga, sir?
Aktualny projekt: http://shinobidezain.pun.pl/
Offline
Redaktor PBF Station i Zacny Żelek
Zastanawia mnie jedno. Czemu w Chromium jak i Operze nie widzę tytułów boxów?
Offline
Grafik
Jeśli umieszczasz to w ogłoszenie nie powinno być problemów - sprawdziłem i działało i na Chrome i na Mozilli. Jednak kiedy wklejam to w stopkę, z jakiegoś powodu nie działa: nie wiem czemu.
Aktualny projekt: http://shinobidezain.pun.pl/
Offline
Redaktor PBF Station i Zacny Żelek
Wkleiłem w stopkę.
W ogłoszeniu działa. Tylko widzę jeden mankament w stylu Test9 (nie wiem jak z innymi, ale raczej to samo).
Chodzi o za niską belkę. Oczywiście jest tak we wszystkich box'ach.
Przeglądarka: Chromiumek niezawodny.
Offline
Też miałam z tym problem...
jak kończysz pisać w ten Tekst,to umieść to <br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Na końcu:)
Offline
Ja proponuję ustawić wysokość wiersza dodając do niego parametr:
height="X"
Gdzie X wpisz wysokość w pikselach
Powinno pomóc
Skomentuj serwis i przyciągnij nowych użytkowników
Autorski świat PBF (może kiedyś się przyda) - |||||||||| - 10%
Świat - 5% Klasy Postaci - 5% Ekwipunek - 0% System - 25%
Offline