---
title: "CSS nybörjare."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/104435-css-nybörjare"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mattiasnordin"
published: "2004-05-27T12:12:07.000Z"
updated: "2004-05-27T13:42:10.000Z"
replies: 9
views: 394
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/104435-css-nybörjare"
---

# CSS nybörjare.

## #1 — mattiasnordin, 2004-05-27T12:12Z

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 ?  :P

Permalänk: https://www.webforum.nu/p/104435

## #2 — Web-Tor, 2004-05-27T13:26Z

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>
```

Permalänk: https://www.webforum.nu/p/1354691

## #3 — mattiasnordin, 2004-05-27T13:28Z

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å? 

:)

Permalänk: https://www.webforum.nu/p/1354692

## #4 — mattiasnordin, 2004-05-27T13:30Z

```
<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".

Permalänk: https://www.webforum.nu/p/1354693

## #5 — Melea, 2004-05-27T13:31Z

Jo, eller skapar en class.

```
<style type="text/css">
input.bred {
	width: 100%;
}
</style>

<input type="text" name="foo" class="bred">
```

Permalänk: https://www.webforum.nu/p/1354694

## #6 — Melea, 2004-05-27T13:32Z

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.

Permalänk: https://www.webforum.nu/p/1354696

## #7 — mattiasnordin, 2004-05-27T13:33Z

Ahhhhaaaa (!) 

Det var så jag ville göra... Vad bra. Tack Melea & Tor :) :)

Permalänk: https://www.webforum.nu/p/1354697

## #8 — mattiasnordin, 2004-05-27T13:39Z

Följdfråga, om jag vill att ovan ska gälla en selectbox. Ska man skriva **select.bred{ xxxx }** då?

Permalänk: https://www.webforum.nu/p/1354698

## #9 — Melea, 2004-05-27T13:40Z

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>
```

Permalänk: https://www.webforum.nu/p/1354699

## #10 — mattiasnordin, 2004-05-27T13:42Z

Det lät ju smidigast. Jättenöjd :) !!!

Permalänk: https://www.webforum.nu/p/1354701

---

Tråden på webben: https://www.webforum.nu/amne/html-css/104435-css-nybörjare