Posizionamento div

**clapla** · 14-08-2013, 12:10

La cosa è abbastanza banale...per voi ma io non ce ne vengo fuori

Vorrei posizionare alcune voci di menu in una certa posizione della pagina ma la cosa non funziona ne con Firefox 22.0 ne con IE9. Cosa cavolo sbaglio ??? Grazie.

CSS
#main {
width: 1280px;
height: 1024px;
}

#menu {
position: absolute;
margin-top: 50px;
margin-left: 50px;
}

HTML
<body id="master">

<div id="main">
[img]images/immaginiWeb/HomePage_3.jpg[/img]

<div id="menu">
<nav>
<p id="menu1"> [img]./images/immaginiWeb/Home.jpg[/img] </p>
<p id="menu2"> [img]./images/immaginiWeb/Galleria.jpg[/img]</p>
<p id="menu3">http://[img]./images/immaginiWeb/Cri....jpg[/img]</p>
<p id="menu4">http://[img]./images/immaginiWeb/Par....jpg[/img]</p>
<p id="menu5"> [img]./images/immaginiWeb/Contatti.jpg[/img]</p>
</nav>
</div>
</div>

</body>

**Lorenzo1818** · 14-08-2013, 14:15

Io non sono affatto un grande esperto di CSS anzi, lo sto studiando da pochissimo tempo. Però, mi è capitato di dover posizionare Division quindi posso provare a suggerirti una cosa:

Cambia questo:

codice:

#menu {
position: absolute;
margin-top: 50px;
margin-left: 50px;
}

In questo:

codice:

#menu {
position: absolute;
top: 50px;
left: 50px;
}

Così dovrebbe funzionare, anche se ti ripeto... Io posso consigliarti questo ma non ci metterei la mano su fuoco.

**clapla** · 14-08-2013, 14:42

Grazie ma purtroppo avevo già provato questa solutione ma niente da fare

**Lorenzo1818** · 14-08-2013, 14:53

Guarda, io mi sono trascritto tutto il tuo codice, ma senza le immagini posso fare poco.

Se però, tu avessi voglia di passarmele, potrei vedere un po' cosa fare. Altrimenti aspettiamo risposte dagli utenti più esperti.

**ac_socmel** · 14-08-2013, 14:53

codice:

#main {
	width: 1280px;
	height: 1024px;
}

deve diventare relative oppure #menu non avrà punti di riferimento e andrà a cercarli su su fino a body

codice:

#main {
	width: 1280px;
	height: 1024px;
        position: relative
}

**clapla** · 14-08-2013, 15:31

purtroppo non funziona nemmeno mettendo "relative" sul main.
Allego l'immagine come richiesto. Voglio posizionare le voci di menu sotto la riga gialla.

**ac_socmel** · 14-08-2013, 15:38

funziona stai tranquillo

piuttosto, come spesso accade, stai girando intorno al problema senza fornire tutti i dati necessari a risolverlo
metti un link ai tuoi esperimenti
mostra un esempio di cosa vorresti e/o descrivi per bene

**clapla** · 14-08-2013, 17:13

Non ho un indirizzo da darti ma cerco di spiegarmi meglio.
Ho una pagina dove carico una immagine principale (puoi usare quella che vuoi 1280x1024) e voglio posizionare su di essa circa a meta in linea retta le voci del menu (Home Galleria ecc.)
Vedi id="menu". Ho aggiunto "relative" nel #main come suggerito ma non va !

style.css
=======
#main {
width: 1280px;
height: 1024px;
position: relative;
}

#menu {
position: absolute;
margin-top: 50px;
margin-left: 50px;
}

#menu1 {
display: inline;
position: absolute;
margin-left: 5px;
margin-top: 5px;
}

#menu2 {
display: inline;
position: absolute;
margin-left: 25px;
margin-top: 5px;
}

HTML
======

<html>
<head>
<link rel="stylesheet" media=”screen” rel=stylesheet” type=”text/css” href="./css/style.css" />
</head>

<body id="master">

<div id="main">
[img]images/immaginiWeb/HomePage_3.jpg[/img]

<div id="menu">
<nav>
<p id="menu1"> [img]./images/immaginiWeb/Home.jpg[/img] </p>

<p id="menu2"> [img]./images/immaginiWeb/Galleria.jpg[/img]</p>

<p id="menu3">http://[img]./images/immaginiWeb/Cri....jpg[/img]</p>

<p id="menu4">http://[img]./images/immaginiWeb/Par....jpg[/img]</p>

<p id="menu5"> [img]./images/immaginiWeb/Contatti.jpg[/img]</p>
</nav>
</div>
</div>

</body>

**Nobody33** · 14-08-2013, 17:17

Mai visto fare un menu con

; piùttosto usa <ul>[*][/list].

Vedesi esempi QUI e QUI oppure da qualche altra parte nel database comune a tutti.

Infine, è più semplice aiutarti se carichi le cose da qualche parte (tipo altervista) e posti un link.

**Lorenzo1818** · 14-08-2013, 17:22

Mmmmmh, io le immagini allegate non le trovo. O non so dove cercarle o non sono state correttamente allegate. Quindi tu vorresti una pagina che ha come sfondo un immagine e vorresti che al centro di questa immagine apparissero le voci della tua barra di navigazione, ho capito bene?

Discussione: Posizionamento div

Strumenti discussione

Ricerca discussione

Visualizza

Posizionamento div

Re: Posizionamento div

Permessi di invio