Jump to content
GSForum - Segélyvonal

CSS kérdésem van


tzoli
 Share

Recommended Posts

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 ... ?
Link to comment
Share on other sites

  • 1 month later...
benkovics

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

Link to comment
Share on other sites

benkovics

Köszi!

Jó kis oldal ez!

Link to comment
Share on other sites

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ó! :!: :ötlet:

Link to comment
Share on other sites

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. ;)

Link to comment
Share on other sites

Kovács Gyula (MiniDisk)

Vagy így írd:

 

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

 

Pont a Firefox ne támogatná a png-t ... :D 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.

Link to comment
Share on other sites

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?

:?:

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

benkovics

Az a kézikönyv 2003-ban íródott! 8):D

Link to comment
Share on other sites

Mezofi

Ok! A te oldalad!

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

:pislog:

Link to comment
Share on other sites

benkovics

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

Link to comment
Share on other sites

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. ;)

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

google

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

Link to comment
Share on other sites

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. :) )

Link to comment
Share on other sites

eremit

Vagy ezt is meg lehet próbálni.

 

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

Link to comment
Share on other sites

google

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

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

Kovács Gyula (MiniDisk)

css-ben a képeknek:

 border: 0px;

vagy

border: 1px solid #cccccc;

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

google

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

 

#pictures img { border: 0px }

Link to comment
Share on other sites

Darcy Tucker

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

Link to comment
Share on other sites

  • 4 weeks later...
Kovács Gyula (MiniDisk)

Problémám van az Operával! :mérges:

 

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;
   }

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...