Hola a todos!
Veréis, estoy intentando hacer mi primera página web. Consiste básicamente en una foto centrada en medio donde debe ir todo el contenido. He conseguido centrar la foto, pero el texto no del todo. Os dejo aquí mi código.
Gracias y felicidades por este espacio tan estupendo!
INDEX.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html" ; charset="iso-8859-1" http-equiv=Content-Type>
<title>La Caleta de Gracia</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="contenido">
<!-- INCIO MENU
<div id="menu">
<ul><li>Seccio 1</li><li>Seccio 2</li><li>Seccio 3</li></ul>
</div>
<!-- FIN MENU -->
<!-- INICIO PRINCIPAL
<div id="parrafada">
<p>cdbh jsbc hjb sdhjcb hsdbch bds hcbdsb jbdhjs bjchbdsb chd sb bcdb shbhsd bhjd bchjsbch jbdh jsbhj
sdbcdbh jsbchjbsdhj cbhsdbc hbdshcbd sbjbdh jsbjchbds bchdsbb cdbsh bhsdbhjdbc hjsbchj bdhjsbhjs
dbcdcdb hjsbch jbsdhjcb hsdbch dshcbdsbjbd hjsbjchb dsbchdsb bcdbs hbhsdbhjdbch jsbchjbdh jsbhjs
dbcd bhjsbch jbsdhjcbh sdbchbdshc bdsbjbdh jsbjchbds bchdsbbcdbsh bhsdbhjdbc hjsbchjbdhjsbhjs</p>
</div>
</div>
<!-- FIN PRINCIPAL -->
</div><!--SACAR!!-->
<div id="idioma">
<ul><li>Idioma 1</li><li>Idioma 2</li><li>Idioma 3</li></ul>
</div>
</div>
</body>
</html>
HOJA DE ESTILO
* { text-indent: 0px ; margin: 0px ; padding: 0px ; border: 0px }
body { text-align: center ;
background-color: #F3F781 ;
background-image: url(objetos/fondo.jpg) ;
background-repeat: no-repeat ;
background-position: center center ;
height: 100% }
p { text-align: justify }
li { list-style: none }
#global { background-color: orange ;
float: center center ;
width: 800 ;
height: 548 }
#contenido { float: left ;
background-color: brown ;
width: 600px ;
height: 300 }
#menu { float: left ;
background-color: no-color ;
width: 100px }
#menu li { margin: 4px 8px 4px 8px ;
padding: 6px 10px 6px 10px ;
background-image: url(objetos/madera.png) }
#menu ul { margin: 20px 0px 20px 0px }
#parrafada { float: right ;
background-color : no-color }
#idioma { float: right ;
background-color: blue ;
width: 100px }
Veréis, estoy intentando hacer mi primera página web. Consiste básicamente en una foto centrada en medio donde debe ir todo el contenido. He conseguido centrar la foto, pero el texto no del todo. Os dejo aquí mi código.
Gracias y felicidades por este espacio tan estupendo!
INDEX.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html" ; charset="iso-8859-1" http-equiv=Content-Type>
<title>La Caleta de Gracia</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="contenido">
<!-- INCIO MENU
<div id="menu">
<ul><li>Seccio 1</li><li>Seccio 2</li><li>Seccio 3</li></ul>
</div>
<!-- FIN MENU -->
<!-- INICIO PRINCIPAL
<div id="parrafada">
<p>cdbh jsbc hjb sdhjcb hsdbch bds hcbdsb jbdhjs bjchbdsb chd sb bcdb shbhsd bhjd bchjsbch jbdh jsbhj
sdbcdbh jsbchjbsdhj cbhsdbc hbdshcbd sbjbdh jsbjchbds bchdsbb cdbsh bhsdbhjdbc hjsbchj bdhjsbhjs
dbcdcdb hjsbch jbsdhjcb hsdbch dshcbdsbjbd hjsbjchb dsbchdsb bcdbs hbhsdbhjdbch jsbchjbdh jsbhjs
dbcd bhjsbch jbsdhjcbh sdbchbdshc bdsbjbdh jsbjchbds bchdsbbcdbsh bhsdbhjdbc hjsbchjbdhjsbhjs</p>
</div>
</div>
<!-- FIN PRINCIPAL -->
</div><!--SACAR!!-->
<div id="idioma">
<ul><li>Idioma 1</li><li>Idioma 2</li><li>Idioma 3</li></ul>
</div>
</div>
</body>
</html>
HOJA DE ESTILO
* { text-indent: 0px ; margin: 0px ; padding: 0px ; border: 0px }
body { text-align: center ;
background-color: #F3F781 ;
background-image: url(objetos/fondo.jpg) ;
background-repeat: no-repeat ;
background-position: center center ;
height: 100% }
p { text-align: justify }
li { list-style: none }
#global { background-color: orange ;
float: center center ;
width: 800 ;
height: 548 }
#contenido { float: left ;
background-color: brown ;
width: 600px ;
height: 300 }
#menu { float: left ;
background-color: no-color ;
width: 100px }
#menu li { margin: 4px 8px 4px 8px ;
padding: 6px 10px 6px 10px ;
background-image: url(objetos/madera.png) }
#menu ul { margin: 20px 0px 20px 0px }
#parrafada { float: right ;
background-color : no-color }
#idioma { float: right ;
background-color: blue ;
width: 100px }