Citat:
|
Ursprungligen postat av Magnus_A
Enklast är bäst:
gör en lista av alla rader med inputelement.
sätt en lagom width på listelementen
sätt bilden lös efter inputelementet med align=right.
|
Nu frågade ju inte
Chidori efter den simplaste lösningen utan efter hur man kan förbättra koden.
Om man vill minska ner koden så går det ju utmärkt att använda:
Kod:
<label>Land: <input type="text" name="land" value="Sverige"/><span title="Välj land"></span></label>
Och fortfarande vara semantisk.
Citat:
Originally posted by -Magnus_A@Feb 26 2009, 15:19
BAkgrundsbilder är säkert bra men är svåra att sätta tooltip på.
|
Bakgrunden sätter du på span-elementet och bibehåller möjligheten att ändra samtliga ?-symboler i formuläret (eller till och med i samtliga formulär).
list-element skulle jag reservera för liknande behov:
Kod:
<ul>
<li><label><input type="radio" name="val" value="a"/> Sematisk design är toppen</label></li>
<li><label><input type="radio" name="val" value="b"/> Tabeller är guld värda, desto fler desto bättre</label></li>
</ul>
(en
lista av alternativ)
Citat:
|
Ursprungligen postat av Magnus_A
PS2: vill du ha tooltip så sätter du en title på bilden med den text du önskar, alternativt gör ett block synligt med onmouseover på bilden och osynligt med onmouseout.
googla på tooltip och javascript.
|
Jag gav ju ett komplett exempel ovan på hur man gör "tooltip" i inlägget ovan utan att behöva ens krångla med javaskript. Enklast kanske är bäst trots allt…
(Men för all del - det går ju att göra även som
Magnus_A föreslår men det är knappast särskilt mycket enklare när väl all css och javascript kommer till.)