Non si vede su mozzilla

**Cadmir** · 24-10-2005, 16:02

Ciao ho un pèroblema con le immagini rollover.
Facendo tutto quanto e conculdendo il rollover delle due immagini, apro il tutto con Internet Explorer e mi si vede benissimo. Quando apro con Mozzilla FireFox, non mi si vede il rollover. In un caso mi si vede l'immagine senza il rollover, nel seconbdo mi si vede solamente il rollover, e non visualizza l'immagine di base.
Sapete come mai? Grazie mille

**pierofix** · 24-10-2005, 16:07

Feed RSS telepatici non ancora disponibili... :rollo: Codice, please!

P.S. Si scrive Mozilla, con una "z" sola.

**Cadmir** · 24-10-2005, 17:12

OK

**Cadmir** · 24-10-2005, 17:13

In questo non mi si vede il rollover, ma solo il bottone base (pitagora.jpg e crotone.jpg)

codice:

<html>
<head><title>Pitagora e Crotone</title></head>

<style type="text/css">
body {margin-top: 0pt;
margin-left: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;}
</style>

<body background="images/frameleft.jpg">





		
		<style type="text/css">

		a#primobottone {text-decoration:none;
   		margin:10; padding:0;
   		display:block;
   		width:100px; height:30px;
   		text-indent:-1000em;		
   		background: url(images/pitagora.jpg) no-repeat 0 0;
		}
		a#primobottone:hover { background-image:url(images/pitagora rollover.jpg) }

		</style>

[img]images/pitagora.jpg[/img]





		
		<style type="text/css">

		a#secondobottone {text-decoration:none;
		   margin:10; padding:0;
  		 display:block;
  		 width:100px; height:30px;
 		  text-indent:-1000em;
  		 background: url(images/crotone.jpg) no-repeat 0 0;
		}
		a#secondobottone:hover { background-image:url(images/crotone rollover.jpg) }

		</style>

[img]images/crotone.jpg[/img]


</body>
</html>

In questo mi si vede solo il rollover (Home.jpg , Download.jpg , ecc...)

codice:

<html>
<head>
<title>Cadmir's Site</title>
</head>

<body background="Images/Menu.jpg">


[img]Images/Bottoni/Home.jpg[/img][img]Images/Bottoni/Contact_us.jpg[/img][img]Images/Bottoni/Games.jpg[/img][img]Images/Bottoni/Download.jpg[/img][img]Images/Bottoni/Forum.jpg[/img]


<style type="text/css">
a#home {
   text-decoration:none;
   display:block;
   width:29px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Home.jpg) no-repeat 100 100;
}
a#home:hover { background-image:url(Images/Bottoni/Home_r.jpg) }
</style>



<style type="text/css">
a#contact_us {
   text-decoration:none;
   display:block;
   width:72px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Contact_us.jpg) no-repeat 100 100;
}
a#contact_us:hover { background-image:url(Images/Bottoni/Contact_us_r.jpg) }
</style>



<style type="text/css">
a#games {
   text-decoration:none;
   display:block;
   width:37px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Games.jpg) no-repeat 100 100;
}
a#games:hover { background-image:url(Images/Bottoni/Games_r.jpg) }
</style>




<style type="text/css">
a#download {
   text-decoration:none;
   display:block;
   width:55px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Download.jpg) no-repeat 100 100;
}
a#download:hover { background-image:url(Images/Bottoni/Download_r.jpg) }
</style>




<style type="text/css">
a#forum {
   text-decoration:none;
   display:block;
   width:100px; height:30px;
   text-indent:-1000em;
   background:#ffffff url(Images/Bottoni/Forum.jpg) no-repeat 100 100;
}
a#forum:hover { background-image:url(Images/Bottoni/Forum_r.jpg) }
</style>



</body>
</html>

PS: In quest'ultimo i link mi si mettono uno sotto l'altro, sai per caso come si fa per metterli in riga orizzontale?

Mozilla :P (mi ero sbagliato

)

**Cadmir** · 24-10-2005, 21:01

te lo sei visto il codice? :master:

**pierofix** · 25-10-2005, 09:18

Mamma saura, che codice incasinato!

VVoVe: Lavoriamo con ordine e organizzazione:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
   <title>Pitagora e Crotone</title>
   <style type="text/css">
   /*<![CDATA[*/
   <!--
   body {
      margin:0;
      background:#fff url(images/frameleft.jpg);
   }
   #primobottone {
      text-decoration:none;
      margin:10px; padding:0;
      width:100px; height:30px;
      display:block;
      text-indent:-1000em;
      background: url(images/pitagora.jpg) no-repeat 0 0;
   }
   #primobottone:hover {
      background-image:url(images/pitagora rollover.jpg);
   }
   #secondobottone {
      text-decoration:none;
      margin:10px; padding:0;
      display:block;
      width:100px; height:30px;
      text-indent:-1000em;
      background:url(images/crotone.jpg) no-repeat 0 0;
   }
   #secondobottone:hover {
      background-image:url(images/crotone rollover.jpg);
   }
   -->
   /*]]>*/
   </style>
</head>

<body>




   <a href="http://www.google.it" target="princ" id="primobottone">
      [img]images/pitagora.jpg[/img]
   </a>
</p>




   <a href="http://www.msn.it" target="princ" id="secondobottone">
      [img]images/crotone.jpg[/img]
   </a>
</p>

</body>
</html>

Guarda se così funziona. E mi raccomando: l'ordine e la pulizia sono essenziali in questo campo.

**Cadmir** · 25-10-2005, 14:22

no non funziona

Comunque da oggi cerccherò di essere il piu preciso possibile!

**pierofix** · 25-10-2005, 14:25

Ma adesso che guardo bene...

VVoVe: Ma cosa ci fa un'immagine (nel markup) dentro i link? La soluzione che ti avevo proposto funziona in modo diverso:

codice:

<a id="primolink" href="#">
   Primo Link
</a>

Prova così.

**pierofix** · 25-10-2005, 14:26

Originariamente inviato da Cadmir
Comunque da oggi cerccherò di essere il piu preciso possibile!

Sia chiaro che lo dico solo per il tuo bene di progettista. :mamma_mode:

**Cadmir** · 26-10-2005, 14:54

Originariamente inviato da Cadmir
no non funziona

Comunque da oggi cerccherò di essere il piu preciso possibile!

ci fa perchè e' un'immagine che deve fungere da link...

Discussione: Non si vede su mozzilla

Strumenti discussione

Ricerca discussione

Visualizza

Non si vede su mozzilla

Permessi di invio