|
| flimrende menu Fra : Lars Hoffmann |
Dato : 18-06-07 08:36 |
| | |
Lars Hoffmann (18-06-2007)
| Kommentar Fra : Lars Hoffmann |
Dato : 18-06-07 12:52 |
|
On Jun 18, 9:35 am, Lars Hoffmann <l...@intercambiodvd.com> wrote:
> Menuen på følgende side giver mig problemer: http://www.webpac.com/files/917143/917145-ZELQWAOY/Site/default-EDP.htm
>
> :hover efekten i CSS flimrer første gang man fører musen hen over
> menuen. Det lader til at den ikke preloader baggrundene fra.
>
> Hvorfor preloades de billeder ikke?
Jeg har nu løst problemet. Jeg preloader nu hover baggrunden i den
container hvor mine links ligger i og det virker.
| |
Allan Vebel (18-06-2007)
| Kommentar Fra : Allan Vebel |
Dato : 18-06-07 20:34 |
|
Lars Hoffmann skrev:
> hover efekten i CSS flimrer første gang man fører
> musen hen over menuen. Det lader til at den ikke
> preloader baggrundene fra.
>
> Hvorfor preloades de billeder ikke?
Det er ret enkelt at preloade billeder til senere brug, se
http://html-faq.dk/2004.asp
men i IE, i hvert fald i version 6, kan det godt flimre en
del - i IE7 går den meget bedre.
--
Allan Vebel
http://html-faq.dk
| |
Morten Vadskær (19-06-2007)
| Kommentar Fra : Morten Vadskær |
Dato : 19-06-07 06:58 |
|
> :hover efekten i CSS flimrer første gang man fører musen hen over
> menuen. Det lader til at den ikke preloader baggrundene fra.
Det ser fint ud hos mig (Firefox og Mozilla på Linux), men du har måske
selv fået kringlet det??..
--
www.mXchange.dk - køb og sælg brugte mobiler
| |
Lars Hoffmann (19-06-2007)
| Kommentar Fra : Lars Hoffmann |
Dato : 19-06-07 07:40 |
|
On Jun 18, 9:33 pm, "Allan Vebel" <s...@do.not> wrote:
> Lars Hoffmann skrev:
>
> > hover efekten i CSS flimrer første gang man fører
> > musen hen over menuen. Det lader til at den ikke
> > preloader baggrundene fra.
>
> > Hvorfor preloades de billeder ikke?
>
> Det er ret enkelt at preloade billeder til senere brug, se
>
> http://html-faq.dk/2004.asp
Kender jeg godt, men det virkede ikke. Jeg tror at cache
konfigureringen på serveren ikke tillader at cache billeder på denne
måde. Under alle omstændigheder har jeg løst problemet.
Med venlig hilsen
Lars Hoffmann
| |
Erik Ginnerskov (19-06-2007)
| Kommentar Fra : Erik Ginnerskov |
Dato : 19-06-07 20:50 |
|
Lars Hoffmann wrote:
> Jeg tror at cache
> konfigureringen på serveren ikke tillader at cache billeder på denne
> måde.
Caching af billeder sker da ikke på serveren. Det er brugerens browser, som
af hjemmesiden instrueres om at hente og lagre billederne indtil de skal
bruges.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk
| |
Lars Hoffmann (19-06-2007)
| Kommentar Fra : Lars Hoffmann |
Dato : 19-06-07 07:44 |
|
On Jun 19, 7:57 am, Morten Vadskær <vadsk...@gmail.com> wrote:
> Det ser fint ud hos mig (Firefox og Mozilla på Linux), men du har måske
> selv fået kringlet det??..
Jepper, Løsningen var ikke helt så simpel som jeg kunne have ønsket
mig, men det virker da i det mindste:
Min menu ser sådanher ud:
<ul class="content">
<li id="Level1aSelected">Home</li>
<li id="Level1bNotSelected"><a href="#">News</a></li>
<li id="Level1cNotSelected"><a href="#">Custom packaging</a></li>
<li id="Level1dNotSelected"><a href="#">Standard packaging</a></li>
<li id="Level1eNotSelected"><a href="#">Multimedia</a></li>
<li id="Level1fNotSelected"><a href="#">About EDP</a></li>
<li id="Level1gNotSelected"><a href="#">Contact</a></li>
</ul>
og for hvert element i menuen har jeg noget CSS der svarer til:
#Level1bNotSelected a
{
display:block;
text-align: center;
padding-top:5px;
height:43px;
width:97px;
background-image:URL('../../Edp/images/two-off.gif');
color:#FFFFFF;
text-decoration: none;
}
#Level1bNotSelected
{
background-image:URL('../../Edp/images/two-on.gif');
}
#Level1bNotSelected a:hover, #Level1bNotSelected a:focus
{
background-image:URL('../../Edp/images/two-on.gif');
}
Det vil sige at jeg loader baggrunden ind i <li> elementet, og på den
åde undgås flimren.
Med venlig hilsen
Lars Hoffmann
| |
Jørn Andersen (19-06-2007)
| Kommentar Fra : Jørn Andersen |
Dato : 19-06-07 13:52 |
|
On Tue, 19 Jun 2007 06:44:03 -0000, Lars Hoffmann
<lars@intercambiodvd.com> wrote:
>On Jun 19, 7:57 am, Morten Vadskær <vadsk...@gmail.com> wrote:
>
>> Det ser fint ud hos mig (Firefox og Mozilla på Linux), men du har måske
>> selv fået kringlet det??..
>
>
>Jepper, Løsningen var ikke helt så simpel som jeg kunne have ønsket
>mig, men det virker da i det mindste:
>
>Min menu ser sådanher ud:
><ul class="content">
> <li id="Level1aSelected">Home</li>
> <li id="Level1bNotSelected"><a href="#">News</a></li>
> <li id="Level1cNotSelected"><a href="#">Custom packaging</a></li>
> <li id="Level1dNotSelected"><a href="#">Standard packaging</a></li>
> <li id="Level1eNotSelected"><a href="#">Multimedia</a></li>
> <li id="Level1fNotSelected"><a href="#">About EDP</a></li>
> <li id="Level1gNotSelected"><a href="#">Contact</a></li>
></ul>
>
>og for hvert element i menuen har jeg noget CSS der svarer til:
Det giver en noget kompleks CSS.
Ville det ikke være nemmere at bruge:
<li id="level1a" class="selected">
<li id="level1b" class="notselected">
osv.
- ?
Det er lidt noget "snask" at skifte id afhængig af elementets "state".
Mvh. Jørn
--
Jørn Andersen,
Brønshøj
| |
Lars Hoffmann (19-06-2007)
| Kommentar Fra : Lars Hoffmann |
Dato : 19-06-07 16:49 |
|
On Jun 19, 2:51 pm, Jørn Andersen <j...@jorna.dk> wrote:
> Det er lidt noget "snask" at skifte id afhængig af elementets "state".
mjaeh det kan jeg måske nok, men jeg syntes ikke der er den store
fordel (eller ulempe) ved nogen af metoderne.
Med venlig hilsen
Lars Hoffmann
| |
Lars Hoffmann (19-06-2007)
| Kommentar Fra : Lars Hoffmann |
Dato : 19-06-07 17:04 |
|
On Jun 19, 2:51 pm, Jørn Andersen <j...@jorna.dk> wrote:
> On Tue, 19 Jun 2007 06:44:03 -0000, Lars Hoffmann
>
>
>
> <l...@intercambiodvd.com> wrote:
> >On Jun 19, 7:57 am, Morten Vadskær <vadsk...@gmail.com> wrote:
>
> >> Det ser fint ud hos mig (Firefox og Mozilla på Linux), men du har måske
> >> selv fået kringlet det??..
>
> >Jepper, Løsningen var ikke helt så simpel som jeg kunne have ønsket
> >mig, men det virker da i det mindste:
>
> >Min menu ser sådanher ud:
> ><ul class="content">
> > <li id="Level1aSelected">Home</li>
> > <li id="Level1bNotSelected"><a href="#">News</a></li>
> > <li id="Level1cNotSelected"><a href="#">Custom packaging</a></li>
> > <li id="Level1dNotSelected"><a href="#">Standard packaging</a></li>
> > <li id="Level1eNotSelected"><a href="#">Multimedia</a></li>
> > <li id="Level1fNotSelected"><a href="#">About EDP</a></li>
> > <li id="Level1gNotSelected"><a href="#">Contact</a></li>
> ></ul>
>
> >og for hvert element i menuen har jeg noget CSS der svarer til:
>
> Det giver en noget kompleks CSS.
> Ville det ikke være nemmere at bruge:
> <li id="level1a" class="selected">
> <li id="level1b" class="notselected">
> osv.
> - ?
>
> Det er lidt noget "snask" at skifte id afhængig af elementets "state".
Nu jeg tænker over det, kan jeg ikke se hvordan jeg skulle kunne gøre
det uden at sætte et id for hvert state.
Hvordan kan jeg i min CSS fil referere til <li id="level1a"
class="selected"> uden at referere til <li id="level1a"
class="notselected"> ?
| |
Jørn Andersen (20-06-2007)
| Kommentar Fra : Jørn Andersen |
Dato : 20-06-07 03:42 |
|
On Tue, 19 Jun 2007 16:03:50 -0000, Lars Hoffmann
<lars@intercambiodvd.com> wrote:
>> Det er lidt noget "snask" at skifte id afhængig af elementets "state".
Det er mig der har sovet i timen. Jeg havde overset, at du også ville
skifte baggrundsbillede og ikke kun farve.
>Nu jeg tænker over det, kan jeg ikke se hvordan jeg skulle kunne gøre
>det uden at sætte et id for hvert state.
>
>Hvordan kan jeg i min CSS fil referere til <li id="level1a"
>class="selected"> uden at referere til <li id="level1a"
>class="notselected"> ?
#level1a.selected { ... }
#level1a.notselected { ... }
- burde vel virke? Men om det er smart i dit tilfælde er nok tvivlsomt.
Min tanke var bare, at det ville hjælpe på overksueligheden at lægge
fælles-egenskaberne for sig og de ting, der skiftede for sig ...
Mvh. Jørn
--
Jørn Andersen,
Brønshøj
| |
Lars Hoffmann (20-06-2007)
| Kommentar Fra : Lars Hoffmann |
Dato : 20-06-07 08:03 |
|
On Jun 19, 9:50 pm, "Erik Ginnerskov" <e...@donotspammeplease.invalid>
wrote:
> Lars Hoffmann wrote:
> > Jeg tror at cache
> > konfigureringen på serveren ikke tillader at cache billeder på denne
> > måde.
>
> Caching af billeder sker da ikke på serveren. Det er brugerens browser, som
> af hjemmesiden instrueres om at hente og lagre billederne indtil de skal
> bruges.
Nej, men det er stadig serveren der fortæller browseren expire tiden
på de ting der bliver cached og hvis den er sat til at expire med det
samme, cacher browseren jo ikke billeder.
| |
Erik Ginnerskov (20-06-2007)
| Kommentar Fra : Erik Ginnerskov |
Dato : 20-06-07 20:51 |
|
"Lars Hoffmann" <lars@intercambiodvd.com> skrev i en meddelelse
news:1182322990.967316.37040@n60g2000hse.googlegroups.com...
Nej, men det er stadig serveren der fortæller browseren expire tiden
på de ting der bliver cached og hvis den er sat til at expire med det
samme,
Mig bekendt kan serveren ikke sætte expire på andet end serversidegenererede
cookies. En webside kan sætte expire på sig selv - men det sker på klienten,
ikke på serveren.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk
| |
Lars Hoffmann (20-06-2007)
| Kommentar Fra : Lars Hoffmann |
Dato : 20-06-07 08:25 |
|
On Jun 20, 4:42 am, Jørn Andersen <j...@jorna.dk> wrote:
> #level1a.selected { ... }
> #level1a.notselected { ... }
> - burde vel virke? Men om det er smart i dit tilfælde er nok tvivlsomt.
Jeg vil da prøve det, jeg kendte ikke til denne notering
> Min tanke var bare, at det ville hjælpe på overksueligheden at lægge
> fælles-egenskaberne for sig og de ting, der skiftede for sig ...
Ja det kan jeg godt se logikken i.
Med venlig hilsen
Lars Hoffman
| |
Lars Hoffmann (20-06-2007)
| Kommentar Fra : Lars Hoffmann |
Dato : 20-06-07 21:08 |
|
On Jun 20, 9:51 pm, "Erik Ginnerskov" <e...@donotspammeplease.invalid>
wrote:
> Mig bekendt kan serveren ikke sætte expire på andet end serversidegenererede
> cookies. En webside kan sætte expire på sig selv - men det sker på klienten,
> ikke på serveren.
Severen sætter http header med cache og expire informationer, dem der
svarer til html tagget <meta http-equiv="cache-control"> og <meta
http-equiv="expires">. browseren vil så cache alt efter hvad disse
angiver.
Med venlig hilsen
Lars Hoffmann
| |
|
|