Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    232

    intestazione con 2 immagini

    Ciao a tutti!!! Un consiglio. Vorrei creare l'intestazione del mio sito e vi devo inserire due immagini con rispettivi link che rimandano, una alla homepage stessa e l'altra ad un altro sito. Avrei scrito questo codice:
    <div id="head">
    <h1 class="log1">
    [img]Immagini/logo1.png[/img]
    </h1>
    <h2 class="log2">
    [img]Immagini/logo2.png[/img]
    </h2>
    </div>

    Come posso impostare il tutto con i css in modo da avere le due immagini alla stessa altezza e sopra la barra di navigazione grazie mille.

  2. #2
    questo dovrebbe bastare, ma se non posti un link alla pagina rimane difficile immaginare il contesto

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2005
    Messaggi
    232
    credo di aver risolto così:
    code xhtml:
    <div id="head">
    <h1 id="log1">
    [img]Immagini/log1.png[/img]
    </h1>
    <h1 id="log2">
    [img]Immagini/logo2.png[/img]
    </h1>
    </div>

    code css:
    div#head{
    position: relative;
    background: transparent url(Immagini/sfoint.gif) top left no-repeat;
    width: 900px;
    height: 100px;
    margin: 0;
    padding: 0 0 10px 0;
    }

    h1#logar{
    position:absolute;
    margin:0;
    padding:0;
    top: 0;
    left: 20px;
    }

    h1#logcc{
    position:absolute;
    margin:0;
    padding:0;
    top:0;
    left: 691px;
    }

    a img{
    border: none;
    margin:0;
    padding:0;
    }

    div#head a:link,
    div#head a:visited,
    div#head a:hover,
    div#head a:focus,
    div#head a:active{
    text-decoration: none;
    margin:0;
    padding:0;
    }


    Che ne dici può andare? Ho fatto una prova e sembra tutto ok, poi ne ho fatta un'altra senza toccare nulla e mi appassa i due loghi di diversi px... non capisco, sarà un errore della visualizzazione del dreamweaver?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.