display:none; per link

[tita85]

ciao a tutti ho un problema che ho risolto per metà.....
ho creato un menu con dei link img e volevo mettere dei link testo in modo che se l img viene disabilitata rimane il link testo.... l opzione che ho utilizzato è:
es:
HTML

<div id="pezzo2-menu">
    [url="../pagine/chi-siamo.cfm"][img]../img/chi-siamo-link.gif[/img][/url]
    [img]../img/linea-menu.gif[/img]
    <h7>[url="../pagine/chi-siamo.cfm"]Chi siamo[/url]</h7>
</div> 

CSS

#pezzo2-menu{
 width: 685px;
 height: 37px;
 background-image: url(../img/pezzo2-menu.gif);
 float: left;
}

#pezzo2-menu a{
 font: 16px Arial, Helvetica, sans-serif;
 color: #FFF;
 text-decoration: none;
}


h7{
display: none;
} 

risultato... su mozilla tutto ok perfetto su Explorer prima mi mette i link immagini e poi si accodano i link testo (H7)

aiutatemi per favore...
grazie

Tita

[salasir]

Mmm potrebbe essere che h7 non esiste come tag? Mi sembra che si arrivi solo ad h6.

Prova a sostituire con uno span e modifica il css di conseguenza.

HTML 
<div id="pezzo2-menu">
    [img]../img/chi-siamo-link.gif[/img]
    [img]../img/linea-menu.gif[/img]
    <span> Chi siamo</span> 
</div>

CSS 
#pezzo2-menu span{ display: none; }

Una cosa: forse è meglio evitare il display: none ed utilizzare invece

position: absolute;  top: -9999px;left:-9999px;

[tita85]

allora....ne sono arrivata a capo....H7 esiste è solo che il codice è un po complesso ve lo posto così se vi può servire lo avete...
faccio un es:

HTML:

<div id="menu">
   <div id="menu_area_pulsanti">
      <div id="pulsante_menu">
      <h4>[url="../percorso/nome file.htm"]nome pulsante[/url]</h4>
      </div>
   </div>
</div> 

h4 può essere sostituito con qualsiasi altro h (da h1 a h7) e sarebbe la scritta che compare
quando il css viene disabilitato

CSS:

#menu{
width:700px;
height:38px;
}

#menu_area_pulsanti{
width:700px;
height: 38px;
float:left;
}

#pulsante_menu{
width: 76px;
height: 38px;
float: left;
}

#pulsante_menu h4{
width: 76px;
height: 38px;
display: block;
text-indent:-9999px;
background:url(../percorso/nome file.gif);
overflow: hidden;
margin: 0;
float: left;
} 

ecco qui....con questi codici si possono mettere delle img che fungono da link e se il css dovesse essere disabilitato ci saranno dei link testi con carattere H4..
buon divertimento

ciao ciao

Tita

[tita85]

c'erano 2 errori in ciò che ho scritto ieri....questa è la versione giusta

HTML:

<div id="menu">
   <div id="menu_area_pulsanti">
      <div id="pulsante_menu">
      <span>[url="../percorso/nome file.htm"]nome pulsante[/url]</span>
      </div>
   </div>
</div> 

CSS:

#menu{
width:700px;
height:38px;
}

#menu_area_pulsanti{
width:700px;
height: 38px;
float:left;
}

#pulsante_menu{
width: 76px;
height: 38px;
float: left;
}

#pulsante_menu span a{
width: 76px;
height: 38px;
display: block;
text-indent:-9999px;
background:url(../percorso/nome file.gif);
overflow: hidden;
margin: 0;
float: left;
} 

ciao ciao

Tita