Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje09-11-2010, 00:14 (UTC)    
Título del mensaje: Ayuda con diseño css

Hola tengo un problema, va no es un problema es que quiero añadir algo al diseño de mi web. Mi web es esta www.esferas-del-dragon.es.tl y si entran se pueden dar cuenta de que el diseño esta echo para que aparezca todo a la izquierda, y lo que yo quiero es que aparezcan cosas a la derecha y a la izquierda. dejo los codigos que uso en mi web :

Texto por encima de la pagina:

Cita:
<style type="text/css">
body {
width: 100%;
background: #FFFFFF;background-image:url();
text-align: center;
border: 1px solid #000000;
}
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

<style>
<!--
a:hover{text-decoration:none;}
a{text-decoration:none;}
-->
</style>

<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}
--></style>

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Layout 1</title>
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all" />
</head>
<body>
<div id="wrapper">
<div id="header">
<p class="logotext"> </strong><br>
<span class="logotext2"> </span></p>
<div id="headinfo"> <a href="http://www.esferas-del-dragon.es.tl/Registrate-ar--ar-.htm">Registrarse</a> <a href="http://www.esferas-del-dragon.es.tl/Logea-aca-ar--ar-.htm">Logea aca</a> <a href="http://www.esferas-del-dragon.es.tl/Afiliacion.htm">Afiliacion</a> </div>
</div>
<div id="nav">
<ul>
<li><a href="http://www.esferas-del-dragon.es.tl/Inicio.htm">Inicio</a></li>
<li><a href="http://esferas-del-dragon.foroactivo.net/">Foro</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Noticias.htm">Noticias</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Ranking.htm">Ranking</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<img src="http://img697.imageshack.us/img697/7474/asdasfasdgsdfgsdfgsdfg.png" alt="" />
<h2>Dragon Ball Art :</h2>
<ul>
<li><a href="http://www.esferas-del-dragon.es.tl/Dragon-Ball-Art-.-.htm">Todos los dibujos</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Dibujos-en-Competencia--k1-semanal-k2-.htm">Dibujos en competencia</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Aprende-a-dibujar-Personajes.htm">Aprende a dibujar los personajes</a></li>
<img src="http://img697.imageshack.us/img697/7474/asdasfasdgsdfgsdfgsdfg.png" alt="" />
<h2>Sabias que...</h2>
<ul>
<li><a href="http://www.esferas-del-dragon.es.tl/Niveles-de-Ki.htm">Niveles de Ki</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Creadores-de-la-serie.htm">Creadores de la serie</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Niveles-Saiyan.htm">Niveles Saiyan</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Arbol-Genealogico.htm">Arbol Genealogico</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Insignias.htm">Insignias</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Nombres-y-significados.htm">Nombres y Significados</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Historia-DB_Z_GT.htm">Historia DB-Z-GT</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Edades.htm">Edades</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Lugares.htm">Lugares</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Tecnicas.htm">Tecnicas</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Dragones-malignos.htm">Dragones malignos</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Dragon-Ball-AF.htm">Dragon Ball AF</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Posibles-creaciones-de-Akira-Toriyama.htm">Posibles creaciones de Akira Toriyama</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Esferas-del-Dragon.htm">Esferas del Dragon</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Parecidos.htm">Parecidos</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Curiosidades.htm">Curiosidades</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Censuras-y-Errores.htm">Censuras y errores</a></li>
<img src="http://img697.imageshack.us/img697/7474/asdasfasdgsdfgsdfgsdfg.png" alt="" />
<h2>Multimedia :</h2>
<ul>
<li><a href="http://www.esferas-del-dragon.es.tl/Galeria-de-imagenes.htm">Galeria de Imagenes</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Wallpapers.htm">Wallpapers</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Descargas.htm">Descargas</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Juegos.htm">Juegos</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/Chat.htm">Chat</a></li>
<li><a href="http://www.esferas-del-dragon.es.tl/MSN,-Yahoo,-etc-.-.htm">MSN, Yahoo, etc.</a></li>
<li><a href="http://esferas-del-dragon.es.tl/Dragon-ball-Online.htm">Dragon Ball Online</a></li>
</li>
</ul>
<img src="http://img697.imageshack.us/img697/7474/asdasfasdgsdfgsdfgsdfg.png" alt="" />
<h2>Vote Aqui :</h2>
<script type="text/javascript" src="http://www.tusencuestas.com/Acciones/tusencuestas.aspx?31896-15898-0-0-fe16dccc_83ba_4b69_b56b_1807377da845-0-0"></script><img src="http://img697.imageshack.us/img697/7474/asdasfasdgsdfgsdfgsdfg.png" alt="" />
<h2>Personaje mas agrandado / creido:</h2>
<img src="http://t0.gstatic.com/images?q=tbn:ANd9GcTKXp57B1FvM5ODHVWq5fZ0Y4sB3l_WHw0hrEguafFiscA6RiI&t=1&usg=__4I7DvJT4UZOeYlTqO3HEljwGeAE=""/>
<img src="http://img697.imageshack.us/img697/7474/asdasfasdgsdfgsdfgsdfg.png" alt="" />
<h2>Dibujo del mes :</h2>
<div><img src="http://img524.imageshack.us/img524/4366/asdasdasdasdasdasdchiqu.png" alt="" /> <br>Ganador del 5toDragon Ball Art: Andres Iglesias</br></div>
<img src="http://img697.imageshack.us/img697/7474/asdasfasdgsdfgsdfgsdfg.png" alt="" />
<h2>Visitas :</h2>
<div style>
<object id="99counters296060" type="application/x-shockwave-flash" data="http://www.99counters.com/counters.swf?id=296060&ln=es" width="120" height="160" wmode="transparent"><param name="movie" value="http://www.99counters.com/counters.swf?id=296060&ln=es" /><param name="wmode" value="transparent" /><embed src="http://www.99counters.com/counters.swf?id=296060&ln=es" type="application/x-shockwave-flash" wmode="transparent" width="120" height="160"></embed><br><a href="http://www.onlinecasinoextra.com/">casino</a> <a href="http://es.99counters.com/">Contador</a> <a href="http://es.99polls.com/">encuestas</a></object>
</div>
<script type="text/javascript"><!--
google_ad_client = "pub-2974349979448684";
/* 120x90, creado 24/07/10 */
google_ad_slot = "1924872955";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div id="breadcrumb"></div>
<div id="right">
<div id="right">


Texto por debajo de la pagina :

Cita:
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyNzU*NDIxOTI1OTMmcHQ9MTI3NTQ*MjIyNTU3OCZwPTE4MDMxJmQ9Jmc9MSZvPTM4MWFkNDQwZjg3NzQyNmRiZjAy/NDY2YmMwMzY*MWQ2.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.mixpod.com/swf/mp3/mp-sk.swf" height="180" width="400" style="width:400px;height:180px"><param name="movie" value="http://assets.mixpod.com/swf/mp3/mp-sk.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars" value="myid=56011452&path=2010/06/01&mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false"/></object><br><a href="http://www.mixpod.com/playlist/56011452" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music"></a><a href="http://www.mixpod.com" target="_blank"><img src="http://assets.myflashfetish.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist"></a><br /><a href="http://mixpod.com">Music</a> <a href="http://mixpod.com">Playlist</a> at <a href="http://mixpod.com">MixPod.com</a></p></center>
</div>
</div>
<br class="clear" />
<div id="footer">
<center><p>Esferas del Dragon, todos los derechos reservados</p></center>
</div>
</div>
</body>
</html>
<center><p>Estos son todos nuestros afiliados, si deseas afiliarte a nuestra web haz <a href="http://www.esferas-del-dragon.es.tl/Afiliacion.htm">click aqui</a>.</p></center>
<center><a href="http://superanimado.es.tl/"><img src="http://img199.imageshack.us/img199/1697/minibanner2.png" alt="" /></a><a href="http://www.boladedragon.com/"><img src="http://www.boladedragon.com/boton.jpg" alt="" /></a><a href="http://megadragonball.cl/"><img alt="" src="http://i661.photobucket.com/albums/uu332/sirz-mdb/BBANER.png" /></a><a href="http://www.lbmdragonball.com/"><img alt="Dragon Ball Z" src="http://www.lbmdragonball.com/imagenes/webs_hermanas/banner_lbm_88x31.gif" /></a><a href="http://www.dballssj.es.tl/"><img src="http://www.boladedragon.com/dragonball/afiliados/dbssj.png" alt="" /></a><a href="http://www.ldball.com.ar/"><img alt="" src="http://img101.imageshack.us/img101/8384/ldball88x31trunks.png" /></a><a href="http://supremokaiosama.blogspot.com/"><img alt="descargar nuestros banners" src="http://4.bp.blogspot.com/_mSXXWZ_T2ZA/SL94IFViMAI/AAAAAAAAAEE/V3xsBkND-qk/S220/banner.png" /></a><a href="http://www.boladedragoncenter.com/"><img alt="Image Hosted by ImageShack.us" src="http://img197.imageshack.us/img197/286/minibarnner.gif" /></a><a href="http://www.dblatino.com/"><img src="http://www.dblatino.com/images/banner.jpg" alt="" /></a><a href="http://www.zonadragonball.org/"><img src="http://www.zonadragonball.org/zdb_afiliado2.gif" alt="Afiliado" /></a><a href="http://dragonball-n-g.es.tl/"><img src="http://i36.tinypic.com/2nsrywp.gif" alt="DragonBallNG" /></a><a href="http://dragonballvenezuela.es.tl/"><img src="http://i20.tinypic.com/2dh7j4k.png" alt="" /></a>
<a href="http://galaxiadball.es.tl/"><img src="http://img145.imageshack.us/img145/8499/bannerwebgohanzt2.png" alt="¡Visita Galaxia Dragon Ball!" /></a><a href="http://www.dragonballz-es.com/"><img src="http://usuarios.lycos.es/webwassaby/dbzreloaded.gif" alt="DBZ Reloaded" /></a><a href="http://overdrive-form.es.tl/"><img alt="" src="http://img811.imageshack.us/img811/396/overdrive.gif" /></a><a href="http://dragonball100.blogspot.com/"><img src="http://3.bp.blogspot.com/_ayE-LoHskjo/SpQm48f9FWI/AAAAAAAACf0/bOaIB7ri6zw/s400/88x31.jpg" alt="" /></a><a target="_blank" href="http://neo-sitio.tk" _fcksavedurl="http://neo-sitio.tk"><img alt="" src="http://img24.xooimage.com/files/4/5/8/bannern-185f427.jpg" _fcksavedurl="http://img24.xooimage.com/files/4/5/8/bannern-185f427.jpg" /></a><A href="http://www.clandb.es.tl/"><IMG alt="..::Clan Dragon Ball::.." src="http://img.webme.com/pic/c/clandb/botonclandb.gif" border=0></A>
<a href="http://www.narutoevolucion.com/"><img src="http://i41.tinypic.com/20kvf3q.jpg" alt="" /></a></center>


CSS - Code sin Style Tags :

Cita:
img {

border: none;

}
a img {

border: none;

}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


body { font-family:Arial, Helvetica, sans-serif; color:#FF3300; font-size:12px; }

a { color:#000000; text-decoration:none; }
h1 { font-size:16px; }
h2 { font-size:14px; }

#wrapper { width:760px; margin:0 auto; padding:0; }

#header { width:100%; height:150px; background-image:url(http://img843.imageshack.us/img843/5051/bannermco.png); }
#header .logo { float:left; }
#headinfo { float:right; width:200px; margin:10px 5px 0 0; height:20px; padding:05px 0 10px 0; background:url(http://img193.imageshack.us/img193/6681/apoyadordelinks.gif) no-repeat; text-align:center; }
#headinfo a { color:#FF6600; }
#headinfo a:hover { color:#FFFF66; border-bottom:1px solid #FF9900; }

.logotext { float:left; width:200px; margin:55px 0 50px 30px; font-family:Trebuchet MS; font-size:22px; color:#CCCCFF; }
.logotext strong { color:#993300; }
.logotext2 { font-size:14px; }

#nav { width:100%; overflow:auto; padding:1px; margin:0; background-color:#FF3300; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; height:15px; padding:8px 0; margin:0 1px 0 0; background-color:#FF3300; text-align:center; }
#nav ul li a:hover { background-color: #FF9933; color:#000000; }

#content { width:100%; }

#left { float:left; width:20%; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a { display:block; width:120px; margin:0; padding:5px; background-color:#FF9933; }
#left ul li a:hover { background-color:#FF3300; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px; background-color:#EFEFEF; }

#breadcrumb { float:left; width:80%; background-color:#EFEFEF; }

#right { float:left; width:80%; }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#D4D4D4; border:1px solid #FFFFFF; }
#right p a { color:#000000; font-weight:bold; text-decoration:underline; }

.clear { clear:both; }
[/quote]
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group