Foros del web, para los que viven de bits

alexis17 · 28-dic-2007, 07: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 · 28-dic-2007, 14:41

supongamos este titulo

<h1>el titulo</h1>

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

alexis17 · 04-ene-2008, 05: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 · 04-ene-2008, 11: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 · 04-ene-2008, 11: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 · 04-ene-2008, 12: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 · 09-ene-2008, 11: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 · 09-ene-2008, 23: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

28-dic-2007, 07:49	#1 (permalink)
alexis17 Fecha de Ingreso: diciembre-2007 Mensajes: 77	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

28-dic-2007, 14:41	#2 (permalink)
emiliodeg Fecha de Ingreso: septiembre-2005 Ubicación: Córdoba Mensajes: 984	Re: titulo con borde supongamos este titulo <h1>el titulo</h1> en css h1 { border:1px solid #F00; /border: ancho tipo color;/ } __________________ Degiovanni Emilio developtus.com mi neurona

04-ene-2008, 05:43	#3 (permalink)
alexis17 Fecha de Ingreso: diciembre-2007 Mensajes: 77	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

04-ene-2008, 11:30	#5 (permalink)
DragonX Fecha de Ingreso: noviembre-2002 Ubicación: Funkyland Mensajes: 6.976	Re: titulo con borde 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 __________________ Diseño web y maquetación ya no tengo más blog...pero tengo muestrario

04-ene-2008, 12:09	#6 (permalink)
DoPeY-BBS Fecha de Ingreso: octubre-2005 Ubicación: Republica Dominicana Mensajes: 179	Re: titulo con borde 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 __________________ http://www.librosweb.es/ - Los libros presentados acá son gratuitos y te invito a que le des un vistazo.

09-ene-2008, 11:22	#7 (permalink)
alexis17 Fecha de Ingreso: diciembre-2007 Mensajes: 77	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

09-ene-2008, 23:08	#8 (permalink)
seoista Fecha de Ingreso: septiembre-2003 Ubicación: Pues leyéndote Mensajes: 826	Re: titulo con borde 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 __________________ · Lo poco que sé, lo he aprendido de AQUÍ · · No contesto por M.P. ·

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado