Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan tudok olyat csinálni...

Lasius kérdése:

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?

Figyelt kérdés

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.


2011. okt. 31. 13:47
1 2
 1/17 A kérdező kommentje:

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>

2011. okt. 31. 15:40
 2/17 anonim ***** válasza:

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"

2011. okt. 31. 17:10
Hasznos számodra ez a válasz?
 3/17 A kérdező kommentje:

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

2011. okt. 31. 17:46
 4/17 anonim ***** válasza:

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

2011. okt. 31. 18:01
Hasznos számodra ez a válasz?
 5/17 A kérdező kommentje:

így csináltam én is de nem történik semmi

ezért tettem be a kódot változatlanul

más ötlet?

2011. okt. 31. 18:27
 6/17 anonim ***** válasza:
bocsi... :/ akkor nem tudom :/ :(
2011. okt. 31. 18:45
Hasznos számodra ez a válasz?
 7/17 anonim ***** válasza:
100%

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.

2011. okt. 31. 18:49
Hasznos számodra ez a válasz?
 8/17 anonim ***** válasza:

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

2011. okt. 31. 19:06
Hasznos számodra ez a válasz?
 9/17 A kérdező kommentje:

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"

2011. okt. 31. 20:09
 10/17 A kérdező kommentje:

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

2011. okt. 31. 20:43
1 2

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!