LETRAS DE DISTINTO TAMAÑO

He intentado asignar a letras de una misma linea tamaños diferentes (creando estilos distintos h1, h2....), y lo único que he conseguido es que se me descoloque todo sin conseguir nada. No se si será posible hacerlo. Muchas gracias por adelantado.
Puedes detallarnos más el problema?
Qué fue lo que pusistes? Cómo se desolocó?
Saludos :wink:
En el índice he puesto la frase "Bienvenidos a la página....". Y me gustaría que la "B", fuera un poco más grande. He creado en la hoja de estilos un tipo h4 con un tamaño un poco mayor (creo que 1.4, siendo el del estilo del resto de las letras 1.1(h3). En el HTML he puesto la "B" dentro de h4 quedando así:

<h4>B</h4><h3>ienvenidos a la Web del....

Y con esto para empezar la B, ya ni aparece. No se si habrá algúna otra manera de hacerlo.
lo que te puede estar pasando es que la pagina este bloqueada y no se pueda efectuar cambios, o sea que la pagina este en solo lectura. Revisa las propiedades de la pagina. Saludos.
José Alberto Rodríguez Morales
Pues... dinos como lo estás haciendo

muestranos como lo hacen en el css
tal ves el fallo es de sintaxis



saludos
Ahí van los códigos:



plantilla.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>





</head>



<title>MENÚ PRINCIPAL</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<LINK REL="SHORTCUT ICON" HREF="http://alfaromeo33.atwebpages.com/objetos/5.ico">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<h5><div id="logotipo"> [contenido no disponible]</div><h5><h5>

<div id="publicidad"><h4>B<h1>ienvenidos a la Web del ALFA ROMEO 33</div></h1>


</div>
<div id="navegacion">
<ul>

  • class="logo3
  • <a href="http://alfaromeo33.atwebpages.com/SERIE1.html">SERIE I</a>

  • <a href="http://alfaromeo33.atwebpages.com/SERIE2.html">SERIE II</a>

  • <a href="http://alfaromeo33.atwebpages.com/SERIE3.html">SERIE III</a></a>


  • </div>
    <div id="contenido">
    <div id="menu">

    &nbsp
    <h3> <script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-red.swf";obj.TimeZone="CET";obj.width=120;obj.height=40;obj.wmode="transparent";showClock(obj);</script>
    &nbsp &nbsp
    <h3>SECCIONES</p>
    </h3>

    <ul>



  • <h4>SERIE I;
    &nbsp

    SERIE II
    &nbsp

    SERIE III
    &nbsp

    33 RED
    &nbsp

    HISTORIA ALFA
    &nbsp

    MODELOS ALFA
    &nbsp

    OTRAS FOTOS
    &nbsp

    DESCARGAS
    &nbsp

    ENLACES
    <h4>
    &nbsp

    EL RINCÓN DEL ALFA SPRINT
    <h4>









    </div>


    <h2>----------------- PRESENTACIÓN -----------------</p></h2>

    </p class="letranueva">&nbsp&nbsp&nbsp&nbsp Esta página está dedicada al ALFA ROMEO 33, modelo fabricado entre 1983 y 1994. Descendiente directo del Alfasud, comparte mecánica con este y con el Alfasud Sprint. La mayoría de estos coches montaban un motor con 2 carburadores dobles (motor boxer). Poco a poco estos se fueron cambiando por otros nuevos motores de inyección. Algunos modelos de los Alfa 145 y 146 (sucesores del 33, con una línea más parecida a la del serie 3) conservaron aún los motores boxer con carburadores de doble cuerpo.</p>

    <h2>-------------------- CONTENIDO --------------------</h2>


    &nbsp&nbsp&nbsp&nbsp Historia del ALFA 33 en sus tres versiones y de la compañía ALFA ROMEO, fotos, manuales, comparativas, enlaces de interés, breve reseña de todos los modelos de ALFA desde su fundación el 24 de Junio de 1910, hasta ahora. Y también una sección independiente del ALFA ROMEO SPRINT (coetáneo del 33).</p>&nbsp



    &nbsp&nbsp&nbsp&nbsp Esta web la realizo con mucha ilusión y a la vez, con bastantes pocos conocimientos, pudiendo ocurrir que algún dato o información así como el propio diseño de la página estén fuera de lugar (o que esté mal, directamente).

    &nbsp


    Si alguien percibe algún tipo de error y tiene ganas de que cambie..., ruego que me lo haga saber. Disfruta de esta humilde página aún en construcción.</p>



    &nbsp
    &nbsp
    &nbsp
    &nbsp
    &nbsp
    &nbsp
    &nbsp
    &nbsp
    &nbsp


    </div>
    </div>
    </div>
    <div id="pie"> Web optimizada para navegador "Mozilla Firefox" </div>
    <div id="curva-inferior"></div>


    </div>



    </body>

    <p class="logo1">[contenido no disponible]</p>
    <p class="logo1">[contenido no disponible]</p>

    <p class="logo2">[contenido no disponible]</p>
    <p class="logo2">[contenido no disponible]</p>

    <p class="logo3">[contenido no disponible]</p>
    <p class="logo3">[contenido no disponible]</p>


    <p class="logo4"[contenido no disponible]</p></a>



    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>





    </head>



    <div id="pie"> ------------ LASO & LÓPEZ © 2008 ------------ </div></p>


    <p class="logo4"[contenido no disponible]</p>







    y el estilo general.css:


    body {text-align: center}
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h3 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h4 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ;
    text-align: center}

    body { background-color: #EE0000 ;
    background-image: url(objetos/fondo12) ;

    background-position: center center }



    {text-align: center }
    #global {width:800px ; margin:4px auto }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: red ;
    height:80px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: black ; border: red 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 35px 0px 22px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: #696969 ; border-left: red 1px solid ;
    border-right: red 1px solid }
    #contenido p {margin: 16px 10px 10px 0px ; text-indent: 15px}
    #menu {background-color: black ; width: 150px ; float:left ;
    text-align:center ; margin: 8px 12px 7px 9px ;
    background-image: url(objetos/menu-parte-inferior.gif);
    background-position: bottom ;
    padding-bottom:5px }
    #menu li {list-style:none ; margin: 11px 8px 4px 6px; text-align: center}
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
    background-image: url(objetos/menu-parte-superior.gif) }

    #pie { background-color: red; text-align:center }

    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration:underline ; background-color: none}
    a:active {}
    .logo1 {margin: 50px 0px 50px 255px }
    .logo2 {margin: 50px 0px 50px 515px }
    .logo3 {margin: 50px 0px 50px 790px }
    .logo4 {margin: 50px 0px 50px 600px }
  • hola de nuevo

    el fallo está en el css

    tienes asi:

    p {text-align: justify}
    h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h3 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    h4 {font.size: 1.1em; color:black ; font-weight: bold ; text-decoration: none ;
    text-align: center}

    debe ser

    font-size

    y no

    font.size

    ves la diferencia???

    saludos
    Hay que ver como por una cosa tan pequeña el lío que se puede organizar. Muchas gracias por tu respuesta. Aún no he conseguido lo de poner letras de tamaños distintos en la misma palabra. tal vez no se pueda, lo demás lo dejé como lo tenía y parece que el tamaño sí que cambia, pero la letra B se separa del resto:

    B
    ienvenidos a la página.....