fissare le tendine alla barra menu

**newbobotime** · 10-12-2009, 12:23

Ciao Raga,
Ovviamente ho un problema !

Vorrei cominciare ad usare seriamente i css per gestire tutto il possibile.

Ho creato un layout css con : container e a suo interno: header, maincontent e footer centrando il tutto, adesso però vorrei inserire un menu a tendine nell'header, il problema chiaramente che al ridimensionamento della finestra del browser le tendina ( dei DIV ) vanno dove vogliono.

Come faccio a fissare e rendere dipendenti dall'header queste tendine ?

Denghiu !!

.

**newbobotime** · 10-12-2009, 15:49

Nessun mi da una mano ?

Forse non sono stato chiaro nell'esporre il problema ?

.

**newbobotime** · 10-12-2009, 20:18

Quindi nessuno può aiutarmi ?!

rispiego il problema, non sono bravo con i css magari è banale, ma non riesco ad andare avanti:

Ho creato un layout con i css a 3 livelli (header, maincontent, footer ) tutto dentro un container che ho centrato (margine right e left =auto )

tutto ok, adesso pero mi serve associare ai pulsanti della barra, posta nell'header delle tendine menu, che ovviamente al ridimensionamento della finesta si spostano.

C'è un sistema per fissare le tendine menu che seguano la barra menu?
cioè dipendenti dall'header ?

Mi aiutate ?

Grazie

.

**Mich_** · 11-12-2009, 09:21

La tua domanda si presta ad interpretazioni multiple.

"tendina" puo` indicare oggetti diversi (compreso il tag <select>), per cui non e` possibile rispondere.

Posta il codice HTML del pezzo su cui stai lavorando, assieme al DOCTYPE usato e al CSS relativo agli oggetti di interesse. Se puoi postare un link (anche provvisorio) alla pagina e` ancora piu` semplice capire cosa stai cercando di ottenere.

Tieni anche presente che ci sono ottime raccolte di menu, e quello che chiedi e` molto facile che sia stato realizzato ei sia gia` disponibile. Prova a vedere tra i "link utili" (in particolare i menu di CSSplay).

**newbobotime** · 12-12-2009, 14:31

Stavo cercando di gestire l'intero layout tramite css, ma non sono esperto in css e quindi stò rimbambendo.
Quello che vorrei fare nel semplice esempio postato è allineare al link tendina il DIV id="tendina";

bloccando questo div che segua sempre il suo contenitore div header, invece al ridimensionamento della finestra si sposta.

Mi aiutate ?

Spero di essermi spiegato.

codice:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	}
.csslayout #container {
	width: 950px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left;
	margin-top:40px;
		
}
.csslayout #header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;
	height:100px; 
} 

/* questa e il div per la tendina */
.csslayout #header #menu{
	position:absolute;
	background: #333333;
	height:100px;
	width: 220px;
	visibility:visible;
	left: 188px;
	top: 54px;
}
.csslayout #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.csslayout #mainContent {
	padding: 0 20px; 
	background: #FFFFFF;
	height:400px;
}
.csslayout #footer { 
	padding: 0 10px; 
	background:#DDDDDD;
	height:50px;
} 
.csslayout #footer p {
	margin: 0; 
	padding: 10px 0; 
}
-->
</style>
</head>
<body class="csslayout">
<div id="container">
  	<div id="header">
  		<div id="menu">
  			</div>
  				bbbbbbbbb tendina
  				</div>
  					<div id="mainContent">
						</div>
  							<div id="footer">  
								</div>
									</div>
            
</body>
</html>

.

**newbobotime** · 12-12-2009, 16:09

Scusate, avevo creato un HREF con il testo "tendina" all'interno del div header che poi ho eliminato.

allineare al link tendina il DIV id="tendina";.

In realtà la cosa è molto semplice, vorrei bloccare la tendina dove poi ci saranno i pulsanti in verticale in una precisa posizione del div header.

C'è qualcuno che può per cortesia aiutarmi, oppure indicarmi un metodo più stabile e utilizzato,
semplicemente creare una barra menu orizzontale con un elenco in verticale di pulsanti tutto inserito in un div e posizionato al centro della pagina.

.

**Mich_** · 14-12-2009, 09:57

Hai sbagliato l'indentazione del codice HTML, cosicche` risulta incomprensibile.
Inoltre ci sono errori di semantica, che in XHTML sono anche errori di sintassi (e questo influisce su come viene interpretato il CSS): il testo non puo` stare direttamente dentro un <div>: devi usare un tag che possa contenere il testo, ad esempio un

Comunque nel codice non c'e` nessun link.
E neppure alcun pulsante. E neanche qualche struttura che puo` far pensare a un menu.
Per cui le tue spiegazioni non fanno riferimento al codice (o viceversa).

Ripeto:

ci sono ottime raccolte di menu, e quello che chiedi e` molto facile che sia stato realizzato e sia gia` disponibile. Prova a vedere tra i "link utili" (in particolare i menu di CSSplay).

Discussione: fissare le tendine alla barra menu

Strumenti discussione

Ricerca discussione

Visualizza

fissare le tendine alla barra menu

Permessi di invio