Foros del Web » Creando para Internet » CSS »

Crear div a la derecha

Estas en el tema de Crear div a la derecha en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/07/2007, 07:09
Avatar de Sette  
Fecha de Ingreso: febrero-2002
Mensajes: 1.746
Antigüedad: 15 años, 10 meses
Puntos: 3
Crear div a la derecha

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">[email protected] 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>
__________________
diseño y programación
http://www.manucastro.es
[email protected]
  #2 (permalink)  
Antiguo 04/07/2007, 17:11
Avatar de pablinff  
Fecha de Ingreso: diciembre-2005
Ubicación: Argentina
Mensajes: 383
Antigüedad: 12 años
Puntos: 7
Re: Crear div a la derecha

Podrías explicarte un poco mejor? y poner el algo más específico para saber exactamente en que parte querés agregar el div y de que forma...
Saludos!
__________________
I'm gonna start a revolution from my bed...
  #3 (permalink)  
Antiguo 02/12/2007, 17:25
Avatar de sesperanto  
Fecha de Ingreso: noviembre-2006
Mensajes: 7
Antigüedad: 11 años, 1 mes
Puntos: 0
Sonrisa Re: Crear div a la derecha

Hola Sette,

Yo estaba buscando lo mismo que tú, y lo encontré en este mismo blog.

http://www.forosdelweb.com/f53/ancho-div-ajustado-toda-pagina-380284/

Espero que te sirva de algo

Un saludo!
  #4 (permalink)  
Antiguo 03/12/2007, 12:37
Avatar de atoleon  
Fecha de Ingreso: marzo-2007
Mensajes: 156
Antigüedad: 10 años, 9 meses
Puntos: 1
Re: Crear div a la derecha

En desarrolloweb tienes un manual muy bien explicado en el que explican como hacer una página con 3 columnas. puede que eso te ayude.

P.D. Te pondría la url pero hasta que no escriba 30 mensajes no me dejan hacerlo. Saludos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:34.