Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML]CSS HOVER IMAGE
Cocain3
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 31.08.2013

Ostrzeżenie: (0%)
-----

Witam, mam problem ze zmianą obrazka po najechaniu myszy mój kod HTML wygląda tak:
Chyba nie ma różnicy czy obrazek jest PNG czy JPEG?
POMOCY (IMG:style_emoticons/default/arrowheadsmiley.png) 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <title>Szablon Allegro</title>
  4.   <style type="text/css">
  5. ofirmie {
  6.     background-image: url('adres/obrazek.png');
  7.     background-repeat: no-repeat;
  8.     width: 200px;
  9.     height: 150px;
  10.     display: block;
  11. }
  12. ofirmie:hover {
  13.     background-image: url('adres/obrazek_hover.png');
  14.     background-repeat: no-repeat;
  15.     width: 200px;
  16.     height: 150px;
  17. }
  18. </style>
  19. </head>
  20. <body leftmargin="0" topmargin="0"
  21.  style="background-color: rgb(255, 255, 255);" marginheight="0"
  22.  marginwidth="0">
  23. <!-- Save for Web Slices (Szablon Allegro KeyBlack.psd) -->
  24. <table id="Tabela_01" border="0" cellpadding="0" cellspacing="0"
  25.  height="2801" width="1200">
  26.   <tbody>
  27.     <tr>
  28.       <td colspan="3"> <img style="width: 411px; height: 36px;"
  29.  src="ADRES URL MOJEGO ZDJECIA"
  30.  alt=""></td>
[HTML] pobierz, plaintext


I teraz tak jak mam dodać ten kod CSS co jest powyżej do tego obrazka aby zaczeło działać tak jak należy i nie robiło żadnych szkód w szablonie...
Proszę o pomoc.

Ten post edytował Cocain3 31.08.2013, 16:25:16
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
valkirek
post
Post #2





Grupa: Zarejestrowani
Postów: 117
Pomógł: 6
Dołączył: 24.07.2013

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. a.ofirmie {
  2. ...
  3. }
  4.  
  5. a:hover.ofirmie {
  6. ...
  7. }
  8. <a class="ofirmie" href="#">...</a>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. img.ofirmie {
  2. ...
  3. }
  4.  
  5. img:hover.ofirmie {
  6. ...
  7. }
  8. <img class="ofirmie" src="..."/>
[HTML] pobierz, plaintext


jesli chcesz hovera na sam obrazek bez linka to nie wiem czy we wszystkich przegladarkach to dziala
Go to the top of the page
+Quote Post

Posty w temacie
- Cocain3   [CSS][HTML]CSS HOVER IMAGE   31.08.2013, 15:40:00
- - lobopol   Co ty chcesz osiągnąć? Nie masz takiego taga ...   31.08.2013, 17:01:16
- - Cocain3   Chcem osiągnać zmiane obrazka po najechaniu myszką...   31.08.2013, 17:38:40
- - valkirek   [HTML] pobierz, plaintext a.ofirmie {...} a:h...   31.08.2013, 18:23:03

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 3.10.2025 - 10:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn