h1 y h3 en la misma linea

Citar

Escrito el 30 Dic 2005 06:07 pm

hola. me preguntaba cómo puedo hacer para que h1 y h3 convivan en la misma linea, sin que al abrir la nueva etiqueta se produzca un salto. alguien sabe? muchas gracias!

Por martiniano

22 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 30 Dic 2005 06:32 pm

sólo debes saber cómo convertir elementos de bloque a elementos en línea.

No tengo mucho tiempo, por eso no te preparo algo más bonito, pero esto debería funcionarte.

Código :

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" media="all">
   <!--
   h1, h3 {display: inline;}
   -->
</style>
</head>
<body>
   <h1>Titulo 1</h1><h3>Titulo 3</h3>
</body>
</html>

P.D. Un poco raro el necesitar hacer eso... ¬_¬

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 30 Dic 2005 11:35 pm

mil gracias. lo necesito para poner un titulo y un subtitulo en la misma línea, uno a la derecha y otro a la izquierda. flotarlos me pareció inadecuado. adios.

martin

Por martiniano

22 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 30 Dic 2005 11:47 pm

aunque es correcto, esto no es semánticamente correcto, tal vez el subtítulo podrías ponerlo en un tag small...

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 30 Dic 2005 11:50 pm

fael escribió:

aunque es correcto, esto no es semánticamente correcto, tal vez el subtítulo podrías ponerlo en un tag small...

De acuerdo.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 31 Dic 2005 12:06 am

qué es un tag small?
y (más importante) ¿por qué no es semánticamente correcto? es porque, por definicion, cada encabezado dispone de su propia linea?

gracias por su paciencia

Por martiniano

22 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 31 Dic 2005 12:14 am

martiniano escribió:

qué es un tag small?
y (más importante) ¿por qué no es semánticamente correcto? es porque, por definicion, cada encabezado dispone de su propia linea?

gracias por su paciencia

1.- ¿Sabes la diferencia entre un elemento de bloque y uno de linea (esto es xhtml básico)?
2.- Para que cierta palabra, párrafo o sección (sólo en letras) reduzca el tamaño del normal, usas small. Del mismo modo que b (o sea bold) está depreciado y se sustituye por strong.

Más sobre small tag.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 31 Dic 2005 12:24 am

de hecho, no conocia tal diferencia... ya estoy en ello. gracias otra vez.
martin

Por martiniano

22 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 31 Dic 2005 11:57 pm

Hola el tag <small> llegó hasta HTML 4
y desapareció en XHTML... (Solo por si necesitan validarlo)...

Por eporroa

664 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Lima - Peru

@eporroa

Citar

Escrito el 01 Ene 2006 08:51 pm

uh! ¿que me recomiendan entonces?

Por martiniano

22 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 01 Ene 2006 09:30 pm

algo como

Código :

<h1>Texto grande aqui<span>texto pequeño</span></h1>

y luego en el CSS:

Código :

h1 {
  font-size:22px;
  }
h1 span {
  font-size:14px;
  }

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 01 Ene 2006 10:05 pm

gracias una vez mas

Por martiniano

22 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 02 Ene 2006 04:49 pm

Hola el tag <small> llegó hasta HTML 4
y desapareció en XHTML... (Solo por si necesitan validarlo)...

Saludos,

Con el único fin de que te informes adecuadamente, te cuento que es probable que igual que small, puedes sustituir algunas etiquetas como strong y small, por span dentro de otras etiquetas y así defines estilos... pero en honor a la verdad, NO ha desaparecido.

Puedes ver en W3C (vas al punto 15.2) que es cierto que se puede usar hojas de estilo para casos como este, pero claramente dice que no se ha eliminado. Lo confirma w3schools.

Te dejo 1 (1.0 transicional), 2 (1.0 estricto) y 3 (xhtml 1.1) pruebas para que las valides y confirmes que en las tres ocasiones está usada la tag small y las tres validan perfectamente.

Éxito!

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 03 Ene 2006 10:06 pm

gracias pedro, por cierto que me sirve lo que me informas, pero lo que yo tendria que hacer es que un titulo y un subtitulo compartan la misma linea: el titulo contra el margen derecho del contenedor y el subtitulo contra el margen izquierdo. Cuando utilizo span o small quedan uno a continuacion del otro. definir h1 y h3 como inline me servia pero, por lo que estuve observando en las lecturas que me recomendaron, es semánticamente incorrecto. asi que por ahora solo me queda seguir investigando y moverme a otra cosa como solucion alternativa. gracias. un saludo.
martin

Por martiniano

22 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 03 Ene 2006 10:19 pm

Código :

<!-- opcion 1 del HTML -->
<div id="linea">
<h1>Titulo</h1>
<h2>Sub Titulo</h2>
</div>

Código :

/* CSS para opcion 1 */
#linea {width: 400px;}
#linea h1 {width: 200px; float: left;}
#linea h2 {width: 200px; float: right; text-align: right;}

A trabajar muchacho... el sentido común y la lectura de los basics ayudan.

martiniano escribió:

...Cuando utilizo span o small quedan uno a continuacion del otro. definir h1 y h3 como inline me servia pero, por lo que estuve observando en las lecturas que me recomendaron, es semánticamente incorrecto. asi que por ahora solo me queda seguir investigando y moverme a otra cosa como solucion alternativa. gracias. un saludo.
martin

Pues lo que te acabo de mostrar, se puede aplicar a lo que se sugiere como lo óptimo y funciona perfecto.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

h1 y h3 en la misma linea

Escribe una respuesta rapida