Egymás mellé igazítás, hogyan?
Van egy <td>-m, van benne egy <form> és a formon belül kellene egy <input>-t és egy <button>-t egymás mellé igazítani. Hogyan lehetne megoldani?
<td>
<form>
<input type="hidden"> <input type="number"> <button type="submit"></button>
</form>
</td>
Az input és button tag-ek inline tipusúak, ami azt jelenti, hogy ha kevés a rendelkezésre álló hely, akkor több sorba rendeződnek. Ezért, ha azt szeretnéd, hogy egy sorban jelenjenek meg, akkor gondoskodnod kell róla, hogy megfelelő hely álljon rendelkezésre, vagy úgy kell formáznod az elemeket, hogy megfelelő pozíciókba kerüljenek.
Az szövegek és oldaltartalom elrendezésére nem használunk táblázatot. Az arra való, hogy adatokat jelenítsünk meg táblázatos formában. Az oldaltartalom, pl egy űrlap megjelenítésére, és az elemek elrendezéséhez az elemeket megfelelően formázni kell, és konténereket kell használni amiket megfelelő pozicionálással a környezeti szerkezetbe kell beágyazni.
Azt tanácsolom tanulj a css formázásokról és a html szerkezeti felépítéséről. Különös tekintettel a doboz modellre.
Sok sikert!
Először is: <input type="submit">, másodszor:
style {
input[type="number"] { width: 200px; display: inline-block; } input[type="submit"] { width: auto; display: inline-block; } ezzel már egymás mellett lesz a kettő. Ezt lehet tovább fokozni. De am. ajánlom a w3schools oldalát, ott ki is lehet próbálni többféle dolgot.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!