Søg
Avatar billede anne-m Nybegynder
18. november 2004 - 11:55 Der er 16 kommentarer og
1 løsning

link css - virker ikke

Hej.

Jeg  skal lave en menu ... og der ønsker jeg at der er et baggrundsbillede der ændrer sig  når linket er aktivt.

Jeg har lavet en css – den virker fint i explorer på mac.. Men da jeg tjekkede i Netscape virkede det ikke. Linksne er bare med blå baggrund og har ikke nogen font style osv. på. Jeg kan ikke forstå hvad søren der er problemet ... er der en ekspert der har 5 min til at hjælpe mig? :o)

Her er min link css:

a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(menu_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    height: 30px;
    width: 160px;
    padding-top: 6px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    text-decoration: none;
    visibility: visible;
    }
a:visited {
    text-decoration: none;
    color: #ffffff;
    background-image: url(menubg_blaa.jpg);
    }
a:hover, a:active {
    text-decoration: none;
    color: #ffffff;
    background-image: url(menubg_blaa.jpg);
    }
Avatar billede olebole Juniormester
18. november 2004 - 12:14 #1
<ole>

Netscape kan være lidt pudsig her. Prøve at skrive fulde URL'er - og bruge gåseøjne omkring dem:
  background-image: url('http://www.DOMAIN.dk/images/menubg_blaa.jpg');

Hjælper det ikke, må du lige smide en URL til siden - og en nærmere beskrivelse af problemet. Jeg har ikke en kørende Mac at teste på  :o|

/mvh
</bole>
Avatar billede anne-m Nybegynder
18. november 2004 - 12:27 #2
Hej Ole - og tak fordi du gider hjælpe mig. Jeg har gjort som du skrev - men det virker stadig kun på mac i explorer.

Det virker ikke på pc i explorer – og det virker stadig ikke i netscape på mac.

designet ligger midlertidigt hér: http://www.grafikken.dk/strandvej/strandvejit.html
Avatar billede olebole Juniormester
18. november 2004 - 12:43 #3
For det første skal du bruge en korrekt DTD. Den, du bruger:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
tvinger IE til ikke at overholde W3C's standarder. Brug i stedet:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
Når det er gjort, skal siden formodentlig skrives helt om - for så passer bl.a. din CSS ikke længere.

Desuden kan du ikke bruge IE til udvikling ... og _slet_ ikke på Mac. MacOS/IE er formodentlig markedets mest buggy browsere og i øvrigt den sidste i rækken. MS har nu endelig stoppet leverancerne af IE til MacOS. Derfor kan det ikke betale sig at tage noget særligt hensyn til den browser ... der er næsten ingen, der bruger den og der kommer aldrig flere IE'er.

Hvis der virkelig er tale om et firma og dette er, hvad I formår, finder jeg det i øvrigt dybt uforskammet, hvad der bliver skrevet på siden. Det kan denne kode i hvert fald ikke leve en tiendedel op til. Det tangerer i så fald lodret, sort løgn!

Skal man betale penge for kodning, bør man som en selvfølge kunne forvente et _helt_ andet niveau.
Avatar billede anne-m Nybegynder
18. november 2004 - 12:47 #4
så så... jeg skal bare lave design til dette firma ... og ville lave css til menuen. Sitet er ikke mit ... og jeg er ikke programmør!
(jeg vil bare gerne lære mere...) !!
Avatar billede anne-m Nybegynder
18. november 2004 - 12:48 #5
De sætter selv designet ind i et cms senere når de er tilfredse ... og så er jeg sikker på at det overholder de standarder osv det skal  .... der er ikke nogen der lyver nogen steder ;o/
Avatar billede anne-m Nybegynder
18. november 2004 - 12:50 #6
... jeg har bare sat designet op i DW  MX er det helt i skoven???
Avatar billede anne-m Nybegynder
18. november 2004 - 13:00 #7
Dw laver jo selv den DTD  ...
Avatar billede anne-m Nybegynder
18. november 2004 - 14:11 #8
Er der ikke en der gider hjælpe mig? eller er det umuligt at lave uden at programmere det hele om , og desuden være ekspert i koder?
Avatar billede olebole Juniormester
18. november 2004 - 14:39 #9
Rolig nu ... jeg forholder mig til det, du viser mig på nettet og det, du skriver til mig. Da du ikke fortalte noget om, hvordan tingene hænger sammen, har jeg jo kun teksten at forholde mig til. Netop derfor tog jeg også helt klare forbehold i min kommentar ... så sæt du dig bare ned igen og tag en kop kaffe  ;o)
Hvis du designer sitet, er det jo sådan set ikke dig, der skal klippe grafikken og sætte sider op - det har stort set ingen designere kompetencer til - ligesom kodere sjældent bør lave grafik.
Du kan da vel bare aflevere nogle PSD'ere, som designere plejer - og lade koderne om at sætte siderne op  :)

Ja, mange editorer skriver temmelig skidt kode ... og nej, DTD'en er forkert. Start med at skifte den og så er der garanteret en hel del, der skal laves om - men det er det første og helt nødvendige skridt. Når du har gjort det, så lad os se på, hvordan det så ser ud  :)
Avatar billede anne-m Nybegynder
18. november 2004 - 15:44 #10
Nå... jeg troede du var skræmt helt væk. Jeg har taget en kop kaffe ! ;o)

Jeg har fedtet med det .. og lavet de ændringer du sagde. Hvordan ser det ud i din browser, og hvilken en bruger du?
Jeg har sådan en : virker, virker ikke, virker, virker ikke ting kørende - så jeg er snart selv helt forvirret.

;o)
Avatar billede anne-m Nybegynder
18. november 2004 - 16:10 #11
Hvis du kan se at teksten har grå baggrund, der skifter til blå når man gør linket aktivt ... er det næsten rigtig. Effekten er der.. men det skal ikke kun være teksten.. det skal lave en kasse bag ved teksten. der er 160px i bredden, og 30px i højden.
...
Avatar billede olebole Juniormester
18. november 2004 - 17:23 #12
Hmmm ... jeg er helt sikker på, den ikke skal se sådan ud i Mozilla - og jeg er ret sikker på, dine link-bokse til højre er for små i Explorer. Opera er nogenlunde så katastrofal som Mozilla. Jeg ser siden under WinXP.

Jeg skal lige handle ind, så skal jeg prøve at give siden en overhaling, så den ser ordentlig ud under Vindåse  ;o)
Avatar billede olebole Juniormester
18. november 2004 - 21:08 #13
Jeg har som sagt ikke en Mac at teste på, så kan jeg ikke få dig til at uppe et screendump af, hvordan siden skal se ud? Koden er lidt ... ehhhmm ... uklar  0:)
Avatar billede anne-m Nybegynder
19. november 2004 - 08:32 #14
ja jeg skal nok lave et screendump... et øjeblik.
Avatar billede anne-m Nybegynder
19. november 2004 - 09:10 #15
Her er den som den skal se ud ...

http://www.grafikken.dk/test.html
Avatar billede notes2c Nybegynder
20. november 2004 - 10:21 #16
Prøv at ændre dit styles fra:
a:link { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; color: rgb(255, 255, 255); background-image: url(http://www.grafikken.dk/strandvej/menu_bg.gif); background-repeat: no-repeat; height: 30px; width: 150px; text-decoration: none; line-height: 28px; background-position: left top; float: right; text-indent: 10pt; }

a:visited { text-decoration: none; color: rgb(255, 255, 255); font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; height: 30px; width: 150px; line-height: 28px; background-image: url(http://www.grafikken.dk/strandvej/menu_bg.gif); background-repeat: no-repeat; background-position: left top; float: right; }

a:hover, a:active { text-decoration: none; color: rgb(255, 255, 255); background-image: url(http://www.grafikken.dk/strandvej/menubg_blaa.jpg); font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; line-height: 28px; background-repeat: no-repeat; background-position: left top; float: right; height: 30px; width: 150px; }

Til:
a {
font: normal 10px Verdana,Arial,Helvetica,sans-serif;
background: url(http://www.grafikken.dk/strandvej/menu_bg.gif) no-repeat left top;
color: rgb(255, 255, 255);
height: 30px;
width: 150px;
text-decoration: none;
line-height: 28px;
background-position: left top;
text-indent: 10pt;
float: right;
}
a:hover, a:active {
background-image: url(http://www.grafikken.dk/strandvej/menubg_blaa.jpg);
}
Avatar billede anne-m Nybegynder
21. november 2004 - 12:17 #17
Tak .. jeg ser på det lidt senere forhåbentlig! min com. spassede ud da jeg ville skifte system... og lige nu virker intet. Så jeg skriver fra en anden computer. Jeg vender tilbage så snart jeg er oppe og køre på min egen igen ;(
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
White papers
Flere white papers »