Página 1 de 1

Menu left con codigo mal

Publicado: 14 Abr 2011, 21:20
por mayit0
Resulta que puse una barra lateral y todo bien pero a la hora de querer poner los afiliados descuadre el marco y los afiliados se enciman al pasar el raton, no se que parte del code este mal aqui les dejo una imagen y la parte del code que esta en overhall:
Los datos estan en mi firma
Imagen

Código: Seleccionar todo

<br><div class="navbar">
<div class="inner">
<span class="corners-top"><span></span></span>
<ul class="linklist navlinks">
<li><img src="./images/world_link.png">&nbsp;<b>Webs Amigas</b></li></ul>
					
<marquee id="webs" name="webs" behavior="scroll" direction="up" scrolldelay="100" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100">
<center>
<a href="http://www.phpbb.com/" target="_blank"><img src="./images/phpbb.gif"></a>
</center>
</marquee>
<div>
<div>
<marquee id="webs" name="webs" behavior="scroll" direction="up" scrolldelay="100" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100">
<center>
<a href="http://sinaloa-mp3.blogspot.com/" target="_blank"><img src="./images/blogspot.gif"></a>
</center>
</marquee>

<span class="corners-bottom"><span></span></span>
</div>
</div>
<br><div class="navbar">
<div class="inner">
<span class="corners-top"><span></span></span>
<ul class="linklist navlinks">
<li><img src="./images/cup.png">&nbsp;<b>Publicidad</b></li></ul>
					
Puedes poner una imagen o código de Google Ad.

<span class="corners-bottom"><span></span></span>
</div>
</div>

</td>
<td width="100%" valign="top">

Re: Menu left con codigo mal

Publicado: 14 Abr 2011, 21:28
por leviatan21
El código correcto para el bloque de la marquesina y la publicidad sería mas o menos algo así :

Código: Seleccionar todo

<br />
<div class="navbar">
	<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="linklist navlinks">
			<li><img src="./images/world_link.png">&nbsp;<strong>Webs Amigas</strong></li>
		</ul>
		<marquee id="webs" name="webs" behavior="scroll" direction="up" scrolldelay="100" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100">
			<center>
				<a href="http://www.phpbb.com/" target="_blank"><img src="./images/phpbb.gif"></a>
				<a href="http://sinaloa-mp3.blogspot.com/" target="_blank"><img src="./images/blogspot.gif"></a>
			</center>
		</marquee>
	<span class="corners-bottom"><span></span></span></div>
</div>
<br />
<div class="navbar">
	<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="linklist navlinks">
			<li><img src="./images/cup.png">&nbsp;<strong>Publicidad</strong></li>
		</ul>
		Puedes poner una imagen o código de Google Ad.
	<span class="corners-bottom"><span></span></span></div>
</div>

Re: Menu left con codigo mal

Publicado: 15 Abr 2011, 03:12
por mayit0
Gracias mijo ps ahi mas o menos quedo pero cheque que quedo muy separado 8(

Re: Menu left con codigo mal  Tema Solucionado

Publicado: 15 Abr 2011, 03:47
por nextgen
mayit0 el codigo lo has agregado horriblemente.

fijate que el tutorial de Mitch dice

Agregar al final de overall_header.html

Código: Seleccionar todo

		<table width="100%" cellspacing="0">
			<tr>
				<td valign="top" width="17%" style="padding-right:8px;">
					<div class="navbar">
						<div class="inner"><span class="corners-top"><span></span></span>
							<ul class="linklist navlinks">
								<li><img src="./images/nav.png" alt="Navegación" />&nbsp;<strong>Navegación</strong></li>
							</ul>
							<img src="./images/dot.gif" alt="Índice general" /><a href="index.php">Índice general</a>
							<br /><img src="./images/dot.gif" alt="Buscar" /><a href="search.php">Buscar</a>
							<!-- IF S_USER_LOGGED_IN -->
							<br /><img src="./images/dot.gif" alt="Perfil" /><a href="ucp.php">Perfil</a>
							<br /><img src="./images/dot.gif" alt="{PRIVATE_MESSAGE_INFO}" /><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
							<!-- ENDIF -->
							<br /><img src="./images/dot.gif" alt="Mensajes nuevos" /><a href="search.php?search_id=newposts">Mensajes nuevos</a>
							<br /><img src="./images/dot.gif" alt="Sus mensajes" /><a href="search.php?search_id=egosearch">Sus mensajes</a>
							<br /><img src="./images/dot.gif" alt="Mensajes sin respuesta" /><a href="search.php?search_id=unanswered">Mensajes sin respuesta</a>
							<br /><img src="./images/dot.gif" alt="Temas activos" /><a href="search.php?search_id=active_topics">Temas activos</a>
							<br />
							<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->
							<br /><img src="./images/dot.gif" alt="{L_REGISTER}"><a href="{U_REGISTER}">{L_REGISTER}</a>
							<!-- ENDIF -->
							<!-- IF not S_IS_BOT -->
							<br /><img src="./images/dot.gif" alt="{L_LOGIN_LOGOUT}" /><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
							<!-- ENDIF -->
							
							<ul class="linklist navlinks">
								<br /><li><img src="./images/user.png" alt="Usuarios" />&nbsp;<strong>Usuarios</strong></li>
							</ul>
							<img src="./images/dot.gif" alt="Lista de Usuarios" /><a href="memberlist.php">Lista de Usuarios</a>
							<br /><img src="./images/dot.gif" alt="El equipo" /><a href="memberlist.php?mode=leaders">El equipo</a>
							
							<ul class="linklist navlinks">
								<br /><li><img src="./images/help.png" alt="Ayuda" />&nbsp;<strong>Ayuda</strong></li>
							</ul>
							<img src="./images/dot.gif" alt="FAQ" /><a href="faq.php">FAQ</a>
							<br /><img src="./images/dot.gif" alt="FAQ BBcodes" /><a href="faq.php?mode=bbcode">FAQ BBcodes</a>
							<br /><img src="./images/dot.gif" alt="Términos de uso" /><a href="ucp.php?mode=terms">Términos de uso</a>
							<br /><img src="./images/dot.gif" alt="Política de Privacidad" /><a href="ucp.php?mode=privacy">Política de Privacidad</a>
						<span class="corners-bottom"><span></span></span></div>
					</div>
					<br />
					
					<div class="navbar">
						<div class="inner"><span class="corners-top"><span></span></span>
							<br/>
							<ul class="linklist navlinks">
								<li><img src="./images/world_link.png" alt="Webs Amigas" />&nbsp;<strong>Webs Amigas</strong></li>
							</ul>
							<marquee id="webs" name="webs" behavior="scroll" direction="up" scrolldelay="100" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100">
								<center>
									<a href="http://www.phpbb.com/" target="_blank"><img src="./images/phpbb.gif" alt="phpbb" /></a><br />
									<a href="http://sinaloa-mp3.blogspot.com/" target="_blank"><img src="./images/blogspot.gif" alt="" /></a><br />
									<a href="http://sinaloa-mp3.blogspot.com/" target="_blank"><img src="./images/facebooke.gif" alt="" /></a><br />
									<a href="http://sinaloa-mp3.blogspot.com/" target="_blank"><img src="./images/metrosm.gif" alt="" /></a><br />
									<a href="http://sinaloa-mp3.blogspot.com/" target="_blank"><img src="./images/myspacep.gif" alt="" /></a><br />
									<a href="http://sinaloa-mp3.blogspot.com/" target="_blank"><img src="./images/chidochidochido.gif" alt="" /></a><br />
								</center>
							</marquee>
						<span class="corners-bottom"><span></span></span></div>
					</div>
					<br />
				</td>
				<td width="100%" valign="top">
y al principio del overall_footer.html

Código: Seleccionar todo

</td>
</tr>
</table>
lo que has hecho es revolver(mezclar) todo el código agregando y duplicando funciones.