Problema con codigo html

Skymaster289304 · #1 (**permalink**) 06/05/2011, 12:25

Hola, muy buenas tardes
mi foro es : http://gxa.forumfree.it/

Si se fijan bien, en el inicio del foro aparece una tabla con tres columnas. izquierda que tiene "siguenos y colaboradores GxA" en la central tengo un efecto de mouse over y en la columna de la derecha es donde recide mi dilema D:, el asunto es que quiero añadir abajo de la fila de "Afiliados" otra fila que diga "Top de votaciones" pero el problema es que no e conseguido hacerlo y e estado cerca pero se me cambian de lado los banners de afiliados y se me van por otro lado los de los banners de los tops :S (cabe destacar que no soy experto en html). Bueno, ya para aclarar mas el asunto quisiera saber si alguien me ayuda a arreglar mi problema con el codigo y que me pueda poner bien la fila con los banners y todo.

Nesecito de alguien que me pueda ayudar con mi codigo por favor, mi correo es [email protected] Espero que alguien me tome un poco de interes en mi problema y me ayude, saludos.

ArturoGallegos · #2 (**permalink**) 06/05/2011, 13:15

creo que tu problema radica en que no entiendes como funcionan las tablas, aparte de que estas maquetando con una y no deberías pero bueno

aquí tienes material de lectura: -> clic aquí

tu codigo deberia ser algo así:

Código HTML:

Ver original<table>
    <tr>
        <td>redes sociales</td>
        <td>colaboradores</td>
        <td>banner</td>
    </tr>
    <tr>
        <td rowspan="3">banner/usuarios del mes/etc/etc</td>
    </tr>
    <tr>
        <td rowspan="2">afiliate</td>
        <td>top votaciones</td>
    </tr>
</table>

notese en la tercera columna rowspan="2" en lugar de 3 para que puedas agregar la siguiente fila y todo se mantenga en su lugar

Skymaster289304 · #3 (**permalink**) 06/05/2011, 17:34

Si, es que realmente apenas soy un novato en html por eso es que me pierdo con la tabla :S. Ag666 gracias por brindarme tu ayuda, pero te puedo enseñar todo el codigo para ver si me puedes ayudar a ponerlo bien desde mi codigo?

<tr>
<td class="title"><span style="color: #2D2D2D; font-size: 15; font-family: MV Boli">~ <span style=color:#DF0101>S</span>iguenos </span></td>
<td class="title"><span style="color: #2D2D2D; font-size: 15; font-family: MV Boli">~ <span style=color:#DF0101>G</span>amersX<span style=color:#DF0101>A</span>nime </span></td>
<td class="title"><span style="color: #2D2D2D; font-size: 15; font-family: MV Boli">~ <span style=color:#DF0101>A</span>filiados </span></td>
</tr>

<tr title="">
<td class="ww"><a href="http://www.facebook.com/#!/pages/GamersXAnime/117447931645830" target="_blank"><img src="http://lh4.ggpht.com/_NLOc3R4Yqfs/TEsJpnVCO6I/AAAAAAAABz0/uTBnx6bVoI8/facebook.1.png"></a> <a href="http://twitter.com/@GamersXAnime" target="_blank"><img src="http://lh6.ggpht.com/_NLOc3R4Yqfs/TEsJpqlUkWI/AAAAAAAABz8/bpHbxZcirSM/twitter.1.png"></a></td>

<td class="aa" rowspan="3"><div id="pl1"><div align="center">
<script type="text/javascript"></script>
</div>
<br>

<img src="http://img19.imageshack.us/img19/9899/bienvenidagxa.jpg" name="benvenuto" width="400px" height="200px" align="center"><br>

<script type="text/javascript">
cov0=new Image(); //riservato per il welcome
cov1=new Image();
cov2=new Image();
cov3=new Image();
cov4=new Image();
cov5=new Image();
cov6=new Image();
cov7=new Image();
cov8=new Image();
cov9=new Image();
cov10=new Image();
cov11=new Image();
cov12=new Image();
cov13=new Image();
cov14=new Image();
cov15=new Image();
cov17=new Image();
cov18=new Image();
cov19=new Image();
cov20=new Image();
cov21=new Image();
cov22=new Image();

cov0.src="http://img109.imageshack.us/img109/9899/bienvenidagxa.jpg"; //Bienvenido a GxA
cov1.src="http://img703.imageshack.us/img703/7562/fundadorskymastergxa.jpg"; //SkyMaster
cov2.src="http://img151.imageshack.us/img151/7925/adminiontigxa.jpg"; //Ontifex
cov3.src="http://img607.imageshack.us/img607/6578/modergxagonza.jpg"; //Gonza
cov4.src="http://img28.imageshack.us/img28/9217/moderfokerxgxa.jpg"; //Fokerx
cov5.src="http://img651.imageshack.us/img651/3379/colaboradorhappyrorogxa.jpg"; //Happy
cov6.src="http://www.imagengratis.org/images/incorso.jpg"; //En proceso
</script>

<span style="color:red;font-size:18pt;font-family:Crown Title">Staff de GamersXAnime</span>
<br>

<!— Sky -->
<a href="?act=Profile&MID=7015786" onMouseover="document.benvenuto.src=cov1.src" onMouseout="document.benvenuto.src=cov0.src" target="_blank"><img style="opacity: 0.4; filter:alpha(opacity=20);" src="http://img200.imageshack.us/img200/9377/minicuadroskymastergxa.png" onmouseover="this.style.opacity=1;this.filters.alp ha.opacity='100';" onmouseout="this.style.opacity=0.4;this.filters.al pha.opacity='40';"/></a>
<!— Onti -->
<a href="?act=Profile&MID=7241983" onmouseover="document.benvenuto.src=cov2.src" onmouseout="document.benvenuto.src=cov0.src" target="_blank"><img style="opacity: 0.4; filter:alpha(opacity=20);" src="http://img585.imageshack.us/img585/5007/minicuadroontigxa.png" onmouseover="this.style.opacity=1;this.filters.alp ha.opacity='100';" onmouseout="this.style.opacity=0.4;this.filters.al pha.opacity='40';"/></a>
<!— Gonza -->
<a href="?act=Profile&MID=7234302" onmouseover="document.benvenuto.src=cov3.src" onmouseout="document.benvenuto.src=cov0.src" target="_blank"><img style="opacity: 0.4; filter:alpha(opacity=20);" src="http://img818.imageshack.us/img818/7162/minicuadrogonzagxa.png" onmouseover="this.style.opacity=1;this.filters.alp ha.opacity='100';" onmouseout="this.style.opacity=0.4;this.filters.al pha.opacity='40';"/></a>
<!— Foker -->
<a href="?act=Profile&MID=7298197" onmouseover="document.benvenuto.src=cov4.src" onmouseout="document.benvenuto.src=cov0.src" target="_blank"><img style="opacity: 0.4; filter:alpha(opacity=20);" src="http://img713.imageshack.us/img713/421/fokerminicuadrogxa.png" onmouseover="this.style.opacity=1;this.filters.alp ha.opacity='100';" onmouseout="this.style.opacity=0.4;this.filters.al pha.opacity='40';"/></a>
<!— Happy -->
<a href="?act=Profile&MID=7217774" onmouseover="document.benvenuto.src=cov5.src" onmouseout="document.benvenuto.src=cov0.src" target="_blank"><img style="opacity: 0.4; filter:alpha(opacity=20);" src="http://i708.photobucket.com/albums/ww86/Squall-Leonheart/Anime%20Dreamland/blackpic.png" onmouseover="this.style.opacity=1;this.filters.alp ha.opacity='100';" onmouseout="this.style.opacity=0.4;this.filters.al pha.opacity='40';"/></a> <br>

<span style="color:lightblue;font-size:18pt;font-family:Crown Title">Usuario del Mes</span>
<br>
<!— User del mes -->
<a href="?act=Profile&MID=7015786" onmouseover="document.benvenuto.src=cov6.src" onmouseout="document.benvenuto.src=cov0.src" target="_blank"><img style="opacity: 0.4; filter:alpha(opacity=20);" src="http://imagengratis.org/images/000mi6qm.png" onmouseover="this.style.opacity=1;this.filters.alp ha.opacity='100';" onmouseout="this.style.opacity=0.4;this.filters.al pha.opacity='40';"/></a>
<br>
</div>

<td class="ww" rowspan="3"><a href="http://www.sekai-manga.es" target="_blank">
<img src="http://img823.imageshack.us/img823/4862/afliat.png" width=91 height=34 ></a>
<a href="http://fanime.forumfree.it" target="_blank"><img src="http://i1225.photobucket.com/albums/ee386/Misa-chan17/boton-roro.gif" alt="Diviertete muchisimo aqui en Fanime" /></a></div>

<a href="http://gxa.forumfree.it/?f=9425475">Afiliate desde Aqui</a><br></td>
</tr>

<tr>
<td class="title"><span style="color: #2D2D2D; font-size: 15; font-family: MV Boli">~ <span style=color:#DF0101>C</span>olaboradores<span style=color:#DF0101>D</span>e GxA  </span></td>
<td class="title"><span style="color: #2D2D2D; font-size: 15; font-family: MV Boli">~ <span style=color:#DF0101>T</span>ops votaciones</span></td>
</tr>

<tr title="RIGA3">
<td class="ww"><a href="http://fanime.forumfree.it/"><img src="http://store03.prostores.com/yaahahcosplay/catalog/200932415354951920.jpg"></a> </td>
</tr>

Skymaster289304 · #4 (**permalink**) 06/05/2011, 17:36

ese es el codigo que va dentro de la tabla, lo podrias revisar y ayudarme a colocarlo bien por favor? Te lo agradeceria mucho

Skymaster289304 · #5 (**permalink**) 06/05/2011, 17:55

Problema Resuelto!!! :D Muchas gracias ^^

angelsanchezjr · #6 (**permalink**) 06/05/2011, 18:24

hola perdon x la interrupcion pero esque ya no aguanto con la increible ineptitud de google para dar orientacion, compre un dominio en godaddy y deseo hosting gratis en google y quiero empezar a subir archivos como le hagooooo ayudame x favor ya le busque de todo y nomas nada. muchas gracias x su ayuda.