webForumDet fria alternativet

Blir grafik fel.

HTML & CSS

9 svar · 274 visningar · startad av Bosse168

Medlem sedan nov. 20031 018 inlägg
Frågan#1

Någon som vet vad det är för fel i min Stylesheet?
Om man surfar runt en stund (i explorer ej i Opera) på min sida så blir grafiken och texten helt cpig, bilder försvinner och texten skiftar mellan olika storlekar utan att man gör något förutom att flytta på musen.
Någon vänlig själ där ute som skulle vilja kolla igenom och se om dom kan hitta något fel.

koden som länkar till stylesheeten:
<link href="style.css" type type="text/css" rel="stylesheet" rev="stylesheet">

Filen style.css:

BODY 
{
scrollbar-3dlight-color: #B5BEC9; scrollbar-dark-shadow-color: #ACB6C2;
scrollbar-face-color: #ACB6C2;
scrollbar-highlight-color: #ffffff;
scrollbar-track-color: #ACB6C2;
COLOR: #000000;
    FONT-FAMILY: verdana,arial,helvetica;
    FONT-SIZE: 11px;
margin-top:2px;
margin-left:0px;
margin-right:0px;
}

A, P, BODY, INPUT, OPTION, TEXTAREA, TABLE, TD, TR
{
font-size:11px;
font-family:verdana,arial,helvetica
}

hr {color: #FFFFFF;border:1px dotted #717171;height:1px;}
A{COLOR: #000099;TEXT-DECORATION:none;Cursor:url(finger.cur);}
A:hover{TEXT-DECORATION:underline}
SELECT
{
    BACKGROUND: #eeeeee;
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    COLOR: #000000;
    FONT: 11px verdana,arial,helvetica
}

.NewsBox {background: #eeeeee; font-size: 11px; color: #000000;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.fPricelistBox {background: #ffffff; font-size: 11px; color: #000000;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.forumtr{background-color:#DCE7ED}
.forumtrb{background-color:#FFFFFF}
img{border-color="#000000"}

.dlgLabel
{
font-size: 9pt;
font-family: Verdana, Arial, Geneva, sans-serif;
font-weight: bold;
color: black;
border-bottom: 1px solid #CCCCCC;
padding-top: 6px;
padding-bottom: 3px;
vertical-align: top;
}
.table
{
    BACKGROUND: #eeeeee;
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    COLOR: #000000;
    FONT: 11px verdana,arial,helvetica
}
.dlgText
{
font-size: 9pt;
font-family: Verdana, Arial, Geneva, sans-serif;
border-bottom: 1px solid #CCCCCC;
padding-left: 4px;
padding-top: 6px;
vertical-align: top;
}
.dlgRow
{
font-size: 9pt;
font-family: Verdana, Arial, Geneva, sans-serif;
color: black;
padding-left: 4px;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #CCCCCC;
vertical-align: top;
}
Medlem sedan nov. 20031 018 inlägg
#2

Ingen som vet vad som är fel i min css fil?

Medlem sedan nov. 200013 890 inlägg
#3

Länk till sidan?

Medlem sedan nov. 20031 018 inlägg
#4

Sidan ligger nere för tillfället tills detta problem är fixat.

Medlem sedan nov. 200013 890 inlägg
#5

Det är ju inte säkert att felet ligger i din CSS-fil utan det kan lika gärna vara fel i HTML-koden eller i din webbläsare. Svårt att veta utan att få tillgång till hela sidan.

Medlem sedan nov. 20031 018 inlägg
#6

Använder ramar och det är inget fel med HTML koden.

Medlem sedan nov. 200013 890 inlägg
#7

Hur vet du att det inte är några fel i HTML-koden eller webbläsaren?
Har du validerat HTML-koden?

Den här raden är fel:

img{border-color="#000000"}
Medlem sedan juli 20013 378 inlägg
#8

Är inget större fel på resten av CSS:en heller...

Kommenterade bort scrollbar-koden (MSIE-specifik) och validerade CSS:en på W3C - och den innehåller bara två småfel:

A{COLOR: #000099;TEXT-DECORATION:none;[b][red]Cursor:url(finger.cur);[/red][/b]}
...
...
...
img{border-color[b][red]="#000000"[/red][/b]}

Om cursor: - du måste ha en av de "inbyggda" markörerna sist i deklarationen. Exempel:

cursor:url(finger.cur), pointer;

(se http://www.w3.org/TR/CSS2/ui.html#cursor-props)

Jag undrar (också ;) ) om inte dina problem kommer sig av andra orsaker än just HTML/CSS-koden...

Medlem sedan juni 2003771 inlägg
#9

Helt riktigt Web-Tor!

Bör väl se ut så här i stället.

img{border:2px solid #000000}

Anges en färg på ramen så måste den också ha en tjocklek.

Sedan bör man alltid ha font-family först, sedan fonterna och storleken.

Sedan har du deklarerat font-size med px på något ställe och med pt på andra.

Vet inte om det är anledningen, men det var i vart fall det ja la märke till.

Medlem sedan sep. 20021 655 inlägg
#10

bossse skrev:

Helt riktigt Web-Tor!

Bör väl se ut så här i stället.

img{border:2px solid #000000}

Anges en färg på ramen så måste den också ha en tjocklek.

Det är faktiskt inte sant.
Standardvärdet för border-width är nämligen medium.
Det räcker att ange något annat än border-style: none för att få fram en kantlinje, t ex:

<span style="border: dotted; color: blue">Prickad, blå linje runt blå text</span>

http://www.w3.org/TR/CSS2/box.html#border-properties

bossse skrev:

Sedan bör man alltid ha font-family först, sedan fonterna och storleken.

Det finns ingenting som säger att du måste ange font-family innan font-size.
Tvärtom är du, om jag läser specifikationen rätt, tvungen att ange font-size före font-family, ifall du använder dig av kortformen font.

http://www.w3.org/TR/CSS2/fonts.html#font-shorthand

261 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)