Avatar billede 44fire44 Nybegynder
06. marts 2002 - 18:39 Der er 48 kommentarer og
1 løsning

Problem med CSS-fil.

Hej. Jeg har et problem med en CSS fil på min hjemmeside www.get-ready.dk.

Hvis i ser i menuen, så skal (fx. punktet "snydekoder") gå HELT ud i resten at tablen (jeg kører et templatesys)

Min Css-fil er således:
------------------------------------------------------------------

td {
  font-family: Verdana;
  color:#FFFFFF;
  font-size: 12px;
}

td.copy {
  font-family: Verdana;
  color:#FFFFFF;
  font-size: 10px;
}

td.main {
  background-color: #999966;
 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;

}

body {
  font-family: Verdana;
  color:#FFFFFF;
  font-size: 12px;
}

table.menu {border: 0px solid #999966;}


td.menu, .overskrift {font: normal 12px verdana;text-align: center;border: 0px solid #666633;}

a.menupunkt {
    text-decoration: none;
    background-color: #CCCC96;
    color: #666633;
    line-height: 16px;
    width:100%;
}

a.menupunkt:hover {
    text-decoration: none;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #00325F;
    border-top : 1px thin #369b36
    border-left : 1px thin #369b36
    border-bottom : 1px thin #369b36
    display: block;
    width:98%;
}

.overskrift {
    background-color: #666633;
    color: #CCCC99;
    border: 1px solid #666633;
    line-height: 16px;
    font-weight:bold;
}

hr {
    height:2px;
    color:#CCCC96;
    width:120px;
    border:dotted;
}

a {
  text-decoration:none;
  color:#ffffff;
}

a:hover {
  font-weight:bold;
}

body {
  scrollbar-3d-light-color: #CCCC66;
  scrollbar-arrow-color:#CCCC66;
  scrollbar-base-color: #666633;
  scrollbar-dark-shadow-color:#FFFFFF;
  scrollbar-face-color: #999966;

}

input, textarea, option, select {
    border : 1px dotted #666633;
    background-color : transparent;
    color:#FFFFFF;
}

----------------------------------------------------------------

Mvh Kenneth Jensen
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 18:40 #1
jeg tror at problemet ligger her i:

a.menupunkt {
    text-decoration: none;
    background-color: #CCCC96;
    color: #666633;
    line-height: 16px;
    width:100%;
}

a.menupunkt:hover {
    text-decoration: none;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #00325F;
    border-top : 1px thin #369b36
    border-left : 1px thin #369b36
    border-bottom : 1px thin #369b36
    display: block;
    width:98%;
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 18:41 #2
kan det være fordi jeg mangler ";" her?:



    border-top : 1px thin #369b36
    border-left : 1px thin #369b36
    border-bottom : 1px thin #369b36
Avatar billede Slettet bruger
06. marts 2002 - 18:53 #3
alle steder du har flere linier meller {} skal hver linie slutte med ;
Avatar billede karstenh Nybegynder
06. marts 2002 - 18:56 #4
Generelt skal du altid afslutte dine argumenter med ;, ja.
og dine definitions med tuborgklamme, selvf'lgelig.
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 19:09 #5
ok.. men det virker stadig ik'
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 19:10 #6
jeg tror at det er denne linie der er forkert..:

    display: block;
Avatar billede Slettet bruger
06. marts 2002 - 19:20 #7
her kan du se hvilke fejl i validator finder i dit dokument:
1.

http://www.htmlhelp.com/cgi-bin/csscheck.cgi?url=http%3A%2F%2Fwww.get-ready.dk.%2Fgetready.css&warnings=yes&input=yes

2.

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.get-ready.dk.%2Fgetready.css&warning=1&profile=css2

det der er advarsler betyder intet, men der hvor der er fejl, gør at dit dokument ikke virker
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 19:26 #8
og fejlen er???
Avatar billede Slettet bruger
06. marts 2002 - 19:27 #9
det står der da sort på hvidt:

Errors
URI : http://www.get-ready.dk./getready.css
Line: 46 Context : a.menupunkt:hover
Invalid number : border-topToo many values or values are not recognized : 1px thin #369b36

Line: 47 Context : a.menupunkt:hover
Invalid number : border-leftToo many values or values are not recognized : 1px thin #369b36

Line: 48 Context : a.menupunkt:hover
Invalid number : border-bottomToo many values or values are not recognized : 1px thin #369b36
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 19:29 #10
Avatar billede Slettet bruger
06. marts 2002 - 19:32 #11
okay, hvilke dele af din css virker ikke siger du ?, nævn det hele tak *SS*
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 19:35 #12
1. menupunkterne skal gå HELT ud til siderne op ikke bare over teksten (ordnes med "display: block;")

2. scroolbarren vil ikke skifte farve

3. jeg kan ikke finde fejlen i:

a.menupunkt:hover {
    text-decoration: none;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #00325F;
    border-top : 1px thin #369b36
    border-left : 1px thin #369b36
    border-bottom : 1px thin #369b36
    display: block;
    width:98%;
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 19:36 #13
joo. der mangler ";" men hvad ellers?
Avatar billede Slettet bruger
06. marts 2002 - 19:38 #14
scroll-baren skal vel være samme farve som siden ???

isåfald, er den det
Avatar billede 44fire44 Nybegynder
06. marts 2002 - 19:41 #15
jaa. det skal den, men det er den ik'
Avatar billede Slettet bruger
06. marts 2002 - 19:44 #16
hvilken browser kører du om jeg må spørge ???

i IE 5.5 er den din baggrundsfarve samt din rammefarve

angående din menu, det du vil med den er at fjerne det mellemrum du har mellem cellekanten og menupunkterne hvis jeg forstår dig ret
Avatar billede Slettet bruger
06. marts 2002 - 19:52 #17
men du kan jo ikke forvente at din display:block; virker når du bagefter angiver at den skal være 98 % i brede, eller oxo forstår jeg bare ikke en dyt af hvad du vil &:-D
Avatar billede Slettet bruger
06. marts 2002 - 19:54 #18
hey, er du der, eller sidder jeg og snakker med mig selv ??
Avatar billede 44fire44 Nybegynder
07. marts 2002 - 18:53 #19
nope.. jeg er her nu..

jeg kører IE 6.0.

jeg vil ikke have RAMMEN til at blive større..


Kan du se teksten i menuerne?? den farve er lysere end  baggrunden. tekst-"ramme"-"feltet" skal være lige så stort som de 98%.
Avatar billede 44fire44 Nybegynder
17. marts 2002 - 19:14 #20
questis -> er DU der??
Avatar billede Slettet bruger
17. marts 2002 - 19:17 #21
jepz soory, kigge lige på det igen *SS*
Avatar billede Slettet bruger
17. marts 2002 - 19:21 #22
okay, dvs. vi har kun et problem (da din scrollbar er den rigtige farve i min browser), altså din menu, kigge lige på standarden for at finde en eventuelt fejl
Avatar billede Slettet bruger
17. marts 2002 - 19:40 #23
okay, jeg har sagt det før, og nu siger jeg det igen, ret ALLE dine fejl i din css. der ufatlig mange. har lige siddet og kigget på det.

til at rette dem kan du bruge disse adresser:
http://www.zvon.org/xxl/css1Reference/Output/index.html
og
http://zvon.org/xxl/CSS2Reference/Output/index.html

jeg er klar når du har rettet dem, men gider simpelt hen ikke og side og lede efter en fejl, der måske er rette når du rette de andre.

mvh.
questis.dk
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 16:40 #24
jeg finder en anden der GIDER rette dem for mig!
Avatar billede Slettet bruger
29. marts 2002 - 16:44 #25
Okay, har gidet dig hele vejen igennem uden at du selv har rette en eneste, har måske snart brugt 4-5 timer på dette spørgsmål, og intet som tak. ikke engang ordet tak.

kan godt forstå de debatter der er på denne side efterhånden. igen tænker på den tid man bruger på dem
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 16:54 #26
undskyld.. jeg er bare irreterret over at jeg intet har fået ud at mit spm.

jeg har spurgt over 50 personer, om de ved hvad der er galt. det eneste jeg ved, er at det virker i IE. 5.5 jeg er = 0 til CSS, det er en anden der har lavet min CSS-fil. og han ved heller ikke hvad der er galt. jeg har fået det til at virke så det blå kommer der hvor det skal være.

jeg ved intet om CSS, men jeg tror at fejlen skal findes i =


    a.menupunkt:hover {
        text-decoration: none;
        font-weight:bold;
        color: #FFFFFF;
        background-color: #00325F;
        border-top : 1px thin #369b36;
        border-left : 1px thin #369b36;
        border-bottom : 1px thin #369b36;
her->    display: block;
        width:98%;
Avatar billede Slettet bruger
29. marts 2002 - 16:57 #27
ok, 2 sekunder
Avatar billede Slettet bruger
29. marts 2002 - 17:01 #28
ok, har lidt tekst til dig her, som måske forklarer problemet....

<tekst>
This property describes how/if an element is displayed on the canvas (which may be on a printed page, a computer display etc.).

An element with a 'display' value of 'block' opens a new box. The box is positioned relative to adjacent boxes according to the CSS . Typically, elements like 'H1' and 'P' are of type 'block'. A value of 'list-item' is similar to 'block' except that a list-item marker is added. In HTML, 'LI' will typically have this value.

An element with a 'display' value of 'inline' results in a new inline box on the same line as the previous content. The box is dimensioned according to the formatted size of the content. If the content is text, it may span several lines, and there will be a box on each line. The margin, border and padding properties apply to 'inline' elements, but will not have any effect at the line breaks.

A value of 'none' turns off the display of the element, including children elements and the surrounding box.

      P { display: block }
      EM { display: inline }
      LI { display: list-item }
      IMG { display: none }
     
The last rule turns off the display of images.

The initial value of 'display' is 'block', but a UA will typically have default values for all HTML elements according to the suggested rendering of elements in the HTML specification .

CSS1 core: UAs may ignore 'display' and use only the UA's default values.
</tekt>

kunne forestille mig at det er fordi den ikke er brugt i forbindelse med en af følgende:
<p
<Em
<li
<img
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:04 #29
her er koden der hvor jeg bruger den:


<table cellpadding="0" cellspacing="0" border="0" class="menu" width="120" style="border-collapse:collapse">
<tr><td><div class=overskrift>.::MENU::.</div></td></tr>
<tr><td class=menu><a href="index.php" class=menupunkt>Main</a></td></tr>
<tr><td class=menu><a href="index.php?id=snydekoder/snyd.html" class=menupunkt>Snydekoder</a></td></tr>
<tr><td class=menu><a href="index.php?id=midi/midi.html" class=menupunkt>Midifiler</a></td></tr>
<tr><td class=menu><a href="index.php?id=billeder/billeder.html" class=menupunkt>Billeder</a></td></tr>
</table>
Avatar billede Slettet bruger
29. marts 2002 - 17:11 #30
Kunne det ikke skrives sådanne?:
<table cellpadding="0" cellspacing="0" border="0" class="menu" width="120" style="border-collapse:collapse">
<tr><td><div class=overskrift>.::MENU::.</div></td></tr>
<tr><td class=menu><a href="index.php" class=menupunkt>Main</a></td></tr>
<tr><td class=menu><a href="index.php?id=snydekoder/snyd.html" class=menupunkt>Snydekoder</a></td></tr>
<tr><td><p class=menu><a href="index.php?id=midi/midi.html" class=menupunkt>Midifiler</a></p></td></tr>
<tr><td><p class=menu><a href="index.php?id=billeder/billeder.html" class=menupunkt>Billeder</a></p></td></tr>
</table>

er ikke siikker, men er da et forsøg vær.
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:15 #31
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:17 #32
hvor får du </p> fra?
Avatar billede Slettet bruger
29. marts 2002 - 17:19 #33
det har jeg sat ind for at prøve at få det til at virke &:-D
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:24 #34
ok.. skal man så ik' også sætte <p> (eller <div>) ind?
Avatar billede Slettet bruger
29. marts 2002 - 17:25 #35
det er der gjort:
<p class=menu><a href="index.php?id=midi/midi.html" class=menupunkt>Midifiler</a></p>
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:28 #36
ok..
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:30 #37
hvad er der så at gøre??
Avatar billede Slettet bruger
29. marts 2002 - 17:31 #38
har du prøvet med det stykke kode ??

virker det i så fald ??
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:34 #39
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:34 #40
nope..
Avatar billede Slettet bruger
29. marts 2002 - 17:37 #41
heller ikke hvis du i din css fil skiver:

P {
  display: block;
}
Avatar billede 44fire44 Nybegynder
29. marts 2002 - 17:43 #42
nope... (hvor skal jeg skrive det?)
Avatar billede Slettet bruger
29. marts 2002 - 18:11 #43
alene for sige selv.

ligsom a.menupunkt
Avatar billede 44fire44 Nybegynder
30. marts 2002 - 20:51 #44
ja.. det har jeg også gjort :(
Avatar billede gate2game Nybegynder
31. marts 2002 - 18:04 #45
hvad skal jeg så prøve?
Avatar billede gate2game Nybegynder
31. marts 2002 - 18:05 #46
ups.. forkert spm :)
Avatar billede 44fire44 Nybegynder
07. april 2002 - 10:58 #47
ok.. hvad skal jeg gøre???
Avatar billede 44fire44 Nybegynder
07. april 2002 - 19:51 #48
jeg har fundet ud af det!!!

du skal bare sætte " display: block;"

her:



a.menupunkt {
    text-decoration: none;
    background-color: #CCCC96;
    color: #666633;
    line-height: 16px;
    width:100%;
}

a.menupunkt:hover {
    text-decoration: none;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #00325F;
    border-top : 1px thin #369b36
    border-left : 1px thin #369b36
    border-bottom : 1px thin #369b36
    display: block;
    width:98%;
Avatar billede 44fire44 Nybegynder
07. april 2002 - 19:53 #49
det skulle se sådan ud:

a.menupunkt {
    text-decoration: none;
    background-color: #CCCC96;
    color: #666633;
    line-height: 16px;
    width:100%;
    display: block;
  }
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB