|
| Problemer med menu på lister Fra : Rune Jensen |
Dato : 06-08-06 01:26 |
|
Jeg er ved at lave en hjemmeside med menuounkter opbygget på lister med
border omkring. Nu vil jeg gerne have, at når man hover over et
menupunkt, så skal basggrunden på boksen, som linket ligger i, kunne
ændre farve.
Hvad gør jeg forkert, når jeg kun kan ændre farve på selve linket, ikke
hele boksen, som linket ligger i?
Min liste er defineret i CSS med flg:
#menu dd{
background-color: #fff9f0;
color: #796b62;
border: #bb9d98 1px solid;
width: auto;
text-indent: 0;
padding: .18em .5em .25em .5em;
margin: .31em 1.2em 0 1.2em;
}
Mine links i selve menuen er defineret med:
#menu a{
background-color: #fff9f0;
color: #796b62;
font-family: tahoma, sans-serif;
font-size: 107%;
text-decoration: none;
font-weight: bold;
}
#menu a:hover{
color: #392b22;
}
Link til selve CSSen:
http://www.ilmark.dk/css/main.css
MVH
Rune
--
webmaster for www.discolight.dk udlejning af diskoteksudstyr
og www.ilmark.dk Galleri
| |
Stefan Køberl (06-08-2006)
| Kommentar Fra : Stefan Køberl |
Dato : 06-08-06 11:42 |
|
Rune Jensen wrote in dk.edb.internet.webdesign.html:
> Jeg er ved at lave en hjemmeside med menuounkter opbygget på lister med
> border omkring. Nu vil jeg gerne have, at når man hover over et
> menupunkt, så skal basggrunden på boksen, som linket ligger i, kunne
> ændre farve.
>
> Hvad gør jeg forkert, når jeg kun kan ændre farve på selve linket, ikke
> hele boksen, som linket ligger i?
>
> Min liste er defineret i CSS med flg:
>
> #menu dd{
>
> background-color: #fff9f0;
> color: #796b62;
> border: #bb9d98 1px solid;
> width: auto;
> text-indent: 0;
> padding: .18em .5em .25em .5em;
> margin: .31em 1.2em 0 1.2em;
>
> }
>
> Mine links i selve menuen er defineret med:
>
> #menu a{
>
> background-color: #fff9f0;
> color: #796b62;
> font-family: tahoma, sans-serif;
> font-size: 107%;
> text-decoration: none;
> font-weight: bold;
>
> }
>
> #menu a:hover{
>
> color: #392b22;
>
> }
>
Kan du ikke bare angive background-color på #menu a:hover?
Således:
#menu a:hover {
color: #392b22;
background-color: [farve]
}
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Stefan Køberl (06-08-2006)
| Kommentar Fra : Stefan Køberl |
Dato : 06-08-06 11:57 |
|
Stefan Køberl wrote in dk.edb.internet.webdesign.html:
> Rune Jensen wrote in dk.edb.internet.webdesign.html:
> > Jeg er ved at lave en hjemmeside med menuounkter opbygget på lister med
> > border omkring. Nu vil jeg gerne have, at når man hover over et
> > menupunkt, så skal basggrunden på boksen, som linket ligger i, kunne
> > ændre farve.
> >
> > Hvad gør jeg forkert, når jeg kun kan ændre farve på selve linket, ikke
> > hele boksen, som linket ligger i?
> >
> > Min liste er defineret i CSS med flg:
> >
> > #menu dd{
> >
> > background-color: #fff9f0;
> > color: #796b62;
> > border: #bb9d98 1px solid;
> > width: auto;
> > text-indent: 0;
> > padding: .18em .5em .25em .5em;
> > margin: .31em 1.2em 0 1.2em;
> >
> > }
> >
> > Mine links i selve menuen er defineret med:
> >
> > #menu a{
> >
> > background-color: #fff9f0;
> > color: #796b62;
> > font-family: tahoma, sans-serif;
> > font-size: 107%;
> > text-decoration: none;
> > font-weight: bold;
> >
> > }
> >
> > #menu a:hover{
> >
> > color: #392b22;
> >
> > }
> >
>
> Kan du ikke bare angive background-color på #menu a:hover?
>
> Således:
>
> #menu a:hover {
> color: #392b22;
> background-color: [farve]
> }
Næ, jeg checkede lige om det virkede, og det gjorde det ikke. JEg fik ikke
læst dit indlæg grundigt nok, inden jeg svarede. Jeg er stadig newbie
herinde, så jeg ved virkelig ikke hvordan problemet skal løses. Du må vente
til de profe kommer på banen. Jeg undskylder ulejligheden ;)
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Rune Jensen (06-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 06-08-06 12:29 |
|
"Stefan Køberl" wrote in message...
> > Rune Jensen wrote in dk.edb.internet.webdesign.html:
> > > Jeg er ved at lave en hjemmeside med menuounkter opbygget på
lister med
> > > border omkring. Nu vil jeg gerne have, at når man hover over et
> > > menupunkt, så skal basggrunden på boksen, som linket ligger i,
kunne
> > > ændre farve.
> Næ, jeg checkede lige om det virkede, og det gjorde det ikke. JEg fik
ikke
> læst dit indlæg grundigt nok, inden jeg svarede. Jeg er stadig newbie
> herinde, så jeg ved virkelig ikke hvordan problemet skal løses. Du må
vente
> til de profe kommer på banen. Jeg undskylder ulejligheden ;)
Det er fair nok. Jeg har en idé om, at det er bredden på a som skal
følge bredden på dd, men hvordan man lige gør...
MVH
Rune
| |
Jesper Brunholm (06-08-2006)
| Kommentar Fra : Jesper Brunholm |
Dato : 06-08-06 15:27 |
|
Stefan Køberl skrev:
>>> Hvad gør jeg forkert, når jeg kun kan ændre farve på selve linket, ikke
>>> hele boksen, som linket ligger i?
>> Kan du ikke bare angive background-color på #menu a:hover?
Hvis man skulle have det til at virke skulle man bruge hover på
elementet (her <dd>), eller på id'et. Enten:
#menu:hover { osv }
eller
dd:hover { osv }
Problemet med begge de to løsninger er at Explorer kun
understøtter/forstår hover på elementet <a> (altså links), så løsningen
er ikke ret anvendelig.
[cut - en utrolig masse kode der ikke blev "svaret på"]
> Jeg er stadig newbie
> herinde, så jeg ved virkelig ikke hvordan problemet skal løses.
Det er helt fair, vil du ikke klippe det meste af det tekst som du ikke
direkte svarer på, væk næste gang?
mvh
Jesper Brunholm
| |
Stefan Køberl (06-08-2006)
| Kommentar Fra : Stefan Køberl |
Dato : 06-08-06 19:50 |
|
> > Jeg er stadig newbie
> > herinde, så jeg ved virkelig ikke hvordan problemet skal løses.
>
> Det er helt fair, vil du ikke klippe det meste af det tekst som du ikke
> direkte svarer på, væk næste gang?
Jo da, skal jeg nok ;)
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Ukendt (06-08-2006)
| Kommentar Fra : Ukendt |
Dato : 06-08-06 12:24 |
|
"Rune Jensen" <rune.jensen@villabynet.dk> skrev i en meddelelse
news:44d535d4$0$23694$456a7185@news.cirque.dk...
> Jeg er ved at lave en hjemmeside med menuounkter opbygget på lister med
> border omkring. Nu vil jeg gerne have, at når man hover over et
> menupunkt, så skal basggrunden på boksen, som linket ligger i, kunne
> ændre farve.
>
> Hvad gør jeg forkert, når jeg kun kan ændre farve på selve linket, ikke
> hele boksen, som linket ligger i?
>
> Min liste er defineret i CSS med flg:
>
> #menu dd{
> background-color: #fff9f0;
> color: #796b62;
> border: #bb9d98 1px solid;
> width: auto;
> text-indent: 0;
> padding: .18em .5em .25em .5em;
> margin: .31em 1.2em 0 1.2em;
> }
Flyt padding til #menu a, så der bliver sådan her:
#menu dd{
background-color: #fff9f0;
color: #796b62;
border: #bb9d98 1px solid;
width: auto;
text-indent: 0;
margin: .31em 1.2em 0 1.2em;
}
> #menu a{
> background-color: #fff9f0;
> color: #796b62;
> font-family: tahoma, sans-serif;
> font-size: 107%;
> text-decoration: none;
> font-weight: bold;
> }
Tilføj display: block og paddingen fra før:
#menu a{
background-color: #fff9f0;
color: #796b62;
font-family: tahoma, sans-serif;
font-size: 107%;
text-decoration: none;
font-weight: bold;
display: block;
padding: .18em .5em .25em .5em;
}
> #menu a:hover{
> color: #392b22;
> }
Tilføj den ønske baggrund til #menu a:hover
> Link til selve CSSen:
> http://www.ilmark.dk/css/main.css
Henvis til selve siden i stedet for, så skal vi nok finde css'en
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Rune Jensen (06-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 06-08-06 12:51 |
|
"CS" <askmeforanaddress> wrote in message...
> (...)
> display: block;
> padding: .18em .5em .25em .5em;
> (...)
Mange, mange tak, det virker bare Synes ellers jeg havde prøvet
alt...
> Henvis til selve siden i stedet for, så skal vi nok finde css'en
Det er logisk nok. Det skal jeg huske til en anden gang.
MVH
Rune
| |
Ukendt (06-08-2006)
| Kommentar Fra : Ukendt |
Dato : 06-08-06 21:33 |
|
"Rune Jensen" <rune.jensen@villabynet.dk> skrev i en meddelelse
news:44d5d665$0$23706$456a7185@news.cirque.dk...
> "CS" <askmeforanaddress> wrote in message...
>
>> (...)
>> display: block;
>> padding: .18em .5em .25em .5em;
>> (...)
>
> Mange, mange tak, det virker bare Synes ellers jeg havde prøvet
> alt...
Okay Men velbekom
--
Med venlig hilsen - Carsten Sørensen
Gode råd til webdesigneren - http://csnet.dk/html/
Nørholm Forsamlingshus - http://forshus.dk
| |
Rune Jensen (07-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 07-08-06 19:10 |
|
> > "CS" <askmeforanaddress> wrote in message...
> Okay Men velbekom
Altid godt med disse nyhedsgrupper... der er bare guruer
Jeg har en lille opdatering... med specificeret width på a, fylder
linket hele kassen i IE... dvs, hele boksen lyser op, når man hover over
den.
* html #menu a{
width: 8.20em;
}
sat for IE only, da det er den, som er problemet.
MVH
Rune
--
webmaster for www.discolight.dk udlejning af diskoteksudstyr
og www.ilmark.dk Galleri
| |
Jørgen Farum Jensen (08-08-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 08-08-06 15:30 |
|
Rune Jensen skrev:
>>> "CS" <askmeforanaddress> wrote in message...
>
>> Okay Men velbekom
>
> Altid godt med disse nyhedsgrupper... der er bare guruer
>
> Jeg har en lille opdatering... med specificeret width på a, fylder
> linket hele kassen i IE... dvs, hele boksen lyser op, når man hover over
> den.
>
> * html #menu a{
>
> width: 8.20em;
>
> }
>
> sat for IE only, da det er den, som er problemet.
Tak for det Rune.
Må jeg supplere med at skrive, at det
ikke duer i IE7, der er blevet standard-
kompatibel på netop dette punkt.
Tilbage er vel kun det "hack", vi havde
brugt fra begyndelsen, havde vi været
kloge nok:
<!--[if IE]>
<style type="text/css" media="screen">
#menu a{width: 8.20em;}
</style>
<![endif]-->
Eller muligvis
<!--[if lt IE7]>
<style type="text/css" media="screen">
#menu a{width: 8.20em;}
</style>
<![endif]-->
Jeg har ikke lige fået tjekket om IE 7
fortolker a {display:block;} som et
rigtigt blokelement.
Har nogen?
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Rune Jensen (08-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 08-08-06 23:51 |
|
"Jørgen Farum Jensen" wrote in message...
> Må jeg supplere med at skrive, at det
> ikke duer i IE7, der er blevet standard-
> kompatibel på netop dette punkt.
Hej Farum...
I så fald... følger den samme regler som FF og Opera? For så kan man vel
fjerne sine hacks...
> Tilbage er vel kun det "hack", vi havde
> brugt fra begyndelsen, havde vi været
> kloge nok:
>
> <!--[if IE]>
> <style type="text/css" media="screen">
> #menu a{width: 8.20em;}
> </style>
> <![endif]-->
>
> Eller muligvis
>
> <!--[if lt IE7]>
> <style type="text/css" media="screen">
> #menu a{width: 8.20em;}
> </style>
> <![endif]-->
Jeg er ikke meget for at ødelægge min HTML med IE-specifik kode (selvom
jeg faktisk allerede har gjort det en enkelt gang)... men jeg
foretrækker at hacke CSSen, som kun ligger i en enkelt fil, og som man
kan fjerne det fra, når det bliver nødvendigt... findes der ikke også en
CSS IE-standard lavet som remark - der virker som hack?
PS. Jeg har selv brugt hack, som sagt i HTML, og hvis man har selve
CSSen i en fil, og senere definerer om i HTMLen, så bliver der (nogle
gange) en lille ventetid ved load af siden...
> Jeg har ikke lige fået tjekket om IE 7
> fortolker a {display:block;} som et
> rigtigt blokelement.
>
> Har nogen?
Godt spørgsmål... Det ville jeg også gerne vide!
MVH
Rune
| |
Jørgen Farum Jensen (09-08-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 09-08-06 10:24 |
|
Rune Jensen skrev:
> I så fald... følger den samme regler som FF og Opera? For så kan man vel
> fjerne sine hacks...
Næh, det kan du ikke, sålængde der stadig er
folk, der bruger IE5, IE5.5 og IE6. Og det
vil der være mindst så længe der er nogen der
bruger Win95/Win98/Win2000 og ældre Mac computere.
> Jeg er ikke meget for at ødelægge min HTML med IE-specifik kode (selvom
> jeg faktisk allerede har gjort det en enkelt gang)... men jeg
> foretrækker at hacke CSSen, som kun ligger i en enkelt fil, og som man
> kan fjerne det fra, når det bliver nødvendigt... findes der ikke også en
> CSS IE-standard lavet som remark - der virker som hack?
Det er vel den, jeg beskriver?
Der er en vis poetisk retfærdighed i at
bruge Microsofts egen medicin imod dårligdomme
forårsaget af Microsofts browsere.
Man kunne ligefrem have Microsoft mistænkt for
at ville /hjælpe/ websidekonstruktørerne. Jeg
ved det er en kættersk tanke, men tænk alligevel lidt
over det...
> PS. Jeg har selv brugt hack, som sagt i HTML, og hvis man har selve
> CSSen i en fil, og senere definerer om i HTMLen, så bliver der (nogle
> gange) en lille ventetid ved load af siden...
>
>> Jeg har ikke lige fået tjekket om IE 7
>> fortolker a {display:block;} som et
>> rigtigt blokelement.
>>
>> Har nogen?
>
> Godt spørgsmål... Det ville jeg også gerne vide!
Det har jeg selv nu, så det er
<!--[if lt IE7]>
<style type="text/css" media="screen">
#menu a{width: 8.20em;}
</style>
<![endif]-->
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Rune Jensen (09-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 09-08-06 17:54 |
|
"Jørgen Farum Jensen" wrote in message...
> Rune Jensen skrev:
>
> > I så fald... følger den samme regler som FF og Opera? For så kan man
vel
> > fjerne sine hacks...
>
> Næh, det kan du ikke, sålængde der stadig er
> folk, der bruger IE5, IE5.5 og IE6. Og det
> vil der være mindst så længe der er nogen der
> bruger Win95/Win98/Win2000 og ældre Mac computere.
Ja, den var galt formuleret. Jeg mente, at man ikke behøver gøre noget
ved sine hacks... i princippet, for så vil IE 7 jo også acceptere
hacksne for browserversion<IE7 på samme måde som Opera og FF. Men det er
vel for meget at håbe på fra MS, at der ingen problemer vil være i
overgangen... eller hvad! Lagde vejen forbi IE7s weblog fra MS, men blev
ikke stort klogere. Jeg gætter på, den eneste måde, man kan være sikker
på, er at vente til den kommer, og så afprøve ved selvsyn.
> > Jeg er ikke meget for at ødelægge min HTML med IE-specifik kode
(selvom
> > jeg faktisk allerede har gjort det en enkelt gang)... men jeg
> > foretrækker at hacke CSSen, som kun ligger i en enkelt fil, og som
man
> > kan fjerne det fra, når det bliver nødvendigt... findes der ikke
også en
> > CSS IE-standard lavet som remark - der virker som hack?
>
> Det er vel den, jeg beskriver?
Naaahh.. jeg mener, du indsætter da det hack i HTMLen? Du kan da ikke
bruge det i selve CSSfilen?
> Der er en vis poetisk retfærdighed i at
> bruge Microsofts egen medicin imod dårligdomme
> forårsaget af Microsofts browsere.
>
> Man kunne ligefrem have Microsoft mistænkt for
> at ville /hjælpe/ websidekonstruktørerne. Jeg
> ved det er en kættersk tanke, men tænk alligevel lidt
> over det...
Jeg tænker og tænker og det er da rigtigt nok den letteste og mindst
irriterende vej, når man nu ikke fra starten kunne snakke med de andre
konkurrenter, men nu har indset sine fejl. Så joh, godt dialogen
startede Måske en dag, vi så kan undgå hacks helt.
> Det har jeg selv nu, så det er
>
> <!--[if lt IE7]>
> <style type="text/css" media="screen">
> #menu a{width: 8.20em;}
> </style>
> <![endif]-->
Ja, mente jeg nok... har også selv lige lagt vejen forbi MSDN (tror jeg
det hedder), og der nævner de det også... jeg vil dog stadig påstå, det
hack ligger i HTMLen, ikke i CSSfilen? Hvis du putter ovenstående i
CSSfilen, validerer det så? For jo, så vil jeg nok også bruge den
metode.
MVH
Rune
| |
Erik Ginnerskov (10-08-2006)
| Kommentar Fra : Erik Ginnerskov |
Dato : 10-08-06 00:20 |
|
Rune Jensen wrote:
> Naaahh.. jeg mener, du indsætter da det hack i HTMLen? Du kan da ikke
> bruge det i selve CSSfilen?
Nej, men så kan man i stedet lave en css-fil, der alene henvender sig til IE
ældre end v. 7:
<!--[if lt IE7]>
<link rel="stylesheet" type="text/css" media="screen" href="old-ie.css">
>> <![endif]-->
Man skal så bare have de 3 linjer ind på alle sine sider og alle rettelser
af hensyn til de ældre IE-versioner sker i en enkelt fil.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/
| |
Rune Jensen (10-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 10-08-06 06:12 |
|
"Erik Ginnerskov" wrote in message...
> Rune Jensen wrote:
>
> > Naaahh.. jeg mener, du indsætter da det hack i HTMLen? Du kan da
ikke
> > bruge det i selve CSSfilen?
>
> Nej, men så kan man i stedet lave en css-fil, der alene henvender sig
til IE
> ældre end v. 7:
>
> <!--[if lt IE7]>
> <link rel="stylesheet" type="text/css" media="screen"
href="old-ie.css">
> >> <![endif]-->
>
> Man skal så bare have de 3 linjer ind på alle sine sider og alle
rettelser
> af hensyn til de ældre IE-versioner sker i en enkelt fil.
Og det er dét, jeg er modstander af Jeg har to hacks i CSSen - det
virker som overkill at skulle indsætte så meget for 2 småændringer.
Iøvrigt læste jeg dit svar i en anden tråd omkring netop menuer, og jeg
tror, jeg kan slippe af med det hack til menuen ved at sætte width på
menupunkterne og så auto i margin left/right. Så bliver de jo automatisk
centreret udfra bredden, og det bør alle browsere kunne forstå. Jeg har
ikke tid til at rode med det nu, men hvis det virker, så lyder det lidt
mere elegant end min løsning. Jeg er også ret sikker på at have læst/set
et eksempel på et 2-DIVs layout med menu på lister uden hacks
overhovedet...
MVH
Rune
| |
Rune Jensen (10-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 10-08-06 19:51 |
|
"Erik Ginnerskov" wrote in message...
(snip)
<!--[if lt IE7]>
(snip)
Der skal et mellemrum på... Ellers virker det ikke
<!-- [if lt IE7]>
MVH
Rune Jensen
| |
Jørgen Farum Jensen (10-08-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 10-08-06 14:57 |
|
Rune Jensen skrev:
> Ja, mente jeg nok... har også selv lige lagt vejen forbi MSDN (tror jeg
> det hedder), og der nævner de det også... jeg vil dog stadig påstå, det
> hack ligger i HTMLen, ikke i CSSfilen? Hvis du putter ovenstående i
> CSSfilen, validerer det så? For jo, så vil jeg nok også bruge den
> metode.
Jeg synes nu jeg har gjort det ganske
klart, at der er tale om en HTML-markør,
nemlig kommentar-markøren, <!-- [indhold] -->
der blot er lavet lidt anderledes.
OG MSN's blog er ganske rigtig yderst
kryptisk, men essensen er, så vidt jeg
har forstået, at IE7 vil fortolke /alle/
kontekstuelle selektorer i overensstemmelse
med standarden. Det gælder især sjerne-hacket
#box {background:red;}
* html div#box {background:blue;}
Alle browsere, inklusive IE > IE6 vil
tegne en rød kasse, mens IE < IE7 vil
tegne en blå kasse. Og det duer jo ikke
hvis kassen skal være blå i IE.
(Dårligt eksempel, men du begriber sikkert
meningen).
En række af de øvrige syntaktiske hacks
såsom _height:1% og w/idth:200px og hvad ved
jeg, som vi har brugt i tidens løb,
duer heller ikke mere.
Se i øvrigt
http://www.positioniseverything.net/articles/poll/star-html.php
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Rune Jensen (10-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 10-08-06 19:16 |
|
"Jørgen Farum Jensen" wrote in message
> Jeg synes nu jeg har gjort det ganske
> klart, at der er tale om en HTML-markør,
> nemlig kommentar-markøren, <!-- [indhold] -->
> der blot er lavet lidt anderledes.
Ja, det kunne jeg forstå - mere eller mindre. Jeg ville bare hellere
have en ren CSS IE-hack end en HTML, som jeg også skrev. Af de samme
grunde, jeg nævnte, nemlig at det fylder alt for meget med et ekstra
stilark, det er besværligt at indsætte hacket i alle HTML-dokumenter, og
man kan risikere ventetid fra det ene CSS er indlæst til det rene IE.
Dertil kommer, at når man kan se sit hack nedenunder sin originale kode
i CSSen, så kan man se forskellen, og man kan se ændringerne. Jeg synes,
det er dødbesværligt at sidde med to næsten ens CSS-ark og så skifte
imellem dem for at kunne ændre i det ene. Derfor bliver jeg nok aldrig
fan af Microsofts HTML-løsning, selvom jeg kan være tvunget til at bruge
den - og i så fald så lidt som overhovedet muligt. Jeg synes ikke, to
stilark er god stil
> (..)
> En række af de øvrige syntaktiske hacks
> såsom _height:1% og w/idth:200px og hvad ved
> jeg, som vi har brugt i tidens løb,
> duer heller ikke mere.
>
> Se i øvrigt
>
> http://www.positioniseverything.net/articles/poll/star-html.php
Jo, det ridser jo bare problemet yderligere op. Men hacks er jo heller
ikke kønne at se på i koden, specielt ikke, når der er så mange
forskellige. Hvorfor ikke bare tage konsekvensen og så lave ét
MS-godkendt hack baseret på CSS-comment. Så kan man bruge det til IE>6,
og så langsomt udfase sine star-hacks og hvad der måtte være.
MVH
Rune
| |
Jørgen Farum Jensen (10-08-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 10-08-06 22:44 |
|
Rune Jensen skrev:
>> Jeg synes nu jeg har gjort det ganske
>> klart, at der er tale om en HTML-markør,
>> nemlig kommentar-markøren, <!-- [indhold] -->
>> der blot er lavet lidt anderledes.
>
> Ja, det kunne jeg forstå - mere eller mindre. Jeg ville bare hellere
> have en ren CSS IE-hack end en HTML, som jeg også skrev. Af de samme
> grunde, jeg nævnte, nemlig at det fylder alt for meget med et ekstra
> stilark, det er besværligt at indsætte hacket i alle HTML-dokumenter, og
> man kan risikere ventetid fra det ene CSS er indlæst til det rene IE.
Den ekstra båndbredde, der er tale om, er ikke værd at
tale om ...
Det drejer sig vel om nogle få generelle regler.
Desuden kan du lægge helle baduljen ud i en separat fil
og med SSI inkludere den på alle sider.
Og med CSS hacks eller filtre bliver det jo bare værre og
værre, jo flere IE versioner vi har at slås med.
> Dertil kommer, at når man kan se sit hack nedenunder sin originale kode
> i CSSen, så kan man se forskellen, og man kan se ændringerne. Jeg synes,
> det er dødbesværligt at sidde med to næsten ens CSS-ark og så skifte
Det forstår jeg ikke noget af? Fidusen ved at bruge MS
betinget kommentar er jo netop at du kun bruger den til
de IE-specifikke formregler, så den samme ser ens ud i IE
og andre browsere.
Det mest besværlige er vel at man er indtil videre
er nødt til at have en computer til IE 6 og en anden
til IE 7.
Medmindre nogen er vidende om, at IE 6 allerede er
lavet om til en lokal parallelkopi, ligesom IE 5 og
IE 4?
>> (..)
>> En række af de øvrige syntaktiske hacks
>> såsom _height:1% og w/idth:200px og hvad ved
>> jeg, som vi har brugt i tidens løb,
>> duer heller ikke mere.
>>
>> Se i øvrigt
>>
>> http://www.positioniseverything.net/articles/poll/star-html.php
>
> Jo, det ridser jo bare problemet yderligere op. Men hacks er jo heller
> ikke kønne at se på i koden, specielt ikke, når der er så mange
> forskellige. Hvorfor ikke bare tage konsekvensen og så lave ét
> MS-godkendt hack baseret på CSS-comment. Så kan man bruge det til IE>6,
> og så langsomt udfase sine star-hacks og hvad der måtte være.
Problemet er jo at IE7 er /mere/ standardkompatibel end
de tidligere versioner, så det er ikke nogen løsning.
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
Rune Jensen (12-08-2006)
| Kommentar Fra : Rune Jensen |
Dato : 12-08-06 18:43 |
|
"Jørgen Farum Jensen" wrote in message
> Den ekstra båndbredde, der er tale om, er ikke værd at
> tale om ...
>
> Det drejer sig vel om nogle få generelle regler.
> Desuden kan du lægge helle baduljen ud i en separat fil
> og med SSI inkludere den på alle sider.
>
> Og med CSS hacks eller filtre bliver det jo bare værre og
> værre, jo flere IE versioner vi har at slås med.
Mjoh... jeg ville bare gerne fra starten have haft MS betinget kommentar
i CSS... det har de så ikke lavet, og så er det vel det, for så er der
så meget andet, man kunne ønske sig de havde lavet fra starten - en
fejlfri browser, f.eks.
> Det mest besværlige er vel at man er indtil videre
> er nødt til at have en computer til IE 6 og en anden
> til IE 7.
Lidt billigere måske at køre to styresystemer på samme maskine, og så
installere forskellige browsere på hvert system. Det virker fint her.
Har dog ikke IE7 endnu -
MVH
Rune
--
webmaster for www.discolight.dk udlejning af diskoteksudstyr
og www.ilmark.dk Galleri
| |
Jørgen Farum Jensen (12-08-2006)
| Kommentar Fra : Jørgen Farum Jensen |
Dato : 12-08-06 20:57 |
|
Rune Jensen skrev:
> Mjoh... jeg ville bare gerne fra starten have haft MS betinget kommentar
> i CSS... det har de så ikke lavet, og så er det vel det, for så er der
> så meget andet, man kunne ønske sig de havde lavet fra starten - en
> fejlfri browser, f.eks.
Joeh, men de betingede kommentarer er vel det næstbedste.
Både disse og doctype switching er vel en slags indrømmelse
fra MS' side at deres browsere ikke er helt standardkompatible.
I øvrigt er disse betingede kommentarer ikke så nye endda.
Jeg hørte første gang om dem i 2002, og da var de allerede
kendte af en del websidekonstruktører.
Men MS er jo (var?) jo ikke dem der reklamerer med den
slags ting. Godt nok gør man indrømmelser, men at publicere
dem vidt og bredt er vist ikke sædvanlig praksis.
--
Med venlig hilsen
Jørgen Farum Jensen
http://www.webdesign101.dk
..
| |
|
|