---
title: "border"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/107476-border"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "aleborg"
published: "2004-07-16T14:49:36.000Z"
updated: "2004-07-17T00:40:58.000Z"
replies: 15
views: 375
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/107476-border"
---

# border

## #1 — aleborg, 2004-07-16T14:49Z

Sitter med en meny men det vill sig inte som jag vill:
<https://windows.kontrollpanelen.se/test/html/>
menyn till vänster rör på sig vid "hover", så här ser klassen ut:

```
A.Sub:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	background-color:#F2F7FF;
	display: block; 
	width: 95%; 
	height: 100%; 
	}
```

hur får man menyobjekten att vara still?

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

## #2 — silfver, 2004-07-16T14:53Z

Eftersom det inte är några borders när man inte har musen över så kanske du borde göra så att det är borders även när man inte har musen över. 

```
a.Sub {
border: 1px solid transparent;
}
```

Borde väl göra susen?

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

## #3 — frankof, 2004-07-16T14:53Z

Det är väl inte så konstigt ;)
Du lägger ju till en border vid hoover, och den kräver ju lite plats.
Lägg till border även på a.sub, fast "osynlig"(transparent)

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

## #4 — aleborg, 2004-07-16T14:59Z

hjälpte tyvärr inte :(

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

## #5 — Gislaved.net, 2004-07-16T15:03Z

Det fungerar här i alla fall.

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

## #6 — frankof, 2004-07-16T15:03Z

Är "a.sub" och "a.sub:hover" identiska frånsett border?
Saknas en "border-style:solid;" i "A.Sub:link"

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

## #7 — aleborg, 2004-07-16T15:10Z

Så här ser det ut nu:

```
.Sub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	background-color:transparent;
	display: block; 
	width: 95%; 
	height: 100%; 
}
A.Sub:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	background-color:transparent;
	display: block; 
	width: 95%; 
	height: 100%; 
}
A.Sub:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	background-color:transparent;
	display: block; 
	width: 95%; 
	height: 100%; 
}
A.Sub:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	background-color:#F2F7FF;
	display: block; 
	width: 95%; 
	height: 100%; 
	}
A.Sub:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	border-style:solid;
	border-width:1px;
	border-color:transparent;
	background-color:#transparent;
	display: block; 
	width: 95%; 
	height: 100%; 
	font-weight:bold;
}
```

och så här ser det ut nu:
<https://windows.kontrollpanelen.se/test/html/>

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

## #8 — silfver, 2004-07-16T15:11Z

Funkar prima för mig. :)
(i Firefox)

Nu när jag kollade i IE så ser det riktigt annorlunda ut. Du borde ta en titt i Firefox, om du inte gjort det. Eller vise versa.

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

## #9 — frankof, 2004-07-16T15:12Z

Ja, nu står dom still i moz åminstonde ;)

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

## #10 — aleborg, 2004-07-16T15:12Z

inte i IE6

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

## #11 — aleborg, 2004-07-16T15:13Z

nu finns border hela tiden runt :(

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

## #12 — silfver, 2004-07-16T15:13Z

> **aleborg skrev:**
>
> inte i IE6

I mitt IE6 står det still. :e

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

## #13 — silfver, 2004-07-16T15:15Z

> **aleborg skrev:**
>
> nu finns border hela tiden runt :(

[Ta en titt här.](http://jigsaw.w3.org/css-validator/validator?text=.Sub+%7B%0D%0A%09font-family%3A+Verdana%2C+Arial%2C+Helvetica%2C+sans-serif%3B%0D%0A%09font-size%3A+10px%3B%0D%0A%09color%3A%23000000%3B%0D%0A%09text-decoration%3A+none%3B%0D%0A%09border-style%3Asolid%3B%0D%0A%09border-width%3A1px%3B%0D%0A%09border-color%3Atransparent%3B%0D%0A%09background-color%3Atransparent%3B%0D%0A%09display%3A+block%3B+%0D%0A%09width%3A+95%25%3B+%0D%0A%09height%3A+100%25%3B+%0D%0A%7D%0D%0AA.Sub%3Alink+%7B%0D%0A%09font-family%3A+Verdana%2C+Arial%2C+Helvetica%2C+sans-serif%3B%0D%0A%09font-size%3A+10px%3B%0D%0A%09color%3A%23000000%3B%0D%0A%09text-decoration%3A+none%3B%0D%0A%09border-style%3Asolid%3B%0D%0A%09border-width%3A1px%3B%0D%0A%09border-color%3Atransparent%3B%0D%0A%09background-color%3Atransparent%3B%0D%0A%09display%3A+block%3B+%0D%0A%09width%3A+95%25%3B+%0D%0A%09height%3A+100%25%3B+%0D%0A%7D%0D%0AA.Sub%3Avisited+%7B%0D%0A%09font-family%3A+Verdana%2C+Arial%2C+Helvetica%2C+sans-serif%3B%0D%0A%09font-size%3A+10px%3B%0D%0A%09color%3A%23000000%3B%0D%0A%09text-decoration%3A+none%3B%0D%0A%09border-style%3Asolid%3B%0D%0A%09border-width%3A1px%3B%0D%0A%09border-color%3Atransparent%3B%0D%0A%09background-color%3Atransparent%3B%0D%0A%09display%3A+block%3B+%0D%0A%09width%3A+95%25%3B+%0D%0A%09height%3A+100%25%3B+%0D%0A%7D%0D%0AA.Sub%3Ahover+%7B%0D%0A%09font-family%3A+Verdana%2C+Arial%2C+Helvetica%2C+sans-serif%3B%0D%0A%09font-size%3A+10px%3B%0D%0A%09color%3A%23000000%3B%0D%0A%09text-decoration%3A+none%3B%0D%0A%09border-style%3Asolid%3B%0D%0A%09border-width%3A1px%3B%0D%0A%09border-color%3A%23999999%3B%0D%0A%09background-color%3A%23F2F7FF%3B%0D%0A%09display%3A+block%3B+%0D%0A%09width%3A+95%25%3B+%0D%0A%09height%3A+100%25%3B+%0D%0A%09%7D%0D%0AA.Sub%3Aactive+%7B%0D%0A%09font-family%3A+Verdana%2C+Arial%2C+Helvetica%2C+sans-serif%3B%0D%0A%09font-size%3A+10px%3B%0D%0A%09color%3A%23000000%3B%0D%0A%09text-decoration%3A+none%3B%0D%0A%09border-style%3Asolid%3B%0D%0A%09border-width%3A1px%3B%0D%0A%09border-color%3Atransparent%3B%0D%0A%09background-color%3A%23transparent%3B%0D%0A%09display%3A+block%3B+%0D%0A%09width%3A+95%25%3B+%0D%0A%09height%3A+100%25%3B+%0D%0A%09font-weight%3Abold%3B%0D%0A%7D&usermedium=all)
**r/** Men vaf\*n. Länken strular. Validera din CSS så ser du felen. <http://jigsaw.w3.org/css-validator/>

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

## #14 — frankof, 2004-07-16T15:16Z

Har inte med olika modes att göra då? (IE i "quirks" moz i "standard")

R: din css-fil innehåller även "\<style type="text/css"\>
\<!--
 \--\>
\</style\>" 
Onödigt (kan även störa(?)) tabort

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

## #15 — Tinwëlint, 2004-07-16T15:48Z

Om jag vill ha border på hover men inte annars brukar jag istället för att sätta en border med samma färg som bakgrunden eller så öka min margin (eller lägga till margin) såhär:

```
a {
padding: 5px;
margin: 10px;
background #999;
}

a:hover {
margin: 9px;
border: 1px solid #000;
}
```

Det är ju mycket bättre än att sätta en "osynlig" border.

aleborg, utan att ha testat så har jag fixat till din css lite. Det här blir samma sak som det du skrev innan:

```

a.sub {/*.sub låg ska väl bara ligga på a-elementet? */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#000000;
text-decoration: none;
background-color: transparent;
display: block;
width: 95%; 
height: 100%; 
margin: 1px; /* håller plats åt bordern */
}

/* om man inte anger något för :link så blir det samma som man har satt på a.sub 
samma sak gäller :visited, den ärvs från a.sub */

a.sub:hover {
border: 1px solid #999; /*sammandragning av de olika border-egenskaperna*/
background-color:#F2F7FF;
margin: 0px;
}

/*här räcker det att ange skillnaderna mot deklarationen av a.sub. Resten ärvs */

/*:active hade precis samma egenskaper som a.sub och behöver inte heller upprepas */
```

Hoppas att det fungerar.

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

## #16 — Nexus86, 2004-07-17T00:40Z

\[OT\]

Hittade något annat roligt. :)

När man drar musen över "Change language" och sedan bort igen så växer den på höjden. Gör man det tillräckligt många ggr så blir den sketastor. :P

\[/OT\]

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/107476-border