webForumDet fria alternativet

Font problem!

6 svar · 513 visningar · startad av kovacz

kovaczMedlem sedan dec. 20063 inlägg
#1

Vill ha verdana 10px koden i css:en .. vad ska jag skriva? vill veta exakt.. om jag visar hur min css fil ser ut nu så: Hur ska den se ut med det jag ville lägga till? jag vill ändra vrinda till verdana och använda 10px!

BODY {
text-decoration: none;
color: #c9c9c9;
font-family: vrinda;

}
A:link {text-decoration: none; color: #B4EFC2;}
A:visited {text-decoration: none; color: #B4EFC2;}
A:active {text-decoration: none; color: #B4EFC2;}
A:hover {text-decoration: none; color: #FF6699;}
td { border: solid 0px #000000 }
td p { padding: 0px; }

kaxigtMedlem sedan okt. 2004636 inlägg
#2
body {font: normal 10px/1.5 verdana, times, sans-serif; color:#c9c9c9;}
a:link {text-decoration: none; color: #B4EFC2;}
a:visited {text-decoration: none; color: #B4EFC2;}
a:hover {text-decoration: none; color: #FF6699;}
a:active {text-decoration: none; color: #B4EFC2;}

a:active bör ligga omedelbart efter hover - tänk på det.
Det här ger en allmän formatering i hela body.

Vill du sedan ha specifika styckeindelningar som är formaterade kan du göra så här beroende på om du vill ha olika indrag etc i olika divar om du använder sådana.

#header p    {padding:5px 20px 15px 30px;background:transparent; color:#c9c9c9;}
#main p    {padding:5px 20px 15px 30px;background:transparent; color:#c9c9c9;}
#left p    {padding:5px 20px 15px 30px;background:transparent; color:#c9c9c9;}
#footer p    {padding:5px 20px 15px 30px;background:transparent; color:#c9c9c9;}

När du sedan skriver din text behöver du enbart göra detta mellan p-attributen <p>text här</p>.

Du kan även specifikt ange fonten för dina tabeller:

.td {font: normal 10px/1.5 verdana, times, sans-serif; color:#c9c9c9;
padding:5px 20px 15px 30px;}

Givetvis finns det fler sätt att ordna till det här men du har inte skickat med en länk så därför är det svårare att besvara.

mvh/Lena

kovaczMedlem sedan dec. 20063 inlägg
#3

https://www.kovacz.se , det ända jag behöver är en textstorlek till verdana texten.. den vägrar göra som jag säger :P Vill ha texten i 10 px verdana. funkar inte hur jag än vrider och vänder.

bossseMedlem sedan juni 2003772 inlägg
#4

Kopiera allt nedan och testa!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title></title> 
<style type="text/css"> 
BODY {
background-color:blue;
color: #c9c9c9;
font-family: verdana;
font-size:10px;
}
A:link, A:visited, A:active {text-decoration: none; color: #B4EFC2;}
A:hover {text-decoration: none; color: #FF6699;}
td { border: solid 0px #000000 } 
td p { padding: 0px; } 
</style> 
</head>
<body>
Typsnitt Verdana, storlek 10px, text-decoration behövs ej då den är none. Detta gäller bara för body.
<br><br>
Storlek och typsnitt kommer också att gälla för länkarna, bara färgen ändras.
<br>
Sedan har jag förenklat din css för länkarna, blir samma resultat.
<br><br>
<a href=http://norrtalje.web.surftown.se>Klicka</a>
<br><br>
Läs mer om fontegenskaper
<br>
<a href=http://vonpepel.com/ref/css/font.html> HÄR </a>
</body>
</html>
kovaczMedlem sedan dec. 20063 inlägg
#5

Bossse, jag la den i css:en nu. Funkar dock inte.

tantenMedlem sedan nov. 20051 596 inlägg
#6

Det var en väldans taggsoppa milt sagt.
Att den inte fungerar beror på att css-n ligger i en egen ram utan koppling till alla de andra ramarna.
Du får fixa till alla includes först eller vad det är...
Sidan ska börja med doctype nu börjar den med <meta>
head finns långt ner på sidan och ...
Titta på källan och försök fixa så du bara får en <html> en <head> och en <body> sedan kan din css kanske börja fungera.

bossseMedlem sedan juni 2003772 inlägg
#7

Lägg in detta direkt innan </HEAD>

<link rel=stylesheet type="text/css" href="style.css">

Din "style.css" ska väl sedan se ut så här

BODY {
background-color:#c9c9c9;
color: #c9c9c9;
font-family: verdana;
font-size:10px;
}
A:link, A:visited, A:active {text-decoration: none; color: #B4EFC2;}
A:hover {text-decoration: none; color: #FF6699;}
td {font-family: verdana;font-size:10px; border:0 } 
td p {font-family: verdana; font-size:10px;padding:0;}

Ta sedan bort dina övriga css-deklarationer i html-sidan.

130 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)