Foros del Web » Creando para Internet » HTML »

¿puedo poner un border-bottom con anchura fija?

Estas en el tema de ¿puedo poner un border-bottom con anchura fija? en el foro de HTML en Foros del Web. Hola, tengo puesto en unos h2 unos bordes inferiores pero querría saber si les puedo dar una anchura fija para que no llenen todo el ...
  #1 (permalink)  
Antiguo 02/05/2011, 11:26
 
Fecha de Ingreso: marzo-2004
Ubicación: La Rioja (España)
Mensajes: 111
Antigüedad: 13 años, 9 meses
Puntos: 1
Pregunta ¿puedo poner un border-bottom con anchura fija?

Hola, tengo puesto en unos h2 unos bordes inferiores pero querría saber si les puedo dar una anchura fija para que no llenen todo el ancho de página. ¿pueden ayudarme?

border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #cccccc;
  #2 (permalink)  
Antiguo 02/05/2011, 12:12
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: ¿puedo poner un border-bottom con anchura fija?

buenas,
especificamente al borde no puedes darle un ancho pero puedes darle un ancho al elemento. el borde se extendera hasta el ancho indicado para el elemento.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.

Última edición por zerokilled; 02/05/2011 a las 12:22
  #3 (permalink)  
Antiguo 02/05/2011, 13:16
(Desactivado)
 
Fecha de Ingreso: abril-2011
Mensajes: 153
Antigüedad: 6 años, 7 meses
Puntos: 236
Respuesta: ¿puedo poner un border-bottom con anchura fija?

Hola puedes hacer lo que dice zerokilled, pero si lo que quieres es que puedas colocar otro elemento a la derecha del título y no haga salto de línea puedas haerlo de dos formas:
  1. Usar display:inline - para ello se lo debes colocar a cada elemento que quieras que se muestre junto a otro y no haga salto de línea.
    Ejemplo:
    <h1 style="display:inline">Estoy junto a H2</h1><h2 style="display:inline">Estoy junto a H1</h1>
    La desventaja de hacer esto es que todo elemento que use display:inline es que su anchura será igual a la del contenido y no podrás personalizarla.
  2. Usar table como body - al usar una tabla como el cuerpo de página puedes ordenar cada elemento de manera segura y dónde quieras.
    Ejemplo:
    <table id="cuerpo_pagina" width="100%" height="100%">
    <tr><td width="50%"><h1>Estoy junto a h2 y abarco la mitad</h2></td><td><h2>Estoy junto a h2 y abarco la mitad</h2></td></tr>
    </table>

    Para mí es una buena estructura cuándo quieres una página muy elaborada.
Espero que te sirva esta información, saludos!

Etiquetas: border-bottom, fija
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 21:23.