---

På Siden www.1vangede.dk har jeg lidt problemer med min menu

Når jeg i IE, fører musen over menu-punkterne flytter disse sig mod venstre,
hvilket de ikke skal

Er der nogen der har en god ide til, hvordan det kan rettes?

Problemet findes ikke i Firefox

/Kasper

---

Kasper Lindberg wrote:
> På Siden www.1vangede.dk har jeg lidt problemer med min menu
>
> Når jeg i IE, fører musen over menu-punkterne flytter disse sig mod venstre,
> hvilket de ikke skal
>
> Er der nogen der har en god ide til, hvordan det kan rettes?
>

Start med at rydde op i alle dine css-filer.
4 css-filer til en så simple side er alt for
meget, og det er pløkumuligt at tjekke, om
du har flere regler for samme element.


.menu ul {
   position: absolute;
   list-style: none;
/*   margin-top:-1.7em; /**/
   margin-top:-22%;
-->   margin-left:102%; <--
/*   margin-left:7.6em; /**/
   padding:0;
}

Hvis jeg var en browser, ville jeg da kløjs
i sådan én.

I øvrigt tror jeg nok at den forkerte
syntaks i kommentarerne fejlfortolkes af
IE/Mac, eller af Safari - jeg husker det
ikke lige.

Desuden: Du har næsten 50 kilobyte grafik
til en så primitiv side - det er alt
for meget. Du skal ind og kigge på
optimeringen af dine grafiske elementer.

(http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.1vangede.dk/)
--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:44b3b727$0$12604$edfadb0f@dread14.news.tele.dk...
> Kasper Lindberg wrote:
>> På Siden www.1vangede.dk har jeg lidt problemer med min menu
>>
>> Når jeg i IE, fører musen over menu-punkterne flytter disse sig mod
>> venstre, hvilket de ikke skal

Faktisk rykker både punktet OG punktet ovenover, til venstre

>>
>> Er der nogen der har en god ide til, hvordan det kan rettes?
>>

>
> Start med at rydde op i alle dine css-filer.
> 4 css-filer til en så simple side er alt for
> meget, og det er pløkumuligt at tjekke, om
> du har flere regler for samme element.
>

jeg har fjernet en, da den ikke var relevant på forsiden, og ej heller for
menuen.
resten kan ses i et samlet dokument, på
http://www.1vangede.dk/style/css-overblik.shtml
filerne/reglerne indlæses i samme rækkefølge, som de er skrevet


Hvad er forskellen på 4 små, mod 1 stor css-fil?



> .menu ul {
> position: absolute;
> list-style: none;
> /* margin-top:-1.7em; /**/
> margin-top:-22%;
> --> margin-left:102%; <--
> /* margin-left:7.6em; /**/
> padding:0;
> }
>
> Hvis jeg var en browser, ville jeg da kløjs
> i sådan én.
>

hvorfor?
fordi det er %, eller fordi det er %>100


> I øvrigt tror jeg nok at den forkerte
> syntaks i kommentarerne fejlfortolkes af
> IE/Mac, eller af Safari - jeg husker det
> ikke lige.
>

okay, skal jeg huske, men jeg bruger windows, så det er ikke relevant for
(den direkte) løsning(en) på mit problem

> Desuden: Du har næsten 50 kilobyte grafik
> til en så primitiv side - det er alt
> for meget. Du skal ind og kigge på
> optimeringen af dine grafiske elementer.
>
> (http://www.websiteoptimization.com/services/analyze/wso.php?url=http://www.1vangede.dk/)

har du måske ret i.
Jeg ved at siden har mange ting der skal laves/rettes, men et problem ad
gangen, startende med menuen.


MVH

/Kasper

---

Kasper Lindberg wrote:


>>Start med at rydde op i alle dine css-filer.
>>4 css-filer til en så simple side er alt for
>>meget, og det er pløkumuligt at tjekke, om
>>du har flere regler for samme element.

>
> Hvad er forskellen på 4 små, mod 1 stor css-fil?

Så er det meget lettere at gennemskue, hvilke elementer,
der er formateret hvorrdan.

Det gælder dog ikke i dette tilfælde, hvor du har
adskilligt mange flere formdeklarationer end du
har elementer, hvoraf der i øvrigt synes at være
for mange.

Jeg har ikke tænkt mig at gå det hele igennem,
men hvorfor for eksempel

hn:first-letter {text-transform:uppercase;}?

Det er da mere hensigtsmæssigt at skrive stort
begyndelsesbogstav?

h1 + p:first-letter {font-size:1.6em;}

er fint nok, men IE forrstår ikke nærmest
søskende selektoren, så det er vel
også lidt overflødigt?

..u {text-decoration:underline;}

burde være verboten, kun links bør
være understregede på en webside, og
det bliver de jo af sig selv, hvis du ikke fjerner
understregningen.

Når jeg kigger på din kode, kan jeg ikke se bedre, end at
du kan nøjes med 5 elementer til dit grundlayout:

<div id="container">
<h1>...</h1>
<div id="menucol">
[menukode ]
</div>
<div id="indhold">
....
</div>

<div id="sidefod">
[Sidefodstekst ]
</div>
</div> <!--/container-->

og stylesheet:

#container {
width:90%;
margin:1em auto;
}
#menucol {
width:20%;
float:left;
}
#indhold {
margin-left:22%;
}
#sidefod {
clear:left;}

Det er dit grundlayout. Resten er simpel
tekstformatering.

Som spejder lærer man vel om KISS?

>
>
>> .menu ul {
>>position: absolute;
>>list-style: none;
>>/* margin-top:-1.7em; /**/
>>margin-top:-22%;
>>--> margin-left:102%; <--
>>/* margin-left:7.6em; /**/
>> padding:0;
>> }
>>

> hvorfor?
> fordi det er %, eller fordi det er %>100

My mistake. Jeg have overset at det var en ul i en ul.
Jeg ville nu alligevel prøve med absolutte mål.
Prøv at lave menuen separat fra siden og se om du ikke
kan få den til at virke med /kun/ de stylesheet
formdeklarationer, der hører til denne.

Så kan du bagefter sætte den ind på siden, Hvis den
så ikke virker, er det fordi der er andre formregler med
større vægt, dergriberind.

>>I øvrigt tror jeg nok at den forkerte
>>syntaks i kommentarerne fejlfortolkes af
>>IE/Mac, eller af Safari - jeg husker det
>>ikke lige.
>>
>
>
> okay, skal jeg huske, men jeg bruger windows, så det er ikke relevant for
> (den direkte) løsning(en) på mit problem


Nøh, men det er jo nok relevant for de 15-20 procent,
der bruger Mac.



--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:44b42ac7$0$12612$edfadb0f@dread14.news.tele.dk...
> Kasper Lindberg wrote:
>
>
>>>Start med at rydde op i alle dine css-filer.
>>>4 css-filer til en så simple side er alt for
>>>meget, og det er pløkumuligt at tjekke, om
>>>du har flere regler for samme element.
>>
>> Hvad er forskellen på 4 små, mod 1 stor css-fil?
>
> Så er det meget lettere at gennemskue, hvilke elementer,
> der er formateret hvorrdan.

Smag og behag, jeg kan godt overskue fire små filer, da jeg ved hvad der
står i dem.

> Det gælder dog ikke i dette tilfælde, hvor du har
> adskilligt mange flere formdeklarationer end du
> har elementer, hvoraf der i øvrigt synes at være
> for mange.
>
> Jeg har ikke tænkt mig at gå det hele igennem,
> men hvorfor for eksempel
>
> hn:first-letter {text-transform:uppercase;}?
>

fordi jeg kan :P
Det bunder i en test af pseudo-class-selektorer, og jeg har ikke set nogen
grund til at fjerne den

> Det er da mere hensigtsmæssigt at skrive stort
> begyndelsesbogstav?
>
> h1 + p:first-letter {font-size:1.6em;}
>
> er fint nok, men IE forrstår ikke nærmest
> søskende selektoren, så det er vel
> også lidt overflødigt?
>

nej, jeg designer til firefox, og prøver derefter, efter bedste evne, at få
IE med.
Det er rigtigt at IE-ikke forstår "nærmest søskende selektoren", men jeg
har accepteret det, da det ikke betyder det store.

> .u {text-decoration:underline;}
>
> burde være verboten, kun links bør
> være understregede på en webside, og
> det bliver de jo af sig selv, hvis du ikke fjerner
> understregningen.

forbudt, nej, bruges med omtanke, JA

Hvis jeg finder grund til at lave understregning, gennemstregning eller
forhindre linieskift, kan jeg gøre dette, uden at skulle lave inline styles

(jeg arbejder som standard i xhtml 1.0 strict, hvor <u> , <s> og <nobr> ikke
findes. disse laver jeg så som <span class="u"> </span> og lign.)


> Prøv at lave menuen separat fra siden og se om du ikke
> kan få den til at virke med /kun/ de stylesheet
> formdeklarationer, der hører til denne.
>
> Så kan du bagefter sætte den ind på siden, Hvis den
> så ikke virker, er det fordi der er andre formregler med
> større vægt, der griber ind.

Jeg prøver,
http://www.1vangede.dk/testarea/menu/index.asp

hmm... nu gik det da helt galt, Jeg fatter ikke hvad der går galt.

>> okay, skal jeg huske, men jeg bruger windows, så det er ikke relevant for
>> (den direkte) løsning(en) på mit problem
>
>
> Nøh, men det er jo nok relevant for de 15-20 procent,
> der bruger Mac.

Nu skal den lige virke i Win IE 6 først, så kan jeg bekymre mig om andre
browsere bagefter

/Kasper

---

Kasper Lindberg wrote:

>>Så er det meget lettere at gennemskue, hvilke elementer,
>>der er formateret hvorrdan.
>
>
> Smag og behag, jeg kan godt overskue fire små filer, da jeg ved hvad der
> står i dem.

Jamen så må det jo være let for dig
at finde den fejl.


>>Jeg har ikke tænkt mig at gå det hele igennem,
>>men hvorfor for eksempel
>>
>>hn:first-letter {text-transform:uppercase;}?
>>
>
>
> fordi jeg kan :P
> Det bunder i en test af pseudo-class-selektorer, og jeg har ikke set nogen
> grund til at fjerne den

Websmedens første bud er: lad være med at lave
noget, bare fordi du kan.

Og du har et par hundrede bytes mere end nødvendigt
i din css-fil alene på grund af eksperiment?

>
>>Det er da mere hensigtsmæssigt at skrive stort
>>begyndelsesbogstav?
>>
>>h1 + p:first-letter {font-size:1.6em;}
>>
>>er fint nok, men IE forrstår ikke nærmest
>>søskende selektoren, så det er vel
>>også lidt overflødigt?
>>
>
>
> nej, jeg designer til firefox, og prøver derefter, efter bedste evne, at få
> IE med.
> Det er rigtigt at IE-ikke forstår "nærmest søskende selektoren", men jeg
> har accepteret det, da det ikke betyder det store.

Jammen hvis du virkelig mener, at +p:first-letter skal være
1.6em høj, er du jo under alle omstændigheder nødt til gøre
det på en anden måde.

>
>>.u {text-decoration:underline;}
>>
>>burde være verboten, kun links bør
>>være understregede på en webside, og
>>det bliver de jo af sig selv, hvis du ikke fjerner
>>understregningen.
>
>
> forbudt, nej, bruges med omtanke, JA

NEJ

> Jeg prøver,
> http://www.1vangede.dk/testarea/menu/index.asp
>
> hmm... nu gik det da helt galt, Jeg fatter ikke hvad der går galt.
>

I princippet er det da let nok at se,
i praksis er det nok lidt vanskeligt,
i hvert fald for mig, eftersom du stadig har
en forfærdelig masse forskellige id'er og klasser,
hvor en 4-5 stykker ville vær enok,
jf. for eksempel

http://www.webdesign101.dk/www/cssmenu/dropdownmenu/eks07.html



--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:44b6473f$0$12671$edfadb0f@dread14.news.tele.dk...
> Kasper Lindberg wrote:
>
> Websmedens første bud er: lad være med at lave
> noget, bare fordi du kan.
>
> Og du har et par hundrede bytes mere end nødvendigt
> i din css-fil alene på grund af eksperiment?
>
Learning by doing, Jeg er nødt til at eksperimentere for at lære, og vil man
ikke helst se sit arbejde blive brugt....

>> jeg designer til firefox, og prøver derefter, efter bedste evne, at få IE
>> med.
>> Det er rigtigt at IE-ikke forstår "nærmest søskende selektoren", men jeg
>> har accepteret det, da det ikke betyder det store.
>
> Jammen hvis du virkelig mener, at +p:first-letter skal være 1.6em høj, er
> du jo under alle omstændigheder nødt til gøre
> det på en anden måde.
>
siger hvem?, så skulle jeg sætte en class på alle de <p> som jeg rammer med
hn+p..., så vigtigt er det ikke, men hvorfor skulle jeg lade være med at
lave det, bare fordi IE ikke forstår det?

>> Jeg prøver,
>> http://www.1vangede.dk/testarea/menu/index.asp
>>
>>
>
> I princippet er det da let nok at se,
> i praksis er det nok lidt vanskeligt,
> i hvert fald for mig, eftersom du stadig har
> en forfærdelig masse forskellige id'er og klasser,
> hvor en 4-5 stykker ville vær enok,
> jf. for eksempel
>
> http://www.webdesign101.dk/www/cssmenu/dropdownmenu/eks07.html
>

tja... forskellen på den og min, er at jeg prøver at skalere i forhold til
sidens brede, og det er det der giver problemerne.

Tak for dine kommentarer

/Kasper

---

Kasper Lindberg wrote:

>>Jammen hvis du virkelig mener, at +p:first-letter skal være 1.6em høj, er
>>du jo under alle omstændigheder nødt til gøre
>>det på en anden måde.
>>
>
> siger hvem?, så skulle jeg sætte en class på alle de <p> som jeg rammer med
> hn+p..., så vigtigt er det ikke, men hvorfor skulle jeg lade være med at
> lave det, bare fordi IE ikke forstår det?

Man må jo gå ud fra at der er en designmæssig
mening med at lave første bogstav i en overskrifts
nærmest søskende en bestemt højde.

Ellers er det jo ligegyldigt.
Og så behøver du jo hverken mine eller andres
kommentarer.

> tja... forskellen på den og min, er at jeg prøver at skalere i forhold til
> sidens brede, og det er det der giver problemerne.
>

http://www.webdesign101.dk/www/cssmenu/dropdownmenu.php#layout
&
http://www.webdesign101.dk/www/cssmenu/dropdownmenu/eks07a.html


--

Med venlig hilsen

Jørgen Farum Jensen
http://www.webdesign101.dk
..

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:44b69d83$0$12676$edfadb0f@dread14.news.tele.dk...
> Kasper Lindberg wrote:
>> siger hvem?, så skulle jeg sætte en class på alle de <p> som jeg rammer
>> med
>> hn+p..., så vigtigt er det ikke, men hvorfor skulle jeg lade være med at
>> lave det, bare fordi IE ikke forstår det?
>
> Man må jo gå ud fra at der er en designmæssig
> mening med at lave første bogstav i en overskrifts
> nærmest søskende en bestemt højde.
>
> Ellers er det jo ligegyldigt.
> Og så behøver du jo hverken mine eller andres
> kommentarer.
>

nu var det jo ikke den del af min css, som jeg havde (har) problemer med.

>> tja... forskellen på den og min, er at jeg prøver at skalere i forhold
>> til sidens brede, og det er det der giver problemerne.
>>
>
> http://www.webdesign101.dk/www/cssmenu/dropdownmenu.php#layout
> &
> http://www.webdesign101.dk/www/cssmenu/dropdownmenu/eks07a.html
>

http://www.webdesign101.dk/www/cssmenu/dropdownmenu/eks07c.html
er en meget god beskrivelse af hvad jeg prøver på:
En menu der tilpasser sig sidens brede

Jeg vil i den kommende tid, prøve at sammenligne dit eksempel, med min menu,
for at finde forskellene.

om ikke andet, kan jeg bruge din css som basis, for at få min egen menu til
at virke

Tak for hjælpen

/Kasper

---

Kasper Lindberg wrote:
> siger hvem?, så skulle jeg sætte en class på alle de <p> som jeg
> rammer med hn+p..., så vigtigt er det ikke, men hvorfor skulle jeg
> lade være med at lave det, bare fordi IE ikke forstår det?

Det er muligt jeg ikke forstår en skid, men hvis du spørger hvorfor du skal
udelukke verdens mest brugte browser, så er du altså dummere end en låst dør
hvor nøglen sidder på indersiden Du vil da vel ikke i ramme alvor
udelukke IE brugere? Eller har jeg misforstået noget?

Med venlig hilsen
Johnny Winther Ronneberg

---

Den Thu, 13 Jul 2006 21:50:43 +0200 skrev Johnny Winther Ronnenberg:
> Kasper Lindberg wrote:
>> siger hvem?, så skulle jeg sætte en class på alle de <p> som jeg
>> rammer med hn+p..., så vigtigt er det ikke, men hvorfor skulle jeg
>> lade være med at lave det, bare fordi IE ikke forstår det?
>
> Det er muligt jeg ikke forstår en skid, men hvis du spørger hvorfor du skal
> udelukke verdens mest brugte browser, så er du altså dummere end en låst dør
> hvor nøglen sidder på indersiden Du vil da vel ikke i ramme alvor
> udelukke IE brugere? Eller har jeg misforstået noget?

Hvordan definerer du at "udelukke IE-brugere"?

Når jeg læser det, tænker jeg server-side check på user-agent. Ikke
blot at sige "så får de sg* ikke det store begyndelses-bogstav,
bare ærgerligt, de opdager alligevel ikke de går glip af noget
medmindre de sammenligner med en anden browser".

Iøvrigt kan jeg da sagtens forestille mig sider hvor man er bedøvende
ligeglad med om IE-brugere kan se den. Fx "tips og tricks til Opera"

Mvh
Kent
--
"So there I was surrounded by all these scary creatures
They were even scarier than what Microsoft call features"
- C64Mafia: Forbidden Forest (Don't Go Walking Slow).

---

"Kent Friis" <nospam@nospam.invalid> skrev i en meddelelse
news:44b6aaca$0$15787$14726298@news.sunsite.dk...
> Den Thu, 13 Jul 2006 21:50:43 +0200 skrev Johnny Winther Ronnenberg:
>> Kasper Lindberg wrote:
>>> siger hvem?, så skulle jeg sætte en class på alle de <p> som jeg
>>> rammer med hn+p..., så vigtigt er det ikke, men hvorfor skulle jeg
>>> lade være med at lave det, bare fordi IE ikke forstår det?
>>
>> Det er muligt jeg ikke forstår en skid, men hvis du spørger hvorfor du
>> skal
>> udelukke verdens mest brugte browser, så er du altså dummere end en låst
>> dør
>> hvor nøglen sidder på indersiden Du vil da vel ikke i ramme alvor
>> udelukke IE brugere? Eller har jeg misforstået noget?
>
> Hvordan definerer du at "udelukke IE-brugere"?
>
> Når jeg læser det, tænker jeg server-side check på user-agent. Ikke
> blot at sige "så får de sg* ikke det store begyndelses-bogstav,
> bare ærgerligt, de opdager alligevel ikke de går glip af noget
> medmindre de sammenligner med en anden browser".
>

Bingo :)

/Kasper