titulo con borde

alexis17 · #1 (**permalink**) 28/12/2007, 08:49

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 · #2 (**permalink**) 28/12/2007, 15:41

supongamos este titulo

<h1>el titulo</h1>

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

alexis17 · #3 (**permalink**) 04/01/2008, 06:43

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 · #4 (**permalink**) 04/01/2008, 12:17

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 · #5 (**permalink**) 04/01/2008, 12:30

Cita:

Iniciado por DoPeY-BBS

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

DoPeY-BBS · #6 (**permalink**) 04/01/2008, 13:09

Cita:

Iniciado por DragonX

"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

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

alexis17 · #7 (**permalink**) 09/01/2008, 12:22

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 · #8 (**permalink**) 10/01/2008, 00:08

Cita:

Iniciado por alexis17

... 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