Miksiköhän, kun yritän saada kirjautumislomaketta erään taulukon alareunaan kiinni, lomakkeen alla tuntuu koko ajan olevan yksi tyhjä rivi?
Mullaki sama ongelma. Td:n sisään ku pistää submitin ja text-inputin.
Mut toimisko tälleen:
<table>
<form>
<tr><td>
<input type="text" /> <input type="submit" />
</td></tr>
</form>
</table>
Form-elementtiä ei saa tunkea tuohon väliin. Se pitää joko aloittaa ennen taulukkoa ja lopettaa taulukon jälkeen tai sijoittaa kokonaan yhteen soluun.
CSS:llä form { margin: 0;}
Eli tekeekö toi sen että submitin jälkeen ei tuu rivinvaihtoa?
Siellä ei ole rivinvaihtoa: siellä on tyylien (CSS) määrittelemää tyhjää tilaa. Oletuksena selaimet ovat määritelleet joitakin tyylejä valmiiksi, jotta tyylitiedostottomat sivut näyttäisivät joltakin.
Jos haluat nähdä visuaalisesti mistä ihmeestä höpötän, niin lataa Firebug Firefoxiin, lataa sivusi ja tökkää Firebugin Inspect-nappulaa ja ihmettele kun tajuntasi räjähtää.
Merri kirjoitti:
Siellä ei ole rivinvaihtoa: siellä on tyylien (CSS) määrittelemää tyhjää tilaa. Oletuksena selaimet ovat määritelleet joitakin tyylejä valmiiksi, jotta tyylitiedostottomat sivut näyttäisivät joltakin.
Jos haluat nähdä visuaalisesti mistä ihmeestä höpötän, niin lataa Firebug Firefoxiin, lataa sivusi ja tökkää Firebugin Inspect-nappulaa ja ihmettele kun tajuntasi räjähtää.
Oisin ymmärtäny tekstis 100% ilman tota alempaa kappaletta, enkä muutenkaan FF:ää käytä, hyi.
Eli kyse on vain sellaisista sivuista, joilla ei ole määritetty tyylitiedostoa?
Tai no ainakaan tota Blazen koodia.
Siis meinaan nyt sitä et ne sivut, joille ei oo CSS:ää määritelty, luovat taulukossa formin alle yhden tyhjän rivin.
Siis et onko asia nyt näin:
<html> <!-- Rivinvaihto LUODAAN --> <head> <title>CSS:ää ei ole!</title> </head> <body> <table><tr><td> <form><input type="submit" name="submit" value="Paina kauhistuaksesi" /></form> </td></tr></table> </body> </html>
<html> <!-- Rivinvaihtoa EI LUODA --> <head> <title>CSS:hän tuossa alhaalla lötköttää</title> <style type="text/css"> body { background-color: #696969; } form { margin: 0; } </style> </head> <body> <table><tr><td> <form><input type="submit" name="submit" value="Paina kauhistuaksesi" /></form> </td></tr></table> </body> </html>
Niin et pitääkö toi formiki sitte olla tuos, vai riittääkö body?
ankzilla kirjoitti:
Oisin ymmärtäny tekstis 100% ilman tota alempaa kappaletta, enkä muutenkaan FF:ää käytä, hyi.
IE:täkö sitten? Tosi iso hyi.
Kun kerran ymmärrät 100% Merrin tekstin 1. kappaleesta, niin luepa se uudestaan. Siinä vastataan tuohon kysymykseesi ja mm. kerrotaan, että mitään rivinvaihtoa ei ole. Tässä on vielä kopio tekstistä ilman sitä hämäävää 2. kappaletta:
Merri kirjoitti:
Siellä ei ole rivinvaihtoa: siellä on tyylien (CSS) määrittelemää tyhjää tilaa. Oletuksena selaimet ovat määritelleet joitakin tyylejä valmiiksi, jotta tyylitiedostottomat sivut näyttäisivät joltakin.
Valmiit tyylit ovat siis aina käytössä. Voit vaikka ajatella, että selain lisää sivulle automaattisesti oman style-taginsa ennen sinun kirjoittamaasi.
Pahus. Unohdin hymiön... Tosin sen verran voinee todeta, että paras opettaja sivujen teossa on Firefox, sillä on parhaat kehitystyökalut. Selaimesta itsestään ei tarvitse pitää, toisilla selaimilla vain ei ole tarjota yhtä kattavia työkaluja. Omassa pääkäytössäni on nykyään Chrome.
Metabolix: IE? Todellakin iso hyi. Opera tietysti?
Merri kirjoitti:
Omassa pääkäytössäni on nykyään Chrome.
Chromessa on vähän enemmän teknisiä virheitä kuin IE:ssä, mutta visuaalisesti se on hienompi.
FF tosiaankin tukee eniten koodeja, mutta ei ole mukava läppärillä käyttää.
Return to Metabolix:
-Niin oliko noi mun koodit kumpi oikein?
Humm, häh? Chrome tekee parempaa renderöintijälkeä kuin Opera. Oma kokemukseni yleisestä selainten toimivuudesta menee järjestystä Firefox(Gecko) > Chrome/Safari(WebKit) > Opera > IE – tämä ihan siis perustuen siihen, kuinka usein tulee "outoja" ongelmia kun tekee monimutkaisempia leiskoja. Mitään tarkkoja tilastoja en ole pitänyt, mutulla mennään. Toisaalta olen viime aikoina vähentänyt kokeilevaa koodausta ja siirtynyt enemmän "toimii varmasti" -tyyliseen suuntaukseen. Kokeiluja on kiva tehdä silloin kun on enemmän aikaa kuin mitä nyt on käytettävissä.
Kunhan HTML5 rantautuu ja selaimet alkavat tukea sitä 100% niin sitten on taas urakalla kokeiltavaa ja omaksuttavaa.
Aihe on jo aika vanha, joten et voi enää vastata siihen.