[CSS] posizionamento div

**Mutato** · 14-08-2003, 23:37

Hai una serie di problemi dipendenti in vario modo dalla mancanza di definizione di margin e padding nel body, dall'uso delle tabelle con attributi in semi conflitto con le istruzioni css, da selettori confusi.

Es. table.menu1 td {} e' istruzione per la TD dentro ad una <table class="menu1"> ... allora: perche' scrivi

<td class="menu1"></td> ???

O chiarisci queste cose o non ce la fai.

Poi l'approccio e' discutibile. Perche' non provi ad eliminare quella tabella e a sostituirla con dei DIV o degli SPAN? Prova a dare un occhio al menu di www.radiocittadelcapo.it che è molto semplice a livello di codice. Ciao.

**ale500** · 15-08-2003, 00:23

ciao, graze dell'interessamento...ti spiego il tutto..stò cercando di realizzare un menu orizzontale composto da 2 livelli...

mi ero già accorto dell'errore ed infattio avevo levato tutti i richiami alla classe dal td ma ne avevo messo soltanto uno nel tag table...

ma non funzia uguale

poi come faccio a sapere la distanza che c'è tra il bordo sx del div e il margine sx????

mi hai detto che non ho impostato bene i margin e padding...non sono ancora molto esperto...potresti farmi un esempio..grazie.

**Furcas** · 15-08-2003, 01:04

Originariamente inviato da ale500

non esiste da qualche parte un articolo che dice per ogni tag quali sono le proprietà CSS che accetta????

http://www.w3schools.com/css/css_reference.asp

**ale500** · 15-08-2003, 16:42

grazie (anche se non era proprio quello che cercavo...cmq l'ho già stampato)

per le mie domande qualcuno sa aiutarmi???grazie.

**ale500** · 16-08-2003, 23:33

ho fatto così ma non mi funzia uguale...c'è sempre il problema che funziona soltanto per la prima cella...perchè???

codice:

<!DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>..:: Ale500's DivMenù ::..</title>
<script language="Javascript">

function sposta(n){
var distanza = 122+(160*n);
var e = document.getElementById("opzioni");
if(e.style.visibility!="visible")
  e.style.visibility="visible";
e.style.left = distanza + "px";
}

function nascondi(){
var e = document.getElementById("opzioni");
e.style.visibility="hidden";
}

</script>

<style type="text/css">

a { color:#0000FF; }
a:visited { color:#0000FF; }
a:hover { color:#0000FF; }

table.menu1 {
 width:100%;
}

table.menu1 td {
 text-align:center;
 width:20%;
}

table.menu1 td a {
 text-decoration:none;
 display:block;
}

body {
 text-align:center;
 font-family:Verdana, Serif, Arial;}

#menu {
 text-align:center;
 top:0px;
 width:800px;
 height:20px;
 border:1px solid #000000;
}

#opzioni {
 position:absolute;
 text-align:center;
 top:34px;
 width:200px;
 height:20px;
 border:1px solid #000000;
 visibility:hidden;
}
</style>

</head>
<body>
<div style="display:none">Questo sito utilizza un menù costruito con tecnologia XHTML non compatibile con il tuo browser. Utilizza i link a piè di pagina per la navigazione, grazie.</div>
<div id="menu"><table border=0 cellspacing=0 cellpadding=0 class="menu1">
<tr>
<td onMouseover="sposta(0)" onMouseout="nascondi()" bgcolor="yellow">Home</td>
<td onMouseover="sposta(1)" onMouseout="nascondi()" bgcolor="pink">Foto</td>
<td onMouseover="sposta(2)" onMouseout="nascondi()" bgcolor="redhotchilipeppers">Interattività</td>
<td onMouseover="sposta(3)" onMouseout="nascondi()" bgcolor="grey">Informazioni</td>
<td onMouseover="sposta(4)" onMouseout="nascondi()" bgcolor="green">Servizi</td>
</tr>
</table></div>
<div id="opzioni">opzioni</div>
</body>
</html>

grazie.

**blukarma** · 17-08-2003, 11:43

io avevo il tuo stesso problema ed è stato risolto quì

by

**ale500** · 17-08-2003, 13:19

a me serve che l'intera cella di una tabella funga da link nel tuo esempio non è così...

Discussione: [CSS] posizionamento div

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio