gattinara

gattinara

Potresti postare anche il codice della pagina html?

gattinara

Con quale browser ti si manifesta il problema?
Ho testato il menu su Chrome, Firefox, Opera ed Internet Explorer (9) e si visualizza correttamente.

gattinara

Di nulla, è stato un piacere :)

gattinara

Buongiorno, Mmarammei;
nel css prova a modificare il margin del sottomenu da così:

#mbtnav li ul ul {
margin: -25px 0 0 161px;
}

a così:

Buon lavoro :)

gattinara

Senza un div connaturante clear: both, in presenza di due (o più) div con proprietà float (left o right che sia), l'ultimo dei div "floattante" si posizionerà sopra il precedente.
Il clear: both forza i posizionamenti, ed impedisce ulteriori accostamenti sia a destra che a sinistra, è una sorta di fermacarte che ordina un accapo :)

Per quanto concerne il DOCTYPE sono usa favorire l'XHTML Transitional (a meno che non mi venga espressamente richiesto l'HTML5); l'importante è evitare come la peste l'obsoleto HTML4 e prestare attenzione alla sintassi, qualsiasi sia la tua scelta. Con l'XHTML i tag "vuoti" vanno chiusi con lo slash, es:

Sintassi XHTML:

<br />
<img />
<meta name />
<link rel />

Sintassi HTML:

<br>
<img>
<meta name>
<link rel>

Spero di essermi spiegata chiaramente (in caso contrario non esitare a chiedere delucidazioni).

gattinara

Hai solo bisogno di integrare nel layout un div con proprietà clear: both; dopo gli elementi connaturanti il float, es:

HTML:

<html>
<head>
<link href="stile.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="top">
  <div id="top1">logo</div>
  <div id="top2">Nome utente e Avatar</div>
  <div id="top3">Cerca</div>
  <div class="clear"></div>
</div>
<div id="center">
  <div id="center1">Contenuto</div>
  <div id="center2">
    <div id="menu">
      <div>Articoli</div>
      <div>Profilo</div>
      <div> Eventi</div>
      <div>Prova</div>
    </div>
  </div>
  <div class="clear"></div>
</div>
<div id="bottom">Fondo</div>
</body>
</html>

CSS:

body {font-size: 12px; font-family: verdana;}#top {width: 90%; border: 1px solid #000; margin: 10px auto; padding: 10px 10px 20px; }
#top1 {width:20%; float: left;}
#top2 {width:50%; float: left; text-align: center;}
#top3 {width:30%; float: right; text-align: right;}
.clear {clear: both;}
#center {width: 90%; border: 1px solid; margin:10px auto; padding: 10px;}
#center1 {width:70%; float:left;}
#center2 {width:30%; float: right; text-align: right;} 
#bottom {width:90%; border: 1px solid; margin: 10px auto; padding: 10px;}

Ho utilizzato l'allineamento del testo in maniera pratica per la visualizzazione (starà a te decidere come formattare i contenuti);
oltre questo ti suggerisco inoltre di adottare un corretto DOCTYPE.

Buon lavoro :)

gattinara

Con "posizionarmi al centro di un tag" (?) intendi fare in modo che il div contenente l'immagine risulti "centrato" nella finestra del browser?

gattinara

Buongiorno, Afcs;
potresti dare informazioni aggiuntive sul tipo di risultato che vorresti ottenere?
(anche una immagine rasterizzata dell'effetto desiderato andrebbe bene)

Da quel che mi sembra di capire vorresti adattare una immagine di fondo per tutta la larghezza del div #testata.
Innanzitutto ti suggerisco di adottare un DOCTYPE specifico e di utilizzare una sintassi corretta nei tag "vuoti": nel tuo esempio il meta charset connatura una chiusura html (">"), mentre il tag img ne peculiarizza una xhtml (" />").

Esempio corretto (utilizzando l'XHTML):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "link al w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="link al w3.org/1999/xhtml">
<head>
<title>Menu Doppia Tendina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stile_pagine.css" rel="stylesheet" type="text/css" />
</head>


<body>
<!&#8211; contenuti &#8211;>
</body>
</html>

Oltretutto non conviene utilizzare la proprietà fixed nel body, e ti consiglio di sostituire le tabelle con dei div.

Attendo ulteriori dettagli sul layout che intendi costruire (buon lavoro, nel frattempo).

P. S.: essendo appena iscritta non mi è stato consentito inserire il DOCTYPE correttamente (non sono ancora abilitata ad integrare link).

gattinara

@gattinara

Post creati da gattinara