Avatar billede tommyf Nybegynder
07. januar 2002 - 18:12 Der er 31 kommentarer og
1 løsning

Hjælp til lidt crossbrowswe CSS

#1 Link til steder så jeg senere selv kan finde ud af at løse 2. del af dette spørgsmål :o)
(Sammel dem venligst sammen i stedet for at poste 5 gange med ét link hver gang).

#2 Mangler nogen der kan få denne kode til  (om muligt) at virke i Opera+NS.

<style>
TD.menu
{
    COLOR: 8080ff;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder   
}

TD.menu A   
{
    background-color: 121D88;
}   

TD.menu A:active
{
    COLOR: 8080ff;
    FONT-SIZE: 13px;
    background-color: 0479E5;
    TEXT-DECORATION: none
}

TD.menu A:link
{
    COLOR: 8080ff;
    FONT-SIZE: 13px;
    background-color: 121D88;
    TEXT-DECORATION: none
}
TD.menu A:visited
{
    COLOR: 8080ff;
    FONT-SIZE: 13px;
    TEXT-DECORATION: none
}
TD.menu A:hover
{
    COLOR: 000000;
    FONT-SIZE: 13px;
    background-color: 0479E5;
    TEXT-DECORATION: none
}

</style>




Selve tabellen:
<td class=menu width=\"20%\"><a href=\"index.htm\">Forside</a></td>
Avatar billede zred Nybegynder
07. januar 2002 - 18:17 #1
Øh - du behøver ik class= når du ikke har gemt det som navn.css
Avatar billede zred Nybegynder
07. januar 2002 - 18:18 #2
Gem det som css og referrer til navn.css i head!

SÅ ka du bruge class

problem solved
Avatar billede zred Nybegynder
07. januar 2002 - 18:19 #3
Ok?
Avatar billede tommyf Nybegynder
07. januar 2002 - 18:21 #4
Desværre ikke. IE viser det stadig pænt, men Opera+NS laver den samme fejl.
Avatar billede zred Nybegynder
07. januar 2002 - 18:24 #5
Hmm.. - der er nogle ting der ikke BÅDE kan vises i IE + Opera+Ns -sådan er det..!
Men vælg IE (altså det du har lavet nu) da flest benytter det
Avatar billede nikolajdu Nybegynder
07. januar 2002 - 18:28 #6
zred hvad har du dog gang i???
Avatar billede tommyf Nybegynder
07. januar 2002 - 18:30 #7
nikolajdu >>
#1 At undgå at overveje sine indlæg som jeg bedte om, men bare \"chatte\".
#2 Forsøge at få mig til at lave en hjemmeside der ikke kan ses i alle browsere

Har siddet og kigget her:
http://www.w3schools.com/css/css_reference.asp
Og det ser ud til at det burde fungere fra NS4.0 og opefter (sidder med NS 4.08).

Min sidste udvej er en image-over, men jeg vil helst lave det sådan her.
Avatar billede pelkjaer Nybegynder
07. januar 2002 - 18:42 #8
Du kan evt. bruge dette til at kigge lidt på:

http://www.demenskonsulent.dk/x/test.htm
(eks. nr. 2 er en lettere modificering af osaka_san\'s på activedeveloper)
Avatar billede nikolajdu Nybegynder
07. januar 2002 - 19:00 #9
Prøv at give alle dine farveangivelser et # foran -

Altså : background-color: #121D88;
Avatar billede tommyf Nybegynder
07. januar 2002 - 19:14 #10
Nikolajdu >> Desværre ingen effekt.

Pelkjaer >> Interessant link. Den virker faktisk ikke i NS 4.08, men det er lykkes for dig, at få det til at virke i Opera - ser lige om jeg kan lurer den.
Avatar billede nikolajdu Nybegynder
07. januar 2002 - 19:16 #11
tommyf - ligegyldigt hvad, så skal den # være der :))
Avatar billede pelkjaer Nybegynder
07. januar 2002 - 19:36 #12
tommyf>>Nej den virker på sin vis ikke i NS 4, da den ikke understøtter css særligt godt - men især eksempel 1 ser nu ikke så tosset ud i NS 4 synes jeg. Som du ser har NS 4 sit eget stylesheet.

Avatar billede pelkjaer Nybegynder
07. januar 2002 - 19:44 #13
Lige for at jeg ikke dummer mig, her..hvad er problemet?

Er det at det ikke er hele cellen der \"styles\"?
Avatar billede tommyf Nybegynder
07. januar 2002 - 19:46 #14
Der kommer ikke farve på når man holder den over eller klikker.
Avatar billede pelkjaer Nybegynder
07. januar 2002 - 19:52 #15
Nå...

Du mangler bare:

td.menu a  {
  display: block;
  background-color: #121D88;
}   

:-)
Avatar billede pelkjaer Nybegynder
07. januar 2002 - 19:54 #16
Så \"burde\" det virke i IE 5, NS 6 og Opera 6.
Avatar billede pelkjaer Nybegynder
08. januar 2002 - 00:01 #17
tommyf>>Løste det problemet?
Avatar billede tommyf Nybegynder
08. januar 2002 - 07:19 #18
Nej, desværre ikke. Men jeg kan heller ikke finde nogle udtryk som NS4.0 ikke understøtter, så teoretisk set synes jeg, at det burde virke.
Avatar billede callesen Praktikant
08. januar 2002 - 08:01 #19
Avatar billede callesen Praktikant
08. januar 2002 - 08:23 #20
Det her virker i NS6 og Opera 5:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>[Ingen titel]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<style>
TD.menu
{
    COLOR: #8080ff;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bolder   
}

TD.menu A   
{
    background-color: #121D88;
}   
TD.menu A:link
{
    COLOR: #8080ff;
    FONT-SIZE: 13px;
    background-color: #121D88;
    TEXT-DECORATION: none
}
TD.menu A:active
{
    COLOR: #8080ff;
    FONT-SIZE: 13px;
    background-color: #0479E5;
    TEXT-DECORATION: none
}
TD.menu A:visited
{
    COLOR: #8080ff;
    FONT-SIZE: 13px;
    TEXT-DECORATION: none
}
TD.menu A:hover
{
    COLOR: #000000;
    FONT-SIZE: 13px;
    background-color: #0479E5;
    TEXT-DECORATION: none
}

</style>

</HEAD>
<BODY>

<TABLE BORDER=\"0\">
<TR>
    <td class=\"menu\" width=\"20%\"><a href=\"index.htm\">Forside</a></td>
</TR>
</TABLE>


</BODY>
</HTML>
Avatar billede nikolajdu Nybegynder
08. januar 2002 - 08:26 #21
NS 4.x forstår display:block, men den funktion er rigtigt dårligt understøttet. Hvordan dårligt aner jeg ikke, men har både læst og set (Ole tror jeg) skrive det herinde.
Avatar billede pelkjaer Nybegynder
08. januar 2002 - 11:45 #22
Erhm.. display:block; var det eneste jeg indsatte i koden, og så virkerede NS 6 samt Opera 6 og IE 6 - så jeg har lidt svært ved at se hvd problemet er...

Du kan ikke få NS 4 til at skifte i farverne ligesom de andre - ligesom du heller ikke kan gøre hele cellen klikbar med display:block; i NS 4.
Avatar billede callesen Praktikant
08. januar 2002 - 12:28 #23
Display:block; - B=dårlig Y=ja N=nej: P=problemer

Nav4 B,  Nav6 Y,  IE3 N,  IE4 N,  IE5 Y,  IE55 Y,  Op3 Y,  Op4 Y,  Op5 Y,  Nav4(MAC) B,  Nav6(MAC) Y, IE3(MAC) N,  IE4(MAC) P,  IE5(MAC) Y.   
Avatar billede tommyf Nybegynder
20. januar 2002 - 10:31 #24
Desværre, det må næsten gøres anderledes.
Avatar billede pelkjaer Nybegynder
20. januar 2002 - 12:15 #25
Det er sq\' tyndt at du afviser op til flere korrekte svar..-du kan _ikke_ få hele cellen til at være klikbar i NS 4.
http://www.webreview.com/style/css1/charts/mastergrid.shtml
Avatar billede tommyf Nybegynder
20. januar 2002 - 12:33 #26
Mener du dermed at Zred skulle have point? Kan ikke se hvem jeg ellers har afvist. Mit problem er stadig ikke løst, og jeg mener dermed heller ikke jeg har gjort noget forkert?
Avatar billede pelkjaer Nybegynder
20. januar 2002 - 12:39 #27
Okay min kommentar med at afvise var unden grundlag - men dit problem er da løst som jeg ser det..?
Avatar billede tommyf Nybegynder
20. januar 2002 - 13:04 #28
Hvis du kan løse problemet, og give mig en css-fil der virker i ns+opera opretter jeg spørgsmålet på ny med 100point. Jeg har ikke kunnet få det til at virke.
Avatar billede pelkjaer Nybegynder
20. januar 2002 - 13:08 #29
Tommy>>Du har fået løsningen så det virker i IE, NS6 og Opera - du får ikke hele cellen til at være klikbar i NS 4 - det er der ikke noget at gøre ved.

td.menu a  {
  display: block;
  background-color: #121D88;
}   

Jeg kan huske at jeg selv testede - og det virkede fint.
Avatar billede callesen Praktikant
20. januar 2002 - 14:20 #30
Til NS4 virker dette måske - jeg kan ikke teste den:
<a href=\"index.htm\"><td class=\"menu\" width=\"20%\">Forside</td></a>
Hvis det er det der skiller jer-> pelkjaer:\"du får ikke hele cellen til at være klikbar i NS 4\".
Avatar billede pelkjaer Nybegynder
20. januar 2002 - 15:23 #31
tommy>>Dette virker i IE, NS 6 og Opera 5 + 6.
Til NS 4 er der et stylesheet for sig - udseendet er som i de andre browsere, men der er selvfølgelig ingen hover-effekt:

http://www.demenskonsulent.dk/x/tommyf.htm
Avatar billede tommyf Nybegynder
20. januar 2002 - 17:15 #32
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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