---
title: "tabell rams färg..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165835-tabell-rams-färg"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maggie"
published: "2007-10-26T06:43:19.000Z"
updated: "2007-10-29T09:01:34.000Z"
replies: 19
views: 635
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/165835-tabell-rams-färg"
---

# tabell rams färg...

## #1 — maggie, 2007-10-26T06:43Z

Har nyss lärt mig bygga hemsida använder xhtml. Det här är jättekul. Men har nu stött på ett problem. Vill ha en en speciell tabells ram färgad röd. Men när jag validerar får jag fel på det. Hur ska jag skriva in för att få det rätt.

Så här har jag gjort nu:

\<tr\>
\<td align="center" bordercolor="#ff00"\>\<h5\>\<font color="#000066"\>
\</font\>\</h5\>\</td\>
Finns det någon vänlig själ där ute???

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

## #2 — Gislaved, 2007-10-26T06:47Z

Brukar man inte använda antingen tre eller sex tecken för att ange en färg? 
\#ff00 borde bli #f00.

Men din kod verkar ha fler brister som gör att den inte går igenom valideringen. Varför använder du font-taggar? Testa att ange stilarna med CSS istället för att göra dem i HTML.

\<h5 style="color: #066;"\>Rubrik\</h5\> är snyggare. Ännu bättre är att lägga stilen i en separat CSS-fil. 

Ramar i CSS gör man med 
\#id_på\_element { border: 1px #066 solid; }

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

## #3 — maggie, 2007-10-26T06:53Z

Men Tck för otroligt snabb hjälp. Jag har förstått att jag borde skriva in det i css, men blir inte alla ramar röda då ?? vill ju bara att en ska vara det. Fattar inte riktigt, hur jag skriver i css och sen i xhtml. Kom ihåg attjag är nybörjare :)

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

## #4 — voigtann1, 2007-10-26T06:59Z

css:

```
.myRedBorder {
border: 1px solid #f00;
}
```

```
<table>
<tr>
<td class="myRedBorder">Röd!</td><td>Ingen röd border!</td>
</tr>
</table>
```

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

## #5 — oskars, 2007-10-26T07:04Z

Eller bara

```
<td style="border:1px solid #FF0000;"></td>
```

Fast voigtann1's förslag är snyggare! ( kolla voigtann1, jag fick till ditt namn nu :) )

EDIT: Whoops!

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

## #6 — voigtann1, 2007-10-26T07:07Z

> **oskars skrev:**
>
> Eller bara
> 
>
>
> ```
> <td style="background-color:#FF0000;"></td>
> ```
>
> 
> 
> Fast voigtann1's förslag är snyggare! ( kolla voigtann1, jag fick till ditt namn nu :) )

Rätt namn... fel lösning ;) background-color? ;)

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

## #7 — maggie, 2007-10-26T07:29Z

tack, men det funkar inte 

så här står det i index nu:
\<table width="130"  border="2" cellpadding="2" \>
\<tr\>
\<td class="myRedBorder"\>
Ridhuset kommer att ligga mellan stall och ridbana.
Tycker ni att vi ska börja gjuta nu?
\</td\>
\</tr\>
\</table\>

Och i css:
.myRedBorder {
border: 1px solid bordercolor:#003399
}

Bården blir inte röd, så jag måste ha gjort nått fel. Vill också att texten inn i tabellen ska vara liten, hur skriver jag in det. har du lust atthjälpa mig lite till...???

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

## #8 — voigtann1, 2007-10-26T07:30Z

vill du att alla td ska vara röda så ändra bara .myRedBorder till td i din css..
annars måste du placera "class="myRedBorder" i alla td du vill ha en röd ram runt ;)

eller om du vill att din \<table\> ska ha en röd ram så placera du class="myRedBorder" i din \<table\>

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

## #9 — oskars, 2007-10-26T07:38Z

> **maggie skrev:**
>
> tack, men det funkar inte 
> 
> .myRedBorder {
> border: 1px solid bordercolor:#003399
> }

```
border:1px solid #FF0000; 
font-size:0.1em;
```

Så vill du skriva :) La även in font-size:0.1em; Ändra 0.1 till önskad storlek :) Du kan ändra "em" till "px" eller "%", beroende på vad du tycker passar bäst! Det är olika sätt att mäta storleken på!

vogge, fredag idag eller? ;)

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

## #10 — voigtann1, 2007-10-26T07:43Z

TGIF
Om jag är trött: ja jag tog uppfattningen av att maggie använde min css ;) my bad:

```
<table width="130" border="2" cellpadding="2" >
	<tr>
		<td class="myRedBorder">
			Ridhuset kommer att ligga mellan stall och ridbana.
			Tycker ni att vi ska börja gjuta nu?
		</td>
	</tr>
</table>
```

Och i css:

```
.myRedBorder {
	border: 1px solid #003399;
}
```

Är det du är ute efter (dock kan du byta namn på myRedBorder till något mer passande färg val ;) ) 

```
<table width="130" border="2" cellpadding="2" >
	<tr>
		<td class="myBlueBorder">
			Ridhuset kommer att ligga mellan stall och ridbana.
			Tycker ni att vi ska börja gjuta nu?
		</td>
	</tr>
</table>
```

Och i css:

```
.myBlueBorder {
	border: 1px solid #003399;
}
```

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

## #11 — oskars, 2007-10-26T07:46Z

TGIF!

Du kan även utveckla "border" om du vill:

Så här får du en border i nederkant:

```
border-bottom:1px solid #FF000;
```

Så här får du en border på vänstersidan:

```
border-left:1px solid #FF000;
```

Så här får du en border på högersidan:

```
border-right:1px solid #FF000;
```

Samt på översidan:

```
border-top:1px solid #FF000;
```

Mycket användbart... Finns så klart även andra sätt att skriva det på, men det här är ganska enkelt att förstå sig på! :)

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

## #12 — maggie, 2007-10-26T07:49Z

suck... jag är verkligen nybörjare idag.... fattar ingenting. Snälla kolla min css och säg vad jag gjort för fel :

body {
background :#837AFB}

\#container
{
width: 100%;
margin: 10px auto;
background-color:#A8B0EE;
color:#00;
border: 0px solid gray;
line-height: 140%;
}

\#top
{
padding: .99em;
background-color:#837AFB;
border-bottom: 0px solid gray;
}

\#top h1
{
padding: 10;
margin: 10;
}

\#leftnav
{
float: left;
width: 70px;
margin: 0;
padding: 1em;
}

\#rightnav
{
float: right;
width:130px;
margin: 0;
padding: 1em;
}

\#content
{
margin-left: 160px;
border-left:0px solid gray;
margin-right: 160px;
border-right: 0px solid gray;
padding: 1em;
max-width: 40em;
}

border-top: 1px solid gray;
}

\#leftnav p, #rightnav p { margin: 0 0 1em 0; }
\#content h2 { margin: 0 0 .5em 0; }

A:link {font-weight:bold;color:#003399;font-family:Times New Roman; }
A:visited {font-weight:bold;color:#003399;font-family:Times New Roman;}
A:hover {font-weight:bold;color:}
\#table

.myRedBorder {
border: 1px solid #f00;
}

Alltså ni måste rätta mig tydligt, för jag är lite trög....:(

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

## #13 — tanten, 2007-10-26T07:53Z

Jag tror att du först ska ta bort border och cellpaddingen här
\<table width="130" border="2" cellpadding="2" \>
Det är inte riktigt tillåtet att ha det i xhtml.
\<table width="130"\>
Sedan går det nog lättare att se vad css gör med dina td:s

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

## #14 — Gislaved, 2007-10-26T08:00Z

Du har några småfel i din css också. 

\#table bör tas bort eller avslutas ordentligt.

\#content avslutar du två gånger

```
}

border-top: 1px solid gray;
}
```

Tag bort den första måsvingen så ska det nog fungera bättre.

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

## #15 — voigtann1, 2007-10-26T08:07Z

Gislaved skriver rätt här... och för att det är fredag:

```
body {
	background: #837AFB;
}
#container {
	width: 100%;
	margin: 10px auto;
	background-color: #A8B0EE;
	color: #00;
	border: 0px solid gray;
	line-height: 140%;
}

#top {
	padding: .99em;
	background-color: #837AFB;
	border-bottom: 0px solid gray;
}

#top h1 {
	padding: 10;
	margin: 10;
}

#leftnav {
	float: left;
	width: 70px;
	margin: 0;
	padding: 1em;
}

#rightnav {
	float: right;
	width: 130px;
	margin: 0;
	padding: 1em;
}

#content {
	margin-left: 160px;
	border-left: 0;
	margin-right: 160px;
	border-right: 0;
	padding: 1em;
	max-width: 40em;
	border-top: 1px solid gray;
}

#leftnav p, #rightnav p { 
	margin: 0 0 1em 0;
}
#content h2 {
	margin: 0 0 .5em 0;
}

A:link {
	font-weight: bold;
	color: #039;
	font-family: Times New Roman;
}
A:visited {
	font-weight: bold;
	color: #039;
	font-family: Times New Roman;
}
A:hover {
	font-weight: bold;
	color: #039;
}

.myRedBorder {
	border: 1px solid #f00;
}
```

Kämpa på! Ställ frågor om du inte vet svaren annars får du aldrig den kunskapen (y) heja!

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

## #16 — maggie, 2007-10-26T12:13Z

Ja nu fick jag till det så fint. Tusen tack. Men när jag laddade upp allt så syns ju inte ramarna ute på nätet, bara i min dator här. Vad är det då som är fel.... Suck varför funkar det inte nu, snart ger jag upp

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

## #17 — maggie, 2007-10-26T12:18Z

Oj vad pinsamt.... Nog för att jag är dum ibland... Måste ju ladda över css filen med. Nu är allt löst, skulle egentligen vilja haft lite snyggare ram runt tabellen, typ som nån skugga eller så. Men det tar vi sen.. Tack igen för all hjälp och ha en trevlig fredag.....

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

## #18 — Mr. N., 2007-10-26T12:28Z

Du kan ju testa olika ramvarianter utöver solid, finns en bunt:
<http://www.w3schools.com/css/tryit.asp?filename=trycss_border-style>

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

## #19 — maggie, 2007-10-26T15:52Z

men tack

nu har det blivit så fint. Tänk vad enkelt allting blir när man fattar. Tror jag börjar fatta detta med css lite bättre nu. Tänk vilket fantastiskt forum detta är....  Jag återkommer när jag går bet nästa gång.

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

## #20 — oskars, 2007-10-29T09:01Z

> **maggie skrev:**
>
> nu har det blivit så fint. Tänk vad enkelt allting blir när man fattar. Tror jag börjar fatta detta med css lite bättre nu. Tänk vilket fantastiskt forum detta är....  Jag återkommer när jag går bet nästa gång.

Visst är det? =) Gå in på <https://www.w3schools.com> och leta lite på CSS så hittar du fler godsaker! Sidan kan tyckas vara lite avancerad, men den är jävligt bra!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165835-tabell-rams-färg