come si occupa lo spazio ?!?

**landolini** · 21-05-2007, 16:12

Cerco faticosamente di imparare !
Scopiazzando anche nel forum sto facendo una pagina . Ho messo due
video a inizio pagina , quattro pulsanti e dei menu' orizzontali . E fin qui lo spazio
viene occupato nella sequenza descritta.
Adesso se scrivo del testo mi va a finire nella spazio che divide le prime due
immagini !!! Come si fa a proseguire nel documento ???
Grazie.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<link rel="stylesheet" type="text/css" href="file:///home/lando/Desktop/H T M L/prvdiv/style.css">

</head>

<BODY bgColor=#3fffff>

<embed src="file:/home/lando/Documents/MPLAYER/happy_feet_h480.mov" HEIGHT="250" WIDTH="250"
LOOP="true" align="left" >

<embed src="file:/home/lando/Desktop/Astronomia/Converted/get_video(3).avi" HEIGHT="250" WIDTH="350" LOOP="true" align="right" >

<div id="navbar" style="padding-left : 1px;">

<ul>

[*]HOME
[*]BLOG
[*]FORUM
[*]LIBERO

[/list]

</div>

<ul id="menu_a_2livelli">
[*]MENU_1
<ul>
[*]Wikipedia
[*]Milano
[*]Torino
[*]Torino[*]Milano[*]Torino[*]Milano

[/list]

[*]Spagna
<ul>
[*]Madrid
[*]Barcelona
[*]Zaragoza
[/list]

[*]Germania
<ul>
[*]Berlin
[*]Munchen
[*]Kholn
[/list]

[*]Gran Bretagna
<ul>
[*]London
[*]Liverpool
[*]Manchester
[/list]

[*]Francia
<ul>
[*]Paris
[*]Lille
[*]Metz
[/list]
[/list]

FINE MENU ORIZZONTALE

FINE SPAZI PARAGRAFO

INIZIO IMMAGINE

[img]file:/home/lando/Desktop/H T M L/prvmkp/shot0005.png[/img]

FINE IMMAGINE

DocumentoDocumento
DocumentoDocumento
DocumentoDocumentoDocumentoDocumento
DocumentoDocumento

</body></html>

**Myaku** · 21-05-2007, 19:12

1. sistema il codice, stai usando xhtml
2. non possiamo vedere il css se ce l'hai in locale

**landolini** · 21-05-2007, 22:08

..sto scopiazzando senza vergogna ! ed e' rimasto nella riga in alto xhtml...!
cosa comporta in soldoni ?
Ho visto che se rendo la pagina compartimentata con tanti container ,evito il
problema per cui avevo postato....E' la strada giusta o troppo macchinosa ?
Grazie.

PS_ allego il css.

#navbar {
margin: 0;
padding: 0;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 15px;
height: 16px;
background-color: #E0E0E0;
border-top: 1px solid #eee;
border-bottom: 1px solid #aaa;
text-align: center;
float: left;
}
#navbar ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
border: 0;
float: left;
}
#navbar ul li {
padding: 0;
margin: 0;
text-align: center;
display: block;
float: left;
}
#navbar ul li a {
padding: 0;
margin: 0;
text-align: center;
background-color: #E0E0E0;
/*width: 109px;*/
width: 178px; /* 4 links 192px */
height: 16px;
color: #666;
display: block;
text-decoration: none;
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}
#navbar ul li a:hover
{
color: #33CCFF;
background-color:#FFFF99;

}

ul#menu_a_2livelli{
float: left;
margin:0;
padding:0;
border-top: 1px solid #D76120;
border-bottom: 1px solid #D76120;
border-left: 1px solid #D76120;
background: #2D4E6C;
list-style:none;
font:1em Trebuchet MS;
}
ul#menu_a_2livelli li ul li{
list-style:none;
margin:0;
padding:0;
}
ul#menu_a_2livelli li{
width: 140px;
float:left;
margin: 0;
padding: 0;
border-right: 1px solid #D76120;
color:black;
}
ul#menu_a_2livelli a:link,
ul#menu_a_2livelli a:visited{
display: block;
padding: 4px 16px;
color: #fff;
text-decoration: none;
}
ul#menu_a_2livelli a:hover,
ul#menu_a_2livelli a:focus,
ul#menu_a_2livelli a:active{
background-color: #D76120;
color: #FFFFFF;
text-decoration: none;
}
ul#menu_a_2livelli li ul{
display: none;
}
ul#menu_a_2livelli li:hover ul{
display: block;
position: absolute;
z-index:1;
width:150px;
padding: 0;
margin: 0 0 0 -1px;
border:1px solid #D76120;
background: #2D4E6C;
font-size:.8em;
}
ul#menu_a_2livelli li li {
border-bottom:1px solid #D76120;
width: 150px;

}

#contentbg {
width: 780px;
height:300px;
margin: 0px;
clear: both;
}

#contentbg1 {
width: 780px;
height:300px;
margin: 0px;
clear: both;
}

**Myaku** · 22-05-2007, 07:16

Il doctype è un elemento fondamentale del codice poichè comunica al browser quale tipo di (x)html viene utilizzato. E, poichè ognuno ha delle specifiche (vedi sito w3c) a cui i browser "seri" (Explorer non è incluso) si attengono, avere un codice che segue gli standard significa che il codice che scrivi sarà interpretato dal browser stesso nella maniera corretta.

Discussione: come si occupa lo spazio ?!?

Strumenti discussione

Ricerca discussione

Visualizza

come si occupa lo spazio ?!?

Permessi di invio