Problema Menu/Div

Frankie

Nuovo Utente
17 Mag 2008
16
0
0
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" ?
 
Ultima modifica:

carla146

Utente Attivo
14 Lug 2004
1.539
0
0
mhm?
www.carla146.it
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

Nuovo Utente
17 Mag 2008
16
0
0
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 ? :confused:



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

Utente Attivo
14 Lug 2004
1.539
0
0
mhm?
www.carla146.it
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

Nuovo Utente
17 Mag 2008
16
0
0
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

Utente Attivo
14 Lug 2004
1.539
0
0
mhm?
www.carla146.it
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. :D
 
Ultima modifica:

Frankie

Nuovo Utente
17 Mag 2008
16
0
0
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.. :confused:
 

carla146

Utente Attivo
14 Lug 2004
1.539
0
0
mhm?
www.carla146.it
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.....:rolleyes:
 

Frankie

Nuovo Utente
17 Mag 2008
16
0
0
Ma a me occorre la centratura..

Come faccio ? :confused:

Rifaccio la pagina partendo da un div centrato ? :confused:
 
Discussioni simili
Autore Titolo Forum Risposte Data
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
P [Javascript] problema menu responsive su aruba, editor bk Javascript 1
S [HTML] Problema menu a comparsa HTML e CSS 5
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
asevenx problema visualizzazione menu sovrapposto allo slider WordPress 7
K Problema ancore in pagine diverse con menu fixed HTML e CSS 6
M Problema menu HTML e CSS 8
M Menu e logo responsive problema centramento HTML e CSS 6
L Problema menu php in sito joomla PHP 0
G problema con menu spry dreamweaver Webdesign e Grafica 5
A Problema Menu dropdown orizzonate HTML e CSS 1
L Problema onClick con un menu a tendina Javascript 3
F Problema sub-menu troppo lungo HTML e CSS 3
asevenx problema barra menu e compatibilità browser WordPress 6
E [Menu JQuery]: problema click quando il sottomenu si apre sopra un iframe... jQuery 0
F Problema con Menu Javascript HTML e CSS 1
F problema menu a tendina con explorer HTML e CSS 2
Dexter_90 [AIUTO!] Problema Inserimento Menu Fireworks nell'Header WordPress 11
B Problema di inserimento "menu con css" in pagina web "con tabelle" HTML e CSS 5
I problema con un menu javascript Javascript 4
T problema con il menu di un blog PHP 3
J Problema con menu a tendina collegato MS Access 0
R Problema posizionamento menu orizzontale in jquery HTML e CSS 11
O problema menu tendina css HTML e CSS 1
M Problema Con Menu Javascript Javascript 1
S Problema menu a tendina Flash 1
M problema con hover/visited menu HTML e CSS 2
D Problema menu! Webdesign e Grafica 1
P Problema Con Il Ciclo Di Un Menu' Flash 6
T Problema con tasto e menu' Flash 0
G Problema coi colori di un menu CSS HTML e CSS 3
R Problema con FP 2003: bloccare scorrimento menu HTML e CSS 4
S Problema menu javascript Javascript 2
S Problema menu CSS HTML e CSS 13
T Problema con gestione menu laterale HTML e CSS 6
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2

Discussioni simili