---
title: "Stylesheet - ser för jävligt ut"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/123683-stylesheet-ser-för-jävligt-ut"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "medialabs"
published: "2005-03-03T19:57:09.000Z"
updated: "2005-03-13T18:10:38.000Z"
replies: 2
views: 306
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/123683-stylesheet-ser-för-jävligt-ut"
---

# Stylesheet - ser för jävligt ut

## #1 — medialabs, 2005-03-03T19:57Z

Har fått upp ögona för att förbättra och om möjligt förminska css-koden och kanske till och med göra den användarvänlig?

Som den är nu kan inte användaren själv ändra storleken i sin webbläsare. Och jag tycker själv att texten är kanske i det minsta laget. Vänder mig till Er som vet hur man kodar css på rätt sätt och gör den mer användarvänlig!

Har hört att man ska använda sig av em istället för px eller pt.

```
	/* ****************** Body *************** */
	
	body {
	
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000000; 
	text-decoration: none; 
	font-size: 10px; 

	margin-left: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;

	}

	/* ****************** Tabell *************** */

	table {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #000000;
	
	}

	td {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #000000;

	}

	tr {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	color: #000000;
	
	}

	/* ****************** Rubrikegenskaper + textformatering *************** */

	.NewsHead {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;	
	font-weight: bold;
	color: #498ba4;
	text-decoration: none

	}

	.CopyrightFooter {
	font-family: Small Fonts,sans-serif; 
	font-size: 8px;
	color: #000000;
	line-height: 12px;
	position: relative;
	top: -2px;
	
	}

	#meny {
	background-color: #8B9DB5;
	margin: 0;
	padding: 0;

	}

	#meny li {
	display: inline;
	background: url(/images/meny_pil.gif) left center no-repeat;
	padding-left: 15px;
	font-weight: bold;

	}

	.meny:visited {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	
	}

	.meny:link {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
	
	}

	.meny:hover {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #566577;
	text-decoration: none;
	font-size: 10px;
	
	}

	.Sidverktyg:visited {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #38414A;
	text-decoration: none;
	font-size: 10px;

	}

	.Sidverktyg:link {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #38414A;
	text-decoration: none;
	font-size: 10px;

	}

	.Sidverktyg:hover {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #000000;
	text-decoration: underline;
	font-size: 10px;
	
	}

	.News:visited {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #38414A;
	text-decoration: none;
	font-size: 10px;
	
	}
	
	.News:link {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #38414A;
	text-decoration: none;
	font-size: 10px;

	}
	
	.News:hover {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #566577;
	text-decoration: none;
	font-size: 10px;
	
	}

	a:visited {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #993333;
	text-decoration: underline;
	font-size: 10px;
	
	}
	
	a:link {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #993333;
	text-decoration: underline;
	font-size: 10px;

	}
	
	a:hover {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #993333;
	text-decoration: underline;
	font-size: 10px;
	
	}
```

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

## #2 — frankof, 2005-03-03T20:01Z

Procent?

```
font-size: 50%;
```

Skall väl motsvara hälften av "browser default"

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

## #3 — AndreasC, 2005-03-13T18:10Z

Har också mycket css på sidan och som sagt så kan man inte ändra storlek på texten utan den är låst.

Men när man ändrar textstorleken så flyttar ju allt om sig på sidan typ bilder och liknande. Naturligtvis är ju detta något man får koda på ett sådant sätt så man ska kunna ändra storlek på teten utan att allt annat flyttar om sig, men ändå.

Vet inte om det uppfattas som frustrerande eller liknande för en användare att inte kunna ändra storlek på texten? Hur funkar det med det? Texten blir ju naturligtvis olika stor på olika skärmar beroende på vad man har för upplösning så jag vet inte hhur man ska lösa det, om man ska låta det vara låst eller göra så man kan ändra storleken.

Vad gäller em istället för px låter ju intressant. Vad jag hört så ska man inte använda pt överhuvudtaget utan köra med px rakt över eftersom Mac tar det bättre. Vet inget om em.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/123683-stylesheet-ser-för-jävligt-ut
