CSS kérdésem van

[tzoli]

Játékszabályok:

 

Amint egy problémára van megoldás kiszedjük a beszélgetést ebből a topicból, hogy ne duzzadjon túl nagyra és kereshetetlenre, átláthataltlanra.

 

Egy hozzászólás lehetőleg egy kérdést tartalmazzon, vagy egy témához kapcsolódjon.

 

Helytelen:

 

A megoldás a problémádra ez: ....

Ja és nekem is van egy kérdésem: ...

vagy

 

Két kérdésem van: ...

vagy

 

Az a kérdésem, hogy ... . Ja és még azt meg tudná valaki mondani, hogy ... ?

[benkovics]

A Horizontal Rule-nak ( <hr> ) milyen értékeket, és hogyan lehet megadni css-ben?

[Kovács Gyula (MiniDisk)]

border, margin, width, background, height

 

De itt egy oldal errõl: http://www.sovavsiti.cz/css/hr.html

[benkovics]

Köszi!

Jó kis oldal ez!

[benkovics]

A li-t formáztam így:

li {
   list-style-image: url(images/li.png);
}

Miért nem jelenik meg a Firefoxban? Minden más böngészõben jó! :!:

[Mezofi]

Nálam a következõ képpen van, és mûködik mindkét böngészõben:

li {
    list-style: none url("kepek/lap_kepek/nav_bullets.gif");
}

A legjobban támogatott kép formátumok a jpg és a gif, persze azért még kezelheti a böngészõ a png-t is, de nem ártana ha mondjuk e két formátumot használnád a biztos megjelenítés érdekében.

[Kovács Gyula (MiniDisk)]

Vagy így írd:

 

li {
list-style: none url(kep.png);
}

 

Pont a Firefox ne támogatná a png-t ... Tamásnál a list-style-image -vel volt a baj. Nem kell az "image".

Mezofi: az url()-be nem kell " " jel az elérési útvonalhoz.

[Mezofi]

Ok, majd kipróbálom idézõ jelek nélkül is, de mûködik így is.

Azt kimered jelenteni teljes bizonyossággal, hogy azok a böngészõk, melyek támogatják a két általánosan elfogadott kép formátumot, azok támogatják mind a png-t is?

[Kovács Gyula (MiniDisk)]

A Firefox mindenképpen! De az Internet Explorer is ebben a megoldásban.

 

Itt egy példaweboldal, gyorsan csináltam egyet.

[Mezofi]

Ezt most olvastam a Fireworks MX 2004 kézikönyvben:

"PNG (Portable Network Graphic) Sajnos nem minden böngészõ képes megjeleníteni."

Akkor marad a kérdés, hogy csak a legáltalánosabb böngészõknek készítjük oldalainkat?

[benkovics]

Az a kézikönyv 2003-ban íródott!

[Mezofi]

Ok! A te oldalad!

Bocsi a formátum ajánlásért.

[benkovics]

Most ne sértõdj meg! De már mûködik! Én szúrtam el a kódot......

[Kovács Gyula (MiniDisk)]

Akkor marad a kérdés, hogy csak a legáltalánosabb böngészõknek készítjük oldalainkat?

Válasszuk külön az elavult Internet Explorert a többi böngészõtõl. Egyébként az inkompatibilitás az átlátszósági szintek esetében jön elõ, és nem az alap png kezelésben. Az átlátszónak beállított png-t képtelen jól kezelni az IE. De ez - mint fentebb írtam - az elavultságnak köszönhetõ, és a 7-es IE-ben javítva lesz.

[Darcy Tucker]

Azt szeretném megtudni (és ha lehetséges, akkor megcsinálni), hogy a képek, linkek felett felbukkanó tooltip színét lehet-e befolyásolni.

 

Például:

<A href="photos/kép.jpg" target="_blank"><IMG src="thumbs/kép.jpg" title="Leírás"></A>

 

Tehát, hogy a kódban szereplõ "Leírás" ne alapértelmezett krémszínû legyen, hanem, mondjuk, szürke.

[google]

CSS-sel biztosan nem, szerintem mással sem.

[Kovács Gyula (MiniDisk)]

Szerintem sehogy. De ki kell próbálni.

 

title {
background-color: #cccccc; 
}

 

Aztán vagy mûködik, vagy nem.

 

(Én az utóbbira tippelek. )

[eremit]

Vagy ezt is meg lehet próbálni.

 

.tooltip-label {
   background-color: #123456;
} 

[google]

Pont nélkül esetleg, de 99%, hogy nem lehet befolyásolni.

[Darcy Tucker]

Köszi. Mindjárt kipróbálom.

 

Viszont van egy problémám. Firefoxszal a honlapomon jól jelenik meg a Képek aloldal, viszont IE-ben ocsmány kék keret van a képek körül és nem tudok rájönni, hogyan orvosolhatnám. Tehát, hogy ott is sötétszürke legyen. Segítenétek?

[Kovács Gyula (MiniDisk)]

css-ben a képeknek:

 border: 0px;

vagy

border: 1px solid #cccccc;

[Darcy Tucker]

Nem mûködik. Vagy valamit nagyon rosszul csinálok.

 

CSS:

#pictures
{
    text-align: center;
    border: 0px;
}

 

HTML:

<DIV id="pictures">
<P><A href="http://www.valami.com/" title="Valami" target="_blank">Valami:</A></P>
<A href="photos/pic1.jpg" target="_blank"><IMG src="thumbs/pic1.jpg" title="Kép1"></A>
<A href="photos/pic2.jpg" target="_blank"><IMG src="thumbs/pic2.jpg" title="Kép2"></A>
...
</DIV>

[google]

persze. Mert a div keretét nullázod, nem a képét.

 

#pictures img { border: 0px }

[Darcy Tucker]

Ez az!!! Köszi, köszi, köszi!!!

[Kovács Gyula (MiniDisk)]

Problémám van az Operával!

 

A következõ a felállás:

Adott egy lista, melynek lista stílusa kép. Ez eddig mindhárom böngészõben oké.

De a hover (egér kurzor link fölé vitelkor) csaka szövegszín változik, illetve aképnek is kellene, de ez az Operában nem mûködik, csak az IE-ben, és Firefoxban. Az Operában egyszerûen az alapértelmezett listastílus (azaz egy fekete pont) jelenik meg a másik kép helyett. Nem tud valaki erre megoldást? Javascript nem jöhet szóba!

 

Itt a css kód:

 

#menu ul {
 list-style-image: url(images/lst.png);
 margin: 0px 0px 0px 25px;
 padding: 0px;
 }
 
 #menu li {
 margin: 6px 0px 0px 6px;
 font-size: 12px;
 }
 
   #menu li:hover {
   list-style-image: url(images/lst_hover.png);
   }
   
   /* IE hack */
   #menu a:hover {
   list-style-image: url(images/lst_hover.png);
   }
   
   #menu a {
   color: #fff7e8;
   text-decoration: none;
   }

 
   #menu a:hover {
   color: #dbca9c;
   }

 
   #menu a:active {
   color: #375b70;
   }