Foros del Web » Creando para Internet » CSS »

Problema en CSS posiblemente y otras dudas

Estas en el tema de Problema en CSS posiblemente y otras dudas en el foro de CSS en Foros del Web. Estoy haciendo una web y html, y tengo varios problemas, los expondré uno por uno. El primer problema es que en firefox y en el ...
  #1 (permalink)  
Antiguo 15/11/2008, 16:50
 
Fecha de Ingreso: noviembre-2008
Mensajes: 29
Antigüedad: 9 años
Puntos: 0
Problema en CSS posiblemente y otras dudas

Estoy haciendo una web y html, y tengo varios problemas, los expondré uno por uno.

El primer problema es que en firefox y en el resto de navegadores, como opera, safari, galeon, firefox en todo la web se me ve perfectamente escepto en uno, IE. En todo se me ve perfectamente menos en IE que el banner me sale mucho más alto de lo que debería dejando mucho espacio entre el cuerpo y el banner de la web.

El siguiente problema que tengo es que si os fijais en la parte derecha en el bloque Vote, la imagen que sale con un link no soy capaz de poder cuadrarl apara que me salga centrada y se vea bien, soy incapaz de poner decentemente. Que podria hacer?

la dirección donde estoy haciendo las pruebas de la web es esta: http://www.art-designs.es/web/index.html

Muchas gracias.

El CSS que estoy usando:
Código:
@import 'nav.css';
 
body
{
	margin: 0;
	font: 12px MS Reference Sans Serif, verdana, arial, helvetica, sans-serif;
	text-align: left;
}

div#container
{
	width: 950px;
	margin: 0 auto 0 auto;
	background: url('images/bg1.gif') top center no-repeat;
	text-align: left;
}

div#mainCol
{
	margin: -5px 0 0 0;
	padding: 0 48px 0 48px;
	color: #f0f0f0;
	background: url('images/background_top.jpg') no-repeat;
}




div#top
{
	background: url('images/topbar.jpg') repeat-x;
	margin: 5px 5px 0 5px;
	height: 32px;
	font: 12px MS Reference Sans Serif, verdana, arial, helvetica, sans-serif;
	color: #5c5c5c;
}

div#top span.l,div#top span.r
{
	height: 32px;
	width: 8px;
	overflow: hidden;
	display: block;
	float: left;
}

div#top span.l
{
	background: url('images/topbar_l.jpg') no-repeat;
}

div#top span.r
{
	background: url('images/topbar_r.jpg') no-repeat;
	float: right;
}

div#top span.date
{
	background: url('images/topbar_seperator.jpg') no-repeat;
	height: 24px;
	display: block;
	width: 385px;
	float: left;
	padding: 8px 0 0 15px;
	overflow: hidden;
}
div#top span.welcome
{
	background: url('images/bullet.jpg') 11px 11px no-repeat;
	height: 24px;
	display: block;
	width: 375px;
	float: left;
	padding: 8px 0 0 25px;
	overflow: hidden;
}

div#banner span
{
	visibility: hidden;
}




div#nav
{
	background: url('images/nav_bg.jpg') top center no-repeat;
	height: 36px;
	margin: 5px;
	
}

div#nav span.l
{
	background: url('images/nav_left.jpg') no-repeat;
	width: 4px;
	height: 36px;
	float: left;
	overflow: hidden;
}
div#nav span.r
{
	background: url('images/nav_right.jpg') no-repeat;
	float: right;
	width: 4px;
	height: 36px;
	overflow: hidden;
}


div#nav ul
{
	float: left;
	list-style-type: none;
	height: 36px;
	padding: 0;
	margin: 2px 0 0 0;
}
div#nav ul li
{
	float: left;
	padding: 0;
	margin: 0 0 0 25px;
	height: 36px;
	overflow: hidden;
}

div#nav ul li a
{
	text-decoration: none;
	height: 36px;
	display: block;
	overflow: hidden;
}
div#nav a span
{
	visibility: hidden;
	height: 31px;
	display: block;
	overflow: hidden;
}
div#nav a:hover span
{
	visibility: invisible;
}



div#left
{
	width: 232px;
	background: #232323;
	float: left;
	margin: 5px;
}

div#content
{
	float: left;
	width: 604px;
	background-image: url(images/bg1.gif);
}



form input.text
{
	background: url('images/input_text.jpg') no-repeat;
	height: 22px;
	width: 185px;
	border: 0;
	font-size: 11px;
	color: #555555;
	padding: 3px;
	overflow: hidden;
}

form input.login
{
	width: 47px;
	height: 17px;
	background: url('images/button_login.jpg') no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}

p.buttons a
{
	text-decoration: none;
}

a#register_button
{
	background: url('images/button_register.jpg') no-repeat;
	height: 17px;
	width: 47px;
	display: block;
	float: left;
	margin: 0 0 0 7px;
	overflow: hidden;
}


p.roster img
{
	margin: 1px;
}
p.roster
{
	padding: 0;
	text-align: center;
}
div#rosterData
{
	border: 1px solid #020202;
	background: #181818;
	margin: 3px;
	color: #fe9d07;
	margin-bottom: 10px;
	padding: 3px;
}

div#content div.item
{
	margin: 5px 2px 5px 2px;
	padding: 6px;
	background-image: url(images/bg1.gif);
}

div#content h1
{
	background: url('images/content_header.jpg') no-repeat;
	margin: -5px -5px 3px -5px;
	padding: 2px;
	height: 16px;
	font-size: 11px;
}

p.foot
{
	background: url('images/bar.jpg') top center no-repeat;
	padding: 5px 0 0 0;
	font-size: 10px;
	width: 80%;
	margin: 10px 10% 0 10%;
}
p.foot span
{
	float: right;
}
p.foot a
{
	text-decoration: none;
}
 
div#footer
{
	clear: both;
	height: 13px;
	background: url('images/footer.jpg') no-repeat;
	font-size: 10px;
	padding: 5px;
}
div#footer a
{
	text-decoration: none;
}
div#footer a:visited
{
	font-style: normal;
}


.center
{
	text-align: center;
}

a img
{
	border: 0;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}

p
{
	padding: 5px;
	margin: 0;
}

a
{
	color: #FFA500;
}
a:visited
{
	color: #FFA500;
	font-style: none;
}
  #2 (permalink)  
Antiguo 15/11/2008, 16:51
 
Fecha de Ingreso: noviembre-2008
Mensajes: 29
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema en CSS posiblemente y otras dudas

Perdonad por el doble posteo pero se me pasaba por 3000 caracteres el otro post y ambos problemas son importantes.

El archivo HTML que estoy usando de index de la web es este:

Código HTML:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>L2 Age of Darkness - Lineage 2 Private Server - CT2 Gracia</title>
<style type="text/css">
<!--
body {
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #777777;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}
.style9 {
	font-family: "Chaparral Pro";
	color: #FFFFFF;
	font-style: italic;
}
.style21 {color: #00FF00}
.style33 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.style1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.Estilo1 {
	font-size: 12px;
	font-weight: bold;
}
-->
</style>
<script language="JavaScript">
if (window != top) top.location.href = location.href;
</script>
<script language="JavaScript">
// Proibe clicar com o "segundo" botao
function click() {
if (event.button==2) {
alert('Botn derecho desactivado!')
}
}
document.onmousedown=click
</script> 
</head>
<body><table width="816" height="290" border="0" align="center" cellpadding="0" cellspacing="0">
<div align="center"><img src="img/frontal.png" width="972" height="250">
</div>
<table width="816" height="290" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <table border="0" cellpadding="0" cellspacing="0" width="996">
          <tbody>
            <tr>
              <td width="206" height="640"><table border="0" cellpadding="0" cellspacing="0" width="206" height="623">
              <tbody>
                    <tr>
                      <td background="img/status.jpg" width="214" height="177"><font color="#ffffff">&nbsp; </font>
                        <table width="203" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="30"><img src="images/spacer.gif" alt="" width="30" height="20" /></td>
                            <td><br />
                                  <br />
                                  <style type="text/css">
<!--
.style1 {color: #009966}
-->
</style>
                                  <span class="Estilo1">Login Server: </span><img src="http://status.blackout-gaming.net/status.php?p=eccbedee4559&e=c8e4f382d86900e965c3ae4c78845279b140635cd93315b2704a9c3b278c22494609dc405a958f757d1180256bf747384a0ed1a2c904a71aeb891e5fe66401008b6b508abf63d8dff7975e951532170f4354e944ca0c0fb33a76c72846e5a19a" alt="Powered by Blackout Gaming Status Checker" border="0" /></a><br />
                                  <span class="Estilo1">Game Server:</span> <img src="http://status.blackout-gaming.net/status.php?p=b4609ea4f05c&e=4148857ea6bb42c92004cc5cc5c08cf082442169dfdd36ff02ec945f978c10c7d1f2d0508097ca11ef753f63cda3caaf4adaf848e2f3d5cff03bf9b2aac35ffba739cf13c43f7e346690631f3004d57d4adada0c8aee8cfe583a4a18ff89f3c2" alt="Powered by Blackout Gaming Status Checker" border="0" /></a><br />
                            <b>Contas:</b> 4092<br> </td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td height="20"></td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
 
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                    <td height="446" style="background-image: url(img/menu1.jpg); background-repeat: no-repeat;"><table border="0" cellpadding="0" cellspacing="0" width="196" height="466">
                    <tbody>
                            <tr>
                              <td height="466"><div align="right"><a href="home.html" target="iframe"><img src="img/inicio.jpg" border="0"></a><br>
                          <a href="conectar.html" target="iframe"><img src="img/conectar.jpg" border="0"></a><br>
                          <a href="reglas.html" target="iframe"><img src="img/reglas.jpg" border="0"></a><br>
                    <a href="caracteristicas.html" target="iframe"><img src="img/caracteristicas.jpg" border="0"></a><br>
                                <a href="staff.html" target="iframe"><img src="img/staff.jpg" border="0"></a><br>
                                <a href="donaciones.html" target="iframe"><img src="img/donaciones.jpg" border="0"></a><br>
                                <a href="foro.html" target="iframe"><img src="img/foro.jpg" border="0"></a><br>
                                <br>
                                      <br>
                                </div>
                              <div align="center"></div></td>
                          </tr>
                        </tbody>
                      </table></td>
                    </tr>
                </tbody>
              </table></td>
              <td style="background-image: url(img/centro.jpg); background-repeat: no-repeat;" width="572"><table border="0" cellpadding="0" cellspacing="0" width="562" height="646">
          <tbody>
                    <tr>
                      <td width="4" height="30">&nbsp;</td>
                      <td width="10">&nbsp;</td>
                      <td width="548">&nbsp;</td>
                  </tr>
                    <tr>
                      <td height="590">&nbsp;</td>
                      <td>&nbsp;</td>
                      <td><iframe name="iframe" src="home.html" scrolling="auto" allowtransparency="true" style="FILTER: chroma (color=#000000)" width="547" frameborder="no" height="554"></iframe></td>
                    </tr>
                </tbody>
              </table></td>
              <td width="218"><br><table border="0" cellpadding="0" cellspacing="0" width="208" height="639">
<tbody>
                    <tr>
                      <td style="background-image: url(img/rank.jpg); background-repeat: no-repeat;" width="208" height="272"><div align="center"><br>
                        <a href="Wca2e95dabde9b.htm" target="iframe"><img src="img/pvp.jpg" border="0"></a><br>
                        <a href="Wc201d1049b8e.htm" target="iframe"><img src="img/pk.jpg" border="0"></a><br>
                  <a href="Wc50b63e423527.htm" target="iframe"><img src="img/level.jpg" border="0"></a><a href="Wc50b63e423527.htm" target="iframe"></a><br>
                      <a href="heroes.html" target="iframe"><img src="img/evento.jpg" border="0" width="172" height="51"></a></div></td>
                    </tr>
                    <tr>
                      <td style="background-image: url(img/vote.jpg); background-repeat: no-repeat;" height="370"><div align="center">
                        <div align="center"><a href="http://l2.hopzone.net/vote.php?site=71990"><img src="http://images.hopzone.net/lineage2/votebanners/lineage2-90x60-1.gif" alt="Vote for HopZone.Net" width="90" height="60" border="0"></a>
                          </div>
                      <p align="center"><br><a href="http://l2.hopzone.net"><img src="http://images.hopzone.net/base/HopZone.gif" alt="HopZone.Net - Free Lineage2 Servers" width="7" border="0"></a></p> </td>
                  </tr>
                </tbody>
              </table>
              </td>
            </tr>
          </tbody>
      </table>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="50" background=""><div align="center"><img src="img/footer.jpg" width="996" height="116"></div></td>
        </tr>
      </table></td>
  </tr>
</table>
</body></html> 
  #3 (permalink)  
Antiguo 15/11/2008, 17:00
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema en CSS posiblemente y otras dudas

Mira, de entrada aquí hay un error:

Cita:
<body><table width="816" height="290" border="0" align="center" cellpadding="0" cellspacing="0">
<div align="center"><img src="img/frontal.png" width="972" height="250">
No puedes poner una tabla, sin filas (tr) ni celdas (td) poner un div, y después de este otra tabla.

Una tabla en sí no es nada sin celdas, y todo lo que vaya a haber en una tabla siempre tiene que estar dentro de una celda.

Corrige eso y vemos.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 16/11/2008, 05:23
 
Fecha de Ingreso: noviembre-2008
Mensajes: 29
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema en CSS posiblemente y otras dudas

Ahora haciendo ese que me has dicho en Iexplorer no se me ve ese espacio grande de antes pero ahora la imagen no me queda centrada sino que queda en la izquierda y eso que la tengo centrada.

Aquí te dejo el código cambiado entero y el que me has dicho:

Código HTML:
<table><tr>
  <td width="816"><center><img src="img/frontal.png" width="972" height="250"></center></td></tr>
</table> 
Código HTML:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>L2 Age of Darkness - Lineage 2 Private Server - CT2 Gracia</title>
<style type="text/css">
<!--
body {
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #777777;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}
.style9 {
	font-family: "Chaparral Pro";
	color: #FFFFFF;
	font-style: italic;
}
.style21 {color: #00FF00}
.style33 {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.style1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.Estilo1 {
	font-size: 12px;
	font-weight: bold;
}
-->
</style>
<script language="JavaScript">
if (window != top) top.location.href = location.href;
</script>
<script language="JavaScript">
// Proibe clicar com o "segundo" botao
function click() {
if (event.button==2) {
alert('Botn derecho desactivado!')
}
}
document.onmousedown=click
</script> 
</head>
<body><table><tr>
  <td width="816"><center><img src="img/frontal.png" width="972" height="250"></center></td></tr>
</table>
<table width="816" height="290" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <table border="0" cellpadding="0" cellspacing="0" width="996">
          <tbody>
            <tr>
              <td width="206" height="640"><table border="0" cellpadding="0" cellspacing="0" width="206" height="623">
              <tbody>
                    <tr>
                      <td background="img/status.jpg" width="214" height="177"><font color="#ffffff">&nbsp; </font>
                        <table width="203" border="0" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="30"><img src="http://www.forosdelweb.com/images/spacer.gif" alt="" width="30" height="20" /></td>
                            <td><br />
                                  <br />
                                  <style type="text/css">
<!--
.style1 {color: #009966}
-->
</style>
                                  <span class="Estilo1">Login Server: </span><img src="http://status.blackout-gaming.net/status.php?p=eccbedee4559&e=c8e4f382d86900e965c3ae4c78845279b140635cd93315b2704a9c3b278c22494609dc405a958f757d1180256bf747384a0ed1a2c904a71aeb891e5fe66401008b6b508abf63d8dff7975e951532170f4354e944ca0c0fb33a76c72846e5a19a" alt="Powered by Blackout Gaming Status Checker" border="0" /></a><br />
                                  <span class="Estilo1">Game Server:</span> <img src="http://status.blackout-gaming.net/status.php?p=b4609ea4f05c&e=4148857ea6bb42c92004cc5cc5c08cf082442169dfdd36ff02ec945f978c10c7d1f2d0508097ca11ef753f63cda3caaf4adaf848e2f3d5cff03bf9b2aac35ffba739cf13c43f7e346690631f3004d57d4adada0c8aee8cfe583a4a18ff89f3c2" alt="Powered by Blackout Gaming Status Checker" border="0" /></a><br />
                            <b>Contas:</b> 4092<br> </td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
                            <td height="20"></td>
                          </tr>
                          <tr>
                            <td>&nbsp;</td>
 
                          </tr>
                        </table></td>
                    </tr>
                    <tr>
                    <td height="446" style="background-image: url(img/menu1.jpg); background-repeat: no-repeat;"><table border="0" cellpadding="0" cellspacing="0" width="196" height="466">
                    <tbody>
                            <tr>
                              <td height="466"><div align="right"><a href="home.html" target="iframe"><img src="img/inicio.jpg" border="0"></a><br>
                          <a href="conectar.html" target="iframe"><img src="img/conectar.jpg" border="0"></a><br>
                          <a href="reglas.html" target="iframe"><img src="img/reglas.jpg" border="0"></a><br>
                    <a href="caracteristicas.html" target="iframe"><img src="img/caracteristicas.jpg" border="0"></a><br>
                                <a href="staff.html" target="iframe"><img src="img/staff.jpg" border="0"></a><br>
                                <a href="donaciones.html" target="iframe"><img src="img/donaciones.jpg" border="0"></a><br>
                                <a href="foro.html" target="iframe"><img src="img/foro.jpg" border="0"></a><br>
                                <br>
                                      <br>
                                </div>
                              <div align="center"></div></td>
                          </tr>
                        </tbody>
                      </table></td>
                    </tr>
                </tbody>
              </table></td>
              <td style="background-image: url(img/centro.jpg); background-repeat: no-repeat;" width="572"><table border="0" cellpadding="0" cellspacing="0" width="562" height="646">
          <tbody>
                    <tr>
                      <td width="4" height="30">&nbsp;</td>
                      <td width="10">&nbsp;</td>
                      <td width="548">&nbsp;</td>
                  </tr>
                    <tr>
                      <td height="590">&nbsp;</td>
                      <td>&nbsp;</td>
                      <td><iframe name="iframe" src="home.html" scrolling="auto" allowtransparency="true" style="FILTER: chroma (color=#000000)" width="547" frameborder="no" height="554"></iframe></td>
                    </tr>
                </tbody>
              </table></td>
              <td width="218"><br><table border="0" cellpadding="0" cellspacing="0" width="208" height="639">
<tbody>
                    <tr>
                      <td style="background-image: url(img/rank.jpg); background-repeat: no-repeat;" width="208" height="272"><div align="center"><br>
                        <a href="Wca2e95dabde9b.htm" target="iframe"><img src="img/pvp.jpg" border="0"></a><br>
                        <a href="Wc201d1049b8e.htm" target="iframe"><img src="img/pk.jpg" border="0"></a><br>
                  <a href="Wc50b63e423527.htm" target="iframe"><img src="img/level.jpg" border="0"></a><a href="Wc50b63e423527.htm" target="iframe"></a><br>
                      <a href="heroes.html" target="iframe"><img src="img/evento.jpg" border="0" width="172" height="51"></a></div></td>
                    </tr>
                    <tr>
                      <td style="background-image: url(img/vote.jpg); background-repeat: no-repeat;" height="370"><div align="center">
                        <div align="center"><a href="http://l2.hopzone.net/vote.php?site=71990"><img src="http://images.hopzone.net/lineage2/votebanners/lineage2-90x60-1.gif" alt="Vote for HopZone.Net" width="90" height="60" border="0"></a>
                          </div>
                      <p align="center"><br><a href="http://l2.hopzone.net"><img src="http://images.hopzone.net/base/HopZone.gif" alt="HopZone.Net - Free Lineage2 Servers" width="7" border="0"></a></p> </td>
                  </tr>
                </tbody>
              </table>
              </td>
            </tr>
          </tbody>
      </table>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="50" background=""><div align="center"><img src="img/footer.jpg" width="996" height="116"></div></td>
        </tr>
      </table></td>
  </tr>
</table>
</body></html> 

Última edición por wyrko; 16/11/2008 a las 05:31
  #5 (permalink)  
Antiguo 16/11/2008, 05:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema en CSS posiblemente y otras dudas

Imagino que mejor que usar el center dentro de la celda, será usar el propio para centrar el contenido de las celdas:

<td width="816" align="center"><img...

De todas maneras, ¿lo has subido? así podremos ver mejor si es eso.
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 16/11/2008, 06:11
 
Fecha de Ingreso: noviembre-2008
Mensajes: 29
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema en CSS posiblemente y otras dudas

si los cambios están colgados, poniendolo como tu dices sigue igual:

http://www.art-designs.es/web/index.html

P.D: Si quieres te puedo pasar por MP comprimidos los archivos para que lo veas tu más claro con las imagenes.
  #7 (permalink)  
Antiguo 16/11/2008, 07:45
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Problema en CSS posiblemente y otras dudas

Tengo dos soluciones a tu problema:
1. Hacer el diseño de nuevo limpio con capas y css... que sería lo suyo porque me he vuelto loco para conseguir centrar la imagen y no lo he conseguido de todas formas... Además la tabla de la cabecera tendría que dejar de ser una tabla para pasar a celda pero bueno... todo tu diseño lo puedes hacer con una tabla... (Sí, muchos años de tablas!)

2. Es un poco chapuza pero es una solución: quita la tabla de la cabecera y pon esto:
Código:
<div align="center"><img src="img/frontal.png" width="972" height="250" >
  </div>
Deberías validar el HTML porque tienes muchos errores...

Un saludo.

Aresillo!!
  #8 (permalink)  
Antiguo 16/11/2008, 07:58
 
Fecha de Ingreso: noviembre-2008
Mensajes: 29
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema en CSS posiblemente y otras dudas

Muchas gracias aresillo ahora si me sale bien tanto en firefox como en IE, se que tiene errores, pero ahora mismo no dispongo del tiempo ni tampoco soy un experto en html y capas para poderme a revisarlo todo como a lo mejor podeis hacer gente como vosotros que entendeis de esto. Estoy esperando a que lleguen las vacaciones para ponerme más a fondo a limpiar código ahora solo quiero algo para salir del paso.

Para el otro tema que comentaba de que la imagn de link de la derecha se me va del cuadro teneis alguna solución? es que el lao izquierdo está bien pero el lado de la derecha es un poco caos.
  #9 (permalink)  
Antiguo 16/11/2008, 08:41
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Problema en CSS posiblemente y otras dudas

Bueno pues aquí tienes la solución salchichera porque no tiene otro nombre... que gusto haber dejado las tablas atrás... porque son un horror...
Tienes que sustituir esto:
Código:
<td height="370" style="background-image: url(img/vote.jpg); background-repeat: no-repeat;"><div align="center">
                        <div align="center"><a href="http://l2.hopzone.net/vote.php?site=71990"><img height="60" border="0" width="90" alt="Vote for HopZone.Net" src="http://images.hopzone.net/lineage2/votebanners/lineage2-90x60-1.gif"/></a>
                          </div>
                      <p align="center"><br/><a href="http://l2.hopzone.net"><img border="0" width="7" alt="HopZone.Net - Free Lineage2 Servers" src="http://images.hopzone.net/base/HopZone.gif"/></a></p>					  </div></td>
Por esto:

Código:
<td height="370" valign="top" style="background-image: url(img/vote.jpg); background-repeat: no-repeat;"><br/><br/><br/><br/><br/><br/>
                        <div align="center"><a href="http://l2.hopzone.net/vote.php?site=71990"><img height="60" border="0" width="90" src="http://images.hopzone.net/lineage2/votebanners/lineage2-90x60-1.gif" alt="Vote for HopZone.Net"/></a>
                          <p align="center"><br/><a href="http://l2.hopzone.net"><img border="0" width="7" src="http://images.hopzone.net/base/HopZone.gif" alt="HopZone.Net - Free Lineage2 Servers"/></a></p>					  </div></td>
Te explico lo que he hecho:
Le he puesto la propiedad valign="top" que hace que empieces a escribir en la celda arriba...
El problema después viene porque la imagen se come el fondo...
Por eso le he puesto los <br/> para saltar de línea (y esto si que es cutre salchichero).

Un saludo!

Aresillo!!
PD: Abandona el Internet Explorer!

Última edición por Aresillo; 16/11/2008 a las 09:48
  #10 (permalink)  
Antiguo 16/11/2008, 08:53
 
Fecha de Ingreso: noviembre-2008
Mensajes: 29
Antigüedad: 9 años
Puntos: 0
Respuesta: Problema en CSS posiblemente y otras dudas

Muchas gracias Aresillo eres una makina ^^, todo perfect. Yo no uso IE jaja eso está claro, además los adictos al Ogame como yo somos Firefox 100% xD pero la web es para un servidor de Lineage 2 y no todo el mundo usa firefox así que tengo que intentar que sea en todos los navegdores lo mejor posible.
Muchas gracias tanto a ti Aresillo como a Mikmoro por la ayuda, un saludo ;)
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 11:31.