menyn försvann...
PNGbilder - fördelar/nackdelar och användningsområden
33 svar · 1 441 visningar · startad av symbolism · sida 2 av 2
Frågan, av symbolism
Hejsan! Jag gjorde idag en upptäckt som kommer påverka allt mitt kommande designarbet - jag testade att spara bilder från photoshop i PNG-format iställer för gif eller jpg. Det är ju hur bra som helst, bilderna får transpoarenta tilljämningspixlar osv och man kan placera kritterna vart som helst på en sida och det ser bra ut. Jag upptäckte det hela i samband med ett enkelt DHTML-skolarbete
Läs frågan i sin helhet →
så om jag följer guiden ska jag alltså inte ange ul li a i följand ekod:
img, #header, .class, blockquote { behavior: url(iepngfix.htc); }
En annan nackdel med PNG förutom det dåliga stödet i ie är problemet med gamma... The Sad Story of PNG Gamma “Correction”
symbolism skrev:
så om jag följer guiden ska jag alltså inte ange ul li a i följand ekod:
img, #header, .class, blockquote { behavior: url(iepngfix.htc); }
Det beror ju på var du har din pngs. Den koden är bara ett exempel.
pngn ligger här:
#meny ul li a
{
text-decoration: none;
background: url(layout/menu.png) no-repeat;
font-size: 16px;
font-weight: bold;
float: left;
margin-left: 5px;
height: 20px;
width: 90px;
padding: 5px;
color: black;
}
symbolism skrev:
pngn ligger här:
#meny ul li a { text-decoration: none; background: url(layout/menu.png) no-repeat; font-size: 16px; font-weight: bold; float: left; margin-left: 5px; height: 20px; width: 90px; padding: 5px; color: black; }
Då kan du använda
#meny { behavior: url(iepngfix.htc); }
det är ju fan sjukt. ingenting verkar funka för att fixa till den jäkla PNGbilden.
så här har jag gjort:
jag har rätt sökväg till htcfilen.
/*själva menyn*/
#meny
{
margin: 0;
padding: 0;
}
#meny ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#meny ul li {float: left;}
/*pngfix*/
#meny { behavior: url(iepngfix/iepngfix.htc); }
/*pngfix*/
#meny ul li a
{
text-decoration: none;
background: url(layout/menu.png) no-repeat;
font-size: 16px;
font-weight: bold;
float: left;
margin-left: 5px;
height: 20px;
width: 90px;
padding: 5px;
color: black;
}
#meny ul li a:hover
{
background-position: right;
}
/*själva menyn*/
vad har jag gjort för fel!?
Såhär rakt av ser jag inga fel. Borde funka om sökvägarna är riktiga. Jag kör som sagt fixen på min egen sajt, där t.ex datumramarna är pngs.
Kan flika in att den där fixen tycks ha lite problem med repeterande bakgrunder. Lade in den förut på en textruta med bakgrund och den repeterades inte alls.
det är väl det att bakgrunden repeteras som spökar då, kankse.... att den ligger på alla listelement? om jag gör 5 identiska bilder och lägger alla som bakgrund i en class för varje lista kanske det funkar? aja... kör bara gif och tar bort de flesta kantpixlarna sålänge helt enkelt...
Se även till att du tömmer cachen i din webbläsare så att du är säker på att du laddar helt färska filer.
tack! tänkte inte på det. ska kolla om jag får större success senare.
jag tror bestämt att denna tråd är färdigmjölkad! tack för alla era svar och försök till att hjälpa mig med PNGbidlerna., Jag pixlade dock ihop dem istället.