Hogyan tudok olyat csinálni hogyha rá viszik az egeret az emberek pl egy adott képre (pl:image01. jpg), akkor egy szövegbuborék jelenjen meg ami egy leírást tartalmaz?
Már készítettem pár weboldalt websablon átszerkesztéssel, tehát nem vagyok profi (a válaszokat ennek értelmében érthetően szeretném kérni)Adobe Dreamweaver CS5-t használok
Köszönöm a segítséget.
Ide kellene olyan hogy ha rá állak a image01.jpg re akkor mellete megjelenik a szövegbuborék
<ul>
<li>
<div class="image"> <a href="#"><img src="css/images/image01.jpg" alt="" /></a> </div>
<p> Név: <span>xyxyxyxxyxyx<br>
/xvxyxyxxyxxy/</span><br />
Nagysága : <span>cm</span><br />
Készleten: <a href="#">0db</a> </p>
<p class="price">Növény ára: <strong>0 Ft/db</strong></p>
</li>
<li>
benne van, csak nem töltötted ki
alt="" a két "" közé írd be a szöveget
pl.: alt="ez a kép leírása"
Köszönöm de nem történik semmi ha beírok oda bármit is
betesem a html hátha rájösz
<div id="container">
<div class="tabbed">
<!-- First Tab Content -->
<div class="tab-content" style="display:block;">
<div class="items">
<div class="cl"> </div>
<ul>
<li>
<div class="image"> <a href="#"><img src="css/images/image01.jpg" alt="" /></a> </div>
<p> Név: <span>Húsos törpebors<br>
/Peperomia obtusifolia/</span><br />
Nagysága : <span>cm</span><br />
Készleten: <a href="#">db</a> </p>
<p class="price">Növény ára: <strong>Ft/db</strong></p>
</li>
</ul>
<div class="cl"> </div>
</div>
</div>
<!-- End First Tab Content -->
<!-- Second Tab Content -->
<div id="container">
<div class="tabbed">
<!-- First Tab Content -->
<div class="tab-content" style="display:block;">
<div class="items">
<div class="cl"> </div>
<ul>
<li>
<div class="image"> <a href="#"><img src="css/images/image01.jpg" alt="IDE ÍRD A SZÖVEGET AMIT MEG AKARSZ JELENÍTETNI PÁR MÁSODPERC UTÁN" /></a> </div>
<p> Név: <span>Húsos törpebors<br>
/Peperomia obtusifolia/</span><br />
Nagysága : <span>cm</span><br />
Készleten: <a href="#">db</a> </p>
<p class="price">Növény ára: <strong>Ft/db</strong></p>
</li>
</ul>
<div class="cl"> </div>
</div>
</div>
<!-- End First Tab Content -->
<!-- Second Tab Content -->
így csináltam én is de nem történik semmi
ezért tettem be a kódot változatlanul
más ötlet?
Azért mert az alt="" tag nem erre való, hanem arra, ha vakok neteznek, képeknél felolvassa nekik azt a szöveget, hogy tudják, mi van a képen.
Vidd most az egeret itt az oldalon a zöld feleflé mutató kézre. Kiírja, hogy hasznos.
Ezt kell beilleszteni a kódba:
title="hasznos vagy amit akarsz"
Tedd ezt be az alt="" tag után vagy elé tök mindegy. És voila, működik.
hm, tényleg ez a jó megoldás, csak azt nem tudom, hogy a másiknál neked miért nem jelenítette meg, mert nálam megjeleníti és így is tanultam infó órán...
na mindegy, de ez a title-s cucc legalább tényleg működik! :)
Nagyon köszönöm mindenkinek a segítséget már működik igen ez volt a megoldás
title="hasznos vagy amit akarsz"
még lenne agy kérdésem ha beírom a szöveget akkor hogyan tehetek be sortörés?
mert a <br> nem működik vagy csak rosz helyre pakolom
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!