Problema Menu/Div

Frankie · 20 Mag 2008

Ambiente: Dreamweaver cs3.

Dunque, il mio sito è cosi fatto: 3 div, un div Titolo, un div menu (sulla sinistra), un div main (a destra del menu).

Il menu l'ho fatto con una barra di menu spry verticale.

I problemi sono i seguenti:
1) trasparenza delle parti menu a pop up rispetto al contenuto del main (scarsa leggiblità quindi)
2) "attivazione" dei pop up (nel senso di cliccabilità) solo nella (piccola) parte dello stesso che rimane nel div menu.

Come risolvere ?

Se non mi fossi spiegato bene, chiedete che guarderò di farmi capire meglio

3) Ho i miei 3 div, come posso creare un div contenitore che mi centri questi 3 div quando apro su IE ? Vado nel codice e inserisco prima dell'inizio del primo un <div id="contenitore"> *tutto il resto* </div> ? Dove metto la width e l'impostazione che il margine destro e sinistro siano "auto" ?

PoLe · 20 Mag 2008

http://forum.mrwebmaster.it/html-xhtml-css/11813-problemi-front-page-dreamweaver.html

Sposto

carla146 · 20 Mag 2008

comincio dalla fine...
il div contenitore va messo per primo e poi introduci dentro di esso il codice degli altri div.
per centrarlo gli dai position = relative e margin dx e sin =auto
qundo aggiugi nuovi div ne puoi definire la posizione e la formattazione dalla finestra css a dx dll'area di lavoro.
la finestra che ti si apre dopo aver definito l'id del div prevede una serie di cartelle che ti permettono di definire in tutt i particolari la formattazione dei div stessi. guarda tutte le voci e modifica quelle che ti servono.
non so cosa è un menu spry, ma se ho capito bene ti si apre sul contenuto del div main, non puoi rendere più largo lo spazioper il menu in modo che si apra nel suo spazio senza invadere il resto? o se no tigli la trasparenza....

Frankie · 20 Mag 2008

Riguardo il div contenitore, io vado nel mio sito, passo a modalità "codice" e tra "body" e il primo div inserisco <div id="contenitore"> e alla fine di tutto il resto </div> ?
Poi creo un css contenitore e associo a quello le proprietà di contenitore ?
Così intendi ?

Il menu spry è un menu a comparsa/tendina basato su elenchi puntati, quando io metto il mouse sulla prima voce, le due "sotto-voci" dovrebbero aprirsi alla sua destra e gran parte di queste due vanno a sovrappormisi col div main. Capito il problema ? Come imposto la "priorità" di visualizzazione al menu ? Nel senso che, quando scorro su quello mi va in primo piano anche la parte che si sovrappone all'altro div ?

carla146 · 20 Mag 2008

sì, dopo creato nel codice il div contenitore, apri la finestra css e crei un nuovo css, (se però ne hai uno esterno collegato che comprende tutte le formattazioni, lo apri e aggiungi lì la formattazione) dove definisci la formattazione del div #contenitore.

non ho mai usato questo tipo di menu, comunque leggevo e temo che tu debba lasciargli lo spazio sufficiente perchè lavora in un modo diverso (layer visibili e non e in base a uno script java), ma non sono sicurissima, perchè mi baso su una versione precedente di dw e forse non è lo stesso su cs3, dovrei approfondire, prova magari a guardare tu nell'help.

Frankie · 20 Mag 2008

Mi spiego meglio allegando il codice:

index:
<body>
<div id="logo"><img src="xxx.JPG" alt="xxx" width="750" height="167" /></div>
<div id="menuSx">
</div>
<div id="main"></div>
</body>

logo.css:
@charset "utf-8";
#logo {
position: absolute;
height: 150px;
width: 750px;
left: 10px;
top: 3px;
}

menuSx.css:
@charset "utf-8";
#menuSx {
position: absolute;
height: 500px;
width: 160px;
top: 175px;
background-color: #000000;
left: 10px;
vertical-align: middle;
}

main.css:
@charset "utf-8";
#main {
position: absolute;
height: 500px;
width: 583px;
left: 175px;
background-color: #000000;
color: #FFFFFF;
top: 175px;
}

E così sono posizionati correttamente tra loro ma in alto a sinistra del browser.
Come posso centrarli (orizzontalmente) ?
Se inserisco un div id="contenitore" con quali attributi devo impostarlo (nel css) ed eventualmente quali attributi devo modificare negli altri div ?

carla146 · 20 Mag 2008

guarda, questo è la parte principale del css esterno collegato della mia mappage e mie pagine copertine:

body {
margin-bottom: 30px;
padding-bottom: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
#container {
position:relative;
width:760px;
margin-right: auto;
margin-left: auto;
overflow: visible;
height: 600px;
}
#header {
height:42px;
width: 760px;
border-bottom-width: medium;
border-bottom-style: solid;
border-bottom-color: #996600;
position: absolute;
top: 0px;
}
#logo{
position: absolute;
margin-left:677px;
border-left-width:thin;
border-left-style:solid;
border-left-color:#996600;
margin-top: 1px;
}
#content {
position:relative;
left: 24px;
top: 45px;
right: 677px;
width: 648px;
padding: 2px;
margin-bottom: 30px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #996600;
border-left-color: #996600;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #996600;
}
#menu {
position: absolute;
top:46px;
left: 679px;
}
#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: auto;
position: relative;
width: 760px;
margin-right: auto;
text-indent: 24px;
top: 10px;
}
#namebar {
position:absolute;
top:44px;
width: 24px;
}

se vai a vedere la pagina mappage, ci si accede dall'index, puoi ricostruire il tuo css.

Frankie · 21 Mag 2008

Credo che la chiave sia dare ai div relative o absolute ma non capisco con quale criterio.. soprattutto perchè, provando (a caso), quando poi apro su IE mi scombina tutto..

carla146 · 21 Mag 2008

dipende anche dal fatto che nel mio caso la pagina è strutturata con un contenitore (relative e con i margini auto) che mantiene la centratura che contiene appunto tutto il resto che risulta absolute se voglio che mantenga una posizione determinata, ma rispetto al contenitore e lo segue se si sposta.
la tua pagina pone, se ho capito bene, una serie di div accostati e questo non ti permette di mantenere una posizione precisa e nello stesso tempo centrata, ma se rinunci alla centratura allora puoi mantenere la posizione div.
per lo meno così mi pare.....

Frankie · 21 Mag 2008

Ma a me occorre la centratura..

Come faccio ?

Rifaccio la pagina partendo da un div centrato ?

Cerca

Cerca

Problema Menu/Div

Frankie

Nuovo Utente

PoLe

MRW Moderator

carla146

Utente Attivo

Frankie

Nuovo Utente

carla146

Utente Attivo

Frankie

Nuovo Utente

carla146

Utente Attivo

Frankie

Nuovo Utente

carla146

Utente Attivo

Frankie

Nuovo Utente

Discussioni simili