Foros del Web - titulo con borde

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - titulo con borde (http://www.forosdelweb.com/f53/titulo-con-borde-544000/)

alexis17

28/12/2007 08:49

titulo con borde

hola buenos dias que tal

queria saber si tienen algun ejemplo o saben como poner un titulo con bordes estilo, como en visual basic en los que se utilizaban los grupos, para colocar botones, o especies de panel
lo que deseo es realizar algo parecido a esto

****nombre***********
* prueba *
*********************

utilizando una tabla para luego colocar algunas cosas en las celdas o no se si esto se peuda realizar , estou utilizando dream weber, los bordes son con lineas

emiliodeg

28/12/2007 15:41

Re: titulo con borde

supongamos este titulo

<h1>el titulo</h1>

en css
h1 {
border:1px solid #F00; /*border: ancho tipo color;*/
}

alexis17

04/01/2008 06:43

Re: titulo con borde

hola que tal gracias por responder, pero de esta forma sale la palabra y el borde afuera yo lo que queria era como algo asi

****titulo***********
* *
* 1 prueba *
* 2 prueba *
* 3 prueba *
*******************

asi que no se si de esta manera se podra realizar el titulo osea que empiece como con una linealuego la palabra y siga con la linea, como cuando se hacen lso grupos en visual basic.net
saudos

DoPeY-BBS

04/01/2008 12:17

Re: titulo con borde

Aquí te va una versión un poco mejorada

Código HTML:

<?xml version="1.0" encoding="iso-8859-1"?>
 <!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>
 <title>tabla</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <link href="tablas.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
 <table>

  <tr>

  <tr> 

    <td colspan="2" class="encabezado">Esto es un encabezado</font> </tr>

          <tr>

    <td ><table class="tabla">

        <tr> 

          <td width="69">prueba 1</td>

        </tr>

        <tr> 

          <td>prueba 2</td>

        </tr>

        <tr>

          <td>prueba tres</td>

        </tr>

      </table>  

    </table>
 </body>
 </html>

este es el css

Código HTML:

.tabla {

        border: thin dotted #999999;

        font-family: "Times New Roman", Times, serif;

        color: #0000FF;
 

}

.encabezado {

        color: #993300;

}

Tanto el codigo css como el de html tienen que estar en la misma carpeta para que funcione

DragonX

04/01/2008 12:30

Re: titulo con borde

Cita:

Iniciado por DoPeY-BBS (Mensaje 2236957)

Algo así imagino que andas buscando

Código HTML:

<table width="70%" border="1">

  <tr> 

    <td colspan="2" bgcolor="666666" align="center"><font color="#FFFFFF"><strong>Esto 

      es un encabezado</strong></font>

          </tr>

          <tr>

    <td width="50%" height="63"><table width="49%" border="1">

        <tr> 

          <td>prueba 1</td>

        </tr>

        <tr> 

          <td>prueba 2</td>

        </tr>

        <tr>

          <td>prueba tres</td>

        </tr>

      </table> </table>

"La forma correcta de diseñar un Website es a base de Div's, no de tablas.
No recomendamos el uso de frames." noto una cierta contradicción entre tu firma y tu respuesta :pensando:

DoPeY-BBS

04/01/2008 13:09

Re: titulo con borde

Cita:

Iniciado por DragonX (Mensaje 2236973)

"La forma correcta de diseñar un Website es a base de Div's, no de tablas.
No recomendamos el uso de frames." noto una cierta contradicción entre tu firma y tu respuesta :pensando:

Yo creo que el esta tabulando datos, no se pero eso es lo que pienso

alexis17

09/01/2008 12:22

Re: titulo con borde

no que va de esas forma no es creo que no se peude hacer

es mas o menos la idea como cuando uno escribe aki para un tema o responder, miren la parte izquierda donde estan las caritas,

bueno lo que queria era poner el titulo asi como donde dice caritas

:-)

gracias por la ayuda

seoista

10/01/2008 00:08

Re: titulo con borde

Cita:

Iniciado por alexis17 (Mensaje 2242262)

... bueno lo que queria era poner el titulo asi como donde dice caritas

Se hace con "fieldset", así:

Cita:

<head>

<style type="text/css">
fieldset {
width: 100px; text-align: center;
}
.color {
font-family : verdana, arial, tahoma;
color : #00008b;
font-size : 10px;
font-style : normal;
font-weight : normal;
text-decoration : none;
}
.letra {
font-family : verdana, arial, tahoma;
color : #ff0000;
font-size : 10px;
font-style : normal;
font-weight : normal;
text-decoration : none;
}
</style>

</head>

<fieldset>
<legend class="color"> Título </legend>
<span class="letra"> · 1 Prueba <br />
· 2 Prueba <br />
· 3 Prueba </span>
</fieldset>

Saludos :arriba:

La zona horaria es GMT -6. Ahora son las 17:23.