Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Vierekkäin kaksi formia?

Sivun loppuun

eija [23.03.2009 19:58:12]

#

Minulla on html-sivulla kaksi lomaketta, joiden painikkeet haluaisin vierekkäin. Tässä toinen lomake:

<form action ="henkilötiedot.php" method = post>
<button type = "submit" name = "henkilotiedot> Taydenna henkilotiedot </button>
</form>

Toinen on vastaavanlainen.

Ne tulevat automaattisesti allekkain. Voiko tälle tehdä jotain?

Lebe80 [23.03.2009 20:07:56]

#

voi, laitat ne vierekkäin.


Tee taulukko, jossa on kaksi solua, laita formit omiin soluihinsa.

<table>
<tbody>
<tr>
<td><form action ="henkilötiedot.php" method = post>
<button type = "submit" name = "henkilotiedot> Taydenna henkilotiedot </button>
</form>
</td>
<td>
<form action ="henkilötiedot.php" method = post>
<button type = "submit" name = "henkilotiedot> Taydenna henkilotiedot </button>
</form>
</td>
</tr>
</tbody>
</table>

Sitten kun olet hieman päässyt kärryille html:stä, voitkin opetella miten ulkoasua muotoillaan css -tekniikalla.

ajv [23.03.2009 20:10:09]

#

CSS:llä taikasana on inline.

form{
	display: inline;
}

peg [23.03.2009 20:14:47]

#

eikö näin toimi.

<body>

<div>
  <table>
    <tr>
      <td>
        <form method="POST" action="jotain.php">
          <p><input type="submit" value="Lähetä" name="eka"><input type="reset" value="Palauta" name="toka"></p>
        </form>
        <p></td>
      <td>
        <form method="POST" action="jotain2.php">
          <p><input type="submit" value="Lähetä" name="eka2"><input type="reset" value="Palauta" name="toka2"></p>
        </form>
        <p></td>
    </tr>
  </table>
</div>

</body>

EDIT: minä hitain

trilog [23.03.2009 20:21:48]

#

Kannattaa heti alkajaisiksi jättää ne tablet vaan siihen mihin ne on tarkoitettu ja lukea tämä.

Lebe80 [23.03.2009 20:45:18]

#

trilog: varmaan aluksi kannattaa opettaa se helpoin tapa, ja jos innostusta riittää niin sitten oikeasti opettelee tämän oikean tavan, joka ei ole ihan niin helppo.

Floattaavilla elementeillä voi mennä nopeasti sormi suuhun, kun elementit eivät mahdukaan vierekkäin, tai alla oleva elementti siirtyy myös floatattavien elementtien viereen yms. yms.

eija [23.03.2009 20:48:08]

#

Hypin jo riemusta, noista table ideoista, mutta päätin opetellakin seuraavaksi nuo CSS:t. Minulla on jo kirjastosta lainattu kirja sitä varten.

KIITOKSET!

tesmu [25.03.2009 19:26:24]

#

Lebe80: Kannatta aivan aluksi opetella tekemään oikein, ei helpoiten.

GimPeltzi [25.03.2009 19:41:27]

#

tesmu kirjoitti:

Lebe80: Kannatta aivan aluksi opetella tekemään oikein, ei helpoiten.

Minäkin enemmän tätä mieltä. CSS taiteilu ei kuitenkaan ole niin merkittävästi taulukoita monimutkaisempaa. Parempi vain sopeutua oikeaoppiseen tapaan alusta pitäen.

Juhko [26.03.2009 15:51:41]

#

Kyllähän taulukoita saa muotoiluun käyttää, mutta vain joissakin tapauksissa. Minä pidän hyvänä esim. tätä tapaa, jolla Putkan viestit ja niiden otsikot on toteutettu.

Blaze [26.03.2009 18:37:19]

#

Juhko kirjoitti:

Kyllähän taulukoita saa muotoiluun käyttää, mutta vain joissakin tapauksissa.

Ja nämä tapaukset on...?

Jos saa vielä lähteistettynä, niin ois oikein kiva.

Lebe80 [27.03.2009 09:25:07]

#

Mielestäni tämmöisissä tapauksissa, jossa selkeästi on vaikeuksia hahmottaa html:n rakennetta, niin helpoin ja yksinkertaisin neuvo on paras.

Sitten kun oikeasti tehdään jotain oikeaa, niin sitten voidaan käyttää "oikeaa" tapaa.

Eli sama homma kuin koulussakin, aluksi opetetaan yleisesti, ja myöhemmin syvennytään asioihin tarkemmin (pätee äidinkielessä, matematiikassa ja kaikissa muissakin aineissa)

trilog [27.03.2009 16:18:07]

#

Lebe80 kirjoitti:

Eli sama homma kuin koulussakin, aluksi opetetaan yleisesti, ja myöhemmin syvennytään asioihin tarkemmin (pätee äidinkielessä, matematiikassa ja kaikissa muissakin aineissa)

Opettajat opettavat (tai ainakin pyrkivät opettamaan) oikein. Olisihan se aika villi ajatus jos äidinkielen opettajana toimisi kaksi viikkoa sitten maahan saapunut henkilö...


Sivun alkuun

Vastaus

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

Tietoa sivustosta