Foros del Web - Ver Mensaje Individual

Sette · #1 (**permalink**) 04/07/2007, 06:09

Verán, les dejo el código que esstoy creando, quiero añadir en el centro otro div en el que meter texto, pero no soy capaz. Como debo poner:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>www.manucastro.es</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">


<link rel="stylesheet" type="text/css" media="screen" href="moostyle.css" />
<script type="text/javascript" src="http://demos.mootools.net/demos/mootools.svn.js"></script>
<script type="text/javascript">
		window.addEvent('domready', function(){
			var list = $$('#idList li');
			list.each(function(element) {
				
				var fx = new Fx.Styles(element, {duration:200, wait:false});
				
				element.addEvent('mouseenter', function(){
					fx.start({
						'margin-left': 10,
						color: '#777777'
					});70
				});
				
				element.addEvent('mouseleave', function(){
					fx.start({
						'margin-left': 0,
						'color': '#777777'
					});
				});
				
			});
		}); 
	</script>
	<script type="text/javascript">
		window.addEvent('domready', function(){
					
			var mySlide = new Fx.Slide('test');
			$('toggle').addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();
			});	
			mySlide.toggle();					
		}); 
</script>



<style type="text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height:1.4;width:495px;text-align:justify}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:none;width:50%}
div#navigation{float:right;width:495px}
div#extra{clear:both;width:100%}
</style>
</head>
<body>
<div id="container">
<div id="header">
  <h1>CABECERA</h1>
</div>
<div id="wrapper">
<div id="content">
<p><strong>Nottici&oacute;n</strong></p>
<p>vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion vamos que nos vamos con este ppedazo de noticion </p>
<p>


<div class="code">

<a id="toggle" href="#" name="toggle"><ul id="idList">
  <li>+ Pulsa aqu&iacute; para ampliar la noticia</li>
</ul></a>
</div>
<div id="test">
	<p class="caja">Bienvenid@ a www.manucastro.es,mi p&aacute;gina web personal de presentaci&oacute;n de mis trabajos web, as&iacute; como muestra de mi galer&iacute;a fotogr&aacute;fica.</p>
</div>
<br>
</p>
</div>
</div>

<div id="extra">
<p><strong>3 ABAJO</strong></p>
</div>
<div id="footer">
  <p align="center">P&aacute;gina web creada por www.manucastro.es</p>
</div>
</div>
</body>
</html>