Avaleht
uus teema   vasta Tarkvara »  WWW »  Kuidas tabel teist moodi kirjutada kasutades ul, dl jne märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 29.04.2010 21:57:31 Kuidas tabel teist moodi kirjutada kasutades ul, dl jne vasta tsitaadiga
html:
  1. <table border="0" cellpadding="0" cellspacing="0">
  2.     <tr>
  3.       <td><img src="pilt.jpg" /></td>
  4.       <td>see teks on keskel</td>
  5.       <td><img src="pilt.jpg" /></td>
  6.     </tr>
  7.   </table>


kas seda oleks võimalik kirjutada kasutades näiteks ul või dl. tulemuseks peaks olema, et kui pilt.jpg kõrgus on teksti omast suurem, siis tekst keskmises cellis kuvatakse ikka verikaalselt keskele... pildi kõrgus on alati teada. võiks seda teksti anda marginit või paddingut kah. hetkel see mul ei õnnestu. li, dd on display:inline
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
taimpsfm
HV kasutaja
taimpsfm

liitunud: 02.07.2002
sõnum 30.04.2010 00:30:19 vasta tsitaadiga
Kuna siit ei selgu, millised on konkreetsed tekstid ja pildid, on keeruline aru saada, mida täpselt saavutada soovid. Hetkel peale vaadates ei tundu mistahes listi kasutamine asjakohane. See rida pole vist tegelikult nimekiri? :)

Tegin sulle näite, mispuhul asuvad pildid ja tekst paragrahvi sees.

Kas reaalse sisuga töötaks nii?
_________________
Taimar.ee — Jälgi mind Twitteris!
Kommentaarid: 8 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 30.04.2010 01:03:55 vasta tsitaadiga
vist oli pisut puudulik näide mul. sellist asja tahaks saavutada:
html:
  1.  
  2.   <table border="0" cellpadding="0" cellspacing="0" id="list">
  3.     <tr>
  4.       <td><a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a></td>
  5.       <td class="text"><p style="margin-left:20px;">siin on keskmine jama</p></td>
  6.       <td><a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a></td>
  7.  
  8.     </tr>
  9.     <tr>
  10.       <td><a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a></td>
  11.       <td class="text"><p style="margin-left:20px;">siin on keskmine jama</p></td>
  12.       <td><a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a></td>
  13.  
  14.     </tr>
  15.     <tr>
  16.       <td><a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a></td>
  17.       <td class="text"><p style="margin-left:20px;">siin on keskmine jama</p></td>
  18.       <td><a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a> <a href=""><img src="smarty/templates/img/arrow_down.gif" /></a></td>
  19.  
  20.     </tr>
  21.   </table>
  22.  

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andresv
HV kasutaja

liitunud: 06.12.2004



Autoriseeritud ID-kaardiga
sõnum 01.05.2010 18:48:42 vasta tsitaadiga
li {
display: table-cell;
vertical-align:middle;
}


peaks selle triki ära tegema
Kommentaarid: 5 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 5
tagasi üles
vaata kasutaja infot saada privaatsõnum
Traf
Kreisi kasutaja

liitunud: 04.12.2007
sõnum 03.05.2010 16:08:21 vasta tsitaadiga
andresv kirjutas:
li {
display: table-cell;
vertical-align:middle;
}


peaks selle triki ära tegema


Kas keegi seletaks mulle ära, kuidas on parem kasutada listi ja table-cell stiili selle asemel, et asi panna kirja nagu on - tabelina?

Igasugu display: table asjad muide IE6 ja IE7 ei tööta.
Kommentaarid: 49 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 48
tagasi üles
vaata kasutaja infot saada privaatsõnum
andresv
HV kasutaja

liitunud: 06.12.2004



Autoriseeritud ID-kaardiga
sõnum 03.05.2010 16:42:10 vasta tsitaadiga
Kuskilt on jäänud selline asi kõrva:

Kui sul on vaja kuvada andmed tabelina (nt teed excelis tabeli), siis seda tuleks loomulikult html-is <table> tagidega teha.
Samas, kujundamise jaoks pole seda <table> asja soovitav kastuada.

Ehk siis html-is on iga tag-il mingi kindel mõte teksti korrektseks struktureemiseks .
See mis toimub css-is on juba teine teema.

Teisisõnu kui andmed moodustavad nimekirja (ka mitmetasemelise), siis kasuta <ul>-i, kui aga tabeli (eristatavad read ja veerud), siis kasuta <table> tag-i.
Kommentaarid: 5 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 5
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  Kuidas tabel teist moodi kirjutada kasutades ul, dl jne
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.