Keskustelu: Ohjelmointikysymykset: HTML: taulukko (table> ongelma

mrkebab [29.10.2004 01:05:49]

Haluaisin, että sivuillani olisi iso taulukko jonka "yläpäässä" olisi kuva (logo.gif) ja sen alla vasta leipäteksti.
Kokeilin tehdä näin, mutta ei onnistunut. Mikä minulla on tässä vikana?

<HTML>
    <HEAD>
    <TITLE>Sivun nimi</TITLE>
    </HEAD>


<BODY>

<DIV ALIGN="center">

<table left border="3" bordercolor="black"cellpadding="220" width="600" >

<IMG SRC="logo.gif" border="2" >

<td valign=center

<b>
Nailta sivuilta voit vapaasti kaivella tietoa jostain...<br>

</BODY>
</HTML>

Eli ongelmana on se, että tuo kuva tulee omaan taulukkoon, eli ne ei ole saman "laatikon" sisällä.

Metabolix [29.10.2004 01:24:37]

No vikaahan tuosta löytyy niin paljon, että en jaksa niitä tähän listata. Listaan sen sijaan viestin kirjoitukseen liittyvät virheet:

Et käyttänyt kooditagia. Käytä ensikerralla.
Kirjoitit lopun isoilla kirjaimilla. Älä tee niin, koska se on tavattoman ärsyttävää, äläkä myöskään väitä, että syy olisi Caps Lock -näppäimessä, koska se ei kuitenkaan ole totta.

Tässä vielä tuo koodi korjattuna:

<HTML>
<HEAD>
<TITLE>Sivun nimi</TITLE>
</HEAD>

<BODY>

<DIV ALIGN="center">

<table left-border="3" bordercolor="black" cellpadding="220" width="600">
<tr>
<td>
<IMG SRC="logo.gif" border="2" >
</td>
</tr>
<tr>
<td valign="center">
<b>Näilta sivuilta voit vapaasti kaivella tietoa jostain...</b><br>
</td>
</tr>
</table>
</DIV>
</BODY>
</HTML>

Lisäksi leipätekstin ympärille olisi hyvä laittaa <p>-</p>. Tuosta kun pikaisesti laskee, näkyy yksitoista virhettä.

maka78 [29.10.2004 01:25:51]

No toi sun hötömölö on päin p..tä, ton table:n osalata eli kokeiles ensin täällästä tablea niin ehkä ymmärrät helpommin ton idean.

<table border="1" width="100%">
  <tr>
    <td width="50%">eka vasen solu</td>
    <td width="50%">eka oikee solu</td>
  </tr>
  <tr>
    <td width="50%">toka vasen solu</td>
    <td width="50%">toka oikee solu</td>
  </tr>
</table>

eli toi <tr> tagi määrittelee rivin ja </tr> tagi päättää rivin. ja <td> solun ja jokainen solu päättyy lopetus tagiin </td> eli kaikki mitä haluut yhteen soluun täytyy olla <td> ja </td> tagien välissä.

*muoks* ja tarkemmin kun katon niin onhan tos muitaki fiboja tos sun hötömölössä

petterik [29.10.2004 03:50:34]

mrkebab kirjoitti:

Kokeilin tehdä näin, mutta ei onnistunut. Mikä minulla on tässä vikana?

Millä lie windowsin notepadillä teet koodia? Joo, HTML:ssä kaikki mikä alkaa pitää yleensä päättyä <table><tr><td></td></tr></table>
Kätevä nopea editori esim. taulukoiden tekoon on freeware NoteTab Light:
http://www.fookes.net/ftp/free/ntfree.zip

Alhaalta valitsee HTML välilehden ja vasemmalta Table Wizard, antaa rivien ja sarakkaiden määrät ja mts. ja wizardi tekee koodin...

Blaze [29.10.2004 07:22:26]

mrkebab kirjoitti:

Haluaisin, että sivuillani olisi iso taulukko jonka "yläpäässä" olisi kuva (logo.gif) ja sen alla vasta leipäteksti.

Älä halua. Logoa ei missään tapauksessa kannata tunkea samaan taulukkoon leipätekstin kanssa (yleensäkäänottaen niitä ei pitäisi tunkea taulukkoon ollenkaan, mutta se on jo toinen juttu, puhunkin jatkossa laatikoista, en taulukoista). Leveä logo levittää laatikkoa ja määrää sille käytännössä minimileveyden. Nyt jos logo on leveämpi, kuin selainikkuna, tulee horisontaalinen vierityspalkki ja sitä sisältöä lukiessa saa vierittää ees-taas oikealle ja vasemmalle.
Jos se logo on eri laatikossa, kuin sisältö, voi se olla vaikka kuinka leveä, ja se sisältölaatikko mahtuu kuitenkin selainikkunaan skrollaamatta.

mrkebab [29.10.2004 10:23:40]

Ok. Kiitoksia paljon.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Kirjautuminen

Haku

Tehtävät