Kezdőoldal » Számítástechnika » Weblapkészítés » Html css-ben hogyan lehet...

Html css-ben hogyan lehet szöveget egy ikonnal helyettesíteni?

Figyelt kérdés

<li class="twitter"><a href="http://www.twitter.com" target="_blank">Twitter</a></li>

igy nez ki a kod a Twitter szoveg helyet azt szeretnem ha a twitter ikonja jelenne meg.



2015. márc. 15. 10:04
 1/6 anonim ***** válasza:
Hát rakj oda a szöveg helyett egy img taget.
2015. márc. 15. 10:12
Hasznos számodra ez a válasz?
 2/6 A kérdező kommentje:
<img src="twitter.png" height="16px">
2015. márc. 15. 10:24
 3/6 anonim ***** válasza:
<li class="twitter"><a href="http://www.twitter.com" target="_blank"><img src="IDE A KÉP URL"></a></li>
2015. márc. 15. 10:25
Hasznos számodra ez a válasz?
 4/6 Drone007 ***** válasza:

Egy apró trükkel a css módosításával is lehet képet tenni a szöveg elé, majd a szöveget elrejteni, hogy csak a kép látsszon:

[link]

2015. márc. 15. 11:19
Hasznos számodra ez a válasz?
 5/6 anonim ***** válasza:
Általában ezt úgy szokás megoldani, hogy beállítod CSS-el háttérnek a képet, a szöveget meg text-indent: -9999px;-el elrejted.
2015. márc. 15. 12:45
Hasznos számodra ez a válasz?
 6/6 anonim válasza:

Van rá egy jobb lehetőség is..

a fontawesome :]

[link]


Ajánlom figyelmedbe :)

2015. máj. 31. 17:51
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!