Stylesheet - ser för jävligt ut

medialabsMedlem sedan mars 20023 686 inlägg

Frågan3 mars 2005 19:57#1

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;
	
	}

frankofMedlem sedan jan. 20016 874 inlägg

3 mars 2005 20:01#2

Procent?

font-size: 50%;

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

AndreasCMedlem sedan mars 20011 964 inlägg

13 mars 2005 18:10#3

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.