Foros del Web - Ver Mensaje Individual

emprear · #23 (**permalink**) 17/12/2010, 19:24

Portgaz:

Como te noto muy entusiasta en tu participación en este y otros posts en los que nos hemos cruzado. te voy a explicar una vez más, y de paso, vemos si elburdel logra por fin presentar su trabajo práctico

Yo no se si es encima, atrás, al costado, solo te infortmo que para corregir su código y lograr lo que desea con la menor cantidad de modificaciones posibles, esta es una solución más que válida

Código HTML:

Ver original<!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" xml:lang="es" lang="es">
<head>
<title>XHTML 1.0 transitional</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
html * {
margin: 0px;
padding: 0px;
border: none;
}
#tabla_uno{
border: 20px solid #000;
}
td {
vertical-align: top;
}
caption{
color: #FFF;
background-color: #000;
}
#tabla_uno{
border-top: 0px solid #000;
}
/*]]>*/
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" id="tabla_uno">
<caption><img src="http://www.poetasdenadie.com.ar/encima.jpg" alt="" /></caption>
<tr>
<td colspan="2"><object type="application/x-shockwave-flash" data="http://www.poetasdenadie.com.ar/pagina-empresarial/banner.swf" width="812" height=
"98"><param name="movie" value="http://www.poetasdenadie.com.ar/pagina-empresarial/banner.swf" />
<param name="loop" value="true" />
<param name="menu" value="false" />
<param name="play" value="true" />
 
<p class="getadobe">Flash Palyer no se encuentra o la versión no es compatible, utiliza el icono para ir a la página de descarga<br />
<a href="http://get.adobe.com/es/flashplayer/" onclick="this.target='_blank'">Descargar Flash Player</a></p>
</object></td>
</tr>
<tr>
<td><object type="application/x-shockwave-flash" data="http://www.poetasdenadie.com.ar/pagina-empresarial/home.swf" width="126" height=
"346"><param name="movie" value="http://www.poetasdenadie.com.ar/pagina-empresarial/home.swf" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="play" value="true" />
<param name="wmode" value="opaque" />
<p class="getadobe">Flash Palyer no se encuentra o la versión no es compatible, utiliza el icono para ir a la página de descarga<br />
<a href="http://get.adobe.com/es/flashplayer/" onclick="this.target='_blank'">Descargar Flash Player</a></p>
 
</object></td>
<td><img src="http://www.poetasdenadie.com.ar/pagina-empresarial/imagenes/template_10.jpg" alt="" width="686" height="346" /></td>
</tr>
</table>
</body>
</html>

copia y pega ese html en una página y observa los resultados

como verás sobreescribí el valor para border-top hacia el final del Css y puse el caption con la imagen en cuestion adentro. El código es 100% válido y no veo que haya que ir poniendo capas u otros elementos.

Por supuesto, Estás Acertado, no se puede escribir un texto dentro del borde !!!, pero nadie tampoco afirmó eso en ningún momento.

Para terminar y que experimentes un poco, date una vuelta por
http://www.css3.info/preview/border-image/

y quien te dice puedas poner una imagen como borde... pero eso, ya es otra historia

Saludos