Vad menar du med "formulär"? Är det <form>-taggar eller det som ligger i form (input, select o.s.v)
Så här skriver du i alla fall för att få alla <input>-taggar att bli 100%.
<style type="text/css">
<!--
input {
width: 100%;
}
-->
</style>
9 svar · 394 visningar · startad av mattiasnordin
Hej alla.
Jag tänkte att det var dags att förstå lite hur CSS fungerar. Har en sida med en MASSA formulär på. Tidigare så har jag lagt till en style="widht:100%; etc etc... " tag på alla formulär. Det fungerar ju bra men det blir inte så enkelt att ändra om vi säger att jag bestämmer mig för att bredden ska vara 90% helt plötsligt.
Antar att man kan göra något med en mall typ:
<style type="text/css">
<!--
...
-->
</style>
och sedan anropa denna på något sätt från varje formulär? Har sökt lite men ett exempel får mig nog att förstå syntaxen lite snabbare.
Finns det några hjältar online ?
Vad menar du med "formulär"? Är det <form>-taggar eller det som ligger i form (input, select o.s.v)
Så här skriver du i alla fall för att få alla <input>-taggar att bli 100%.
<style type="text/css">
<!--
input {
width: 100%;
}
-->
</style>
Helt riktigt. Det är precis så jag vill ha det.
Hur gör jag för att bara vissa ska få den egenskapen. Lägger man till style="xxxx" i dessa då?
<style type="text/css">
<!--
.MyFormText {
color: gray;
font-family: arial;
font-size: 8pt;
}
-->
</style>
Jag har använt mig av <font class="MyFormText"> xxxx </font> för att formatera mina fonter.
Det fungerar men jag vet inte om det är "best practice".
Jo, eller skapar en class.
<style type="text/css">
input.bred {
width: 100%;
}
</style>
<input type="text" name="foo" class="bred">
Det funkar utmärkt att köra med <font>-taggarna så länge du inte använder
XHTML strict, om jag inte missminner mig.
Kör då istället med p, div, li eller dyl.
Följdfråga, om jag vill att ovan ska gälla en selectbox. Ska man skriva select.bred{ xxxx } då?
Ja, eller så tar du bara bort input och skriver
<style type="text/css">
.bred {
width: 100%;
}
</style>
<input type="text" name="foo" class="bred">
<select name="foo2" class="bred">
<option>Value 1</option>
<option>Value2</option>
</select>
Det lät ju smidigast. Jättenöjd !!!