Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    disposizione link in div

    ciao

    come da titolo sto avendo un pochino di difficoltà nel posizionare dei link in un div

    in particolare vorrei sapere cosa devo aggiungere per regolare la posizione dei link vorrei anche che il link non fosse in blu (penso di dover aggiungere solo color:colore giusto?)
    e che la sottolineatura uscisse solo quando il cursore ci passa sopra cambiando anche colore(qui non ricordo come si fa)
    per una maggiore chiarezza per chi volesse darmi un aiutoaggiungo anche il codice e vi ringrazio anticipatamente comunque
    codice:
      
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <meta nome="parole chiavi" content="text/html; charset=iso-8859-1" />
    <title> TITOLO </title>
    
    <style type="text/css">
    
    #barraorizzontale{
    width: 840px;
    height: 15px;
    margin: 0 auto;
    padding:0;
    background:#FFF url('Sfondo_impronta.gif') repeat-x;
    }
    
    </style>
    
    <body>
    
    <div id="barraorizzontale">
    
    Home  Forum  Contatti
    
    </div>
    </body>
    </html>
    i link devo stare tutti sulla stessa riga

  2. #2
    ciao

    non so se non mi avete risposto perchè vi ho fatte tante di quelle domande da seccarvi o se soltanto per altri motivi

    comunque per la disposizione delle parole che fanno da link ho usato white-spacere;
    vorrei chiedervi se secondo voi va bene oppure se è meglio farlo in modo diverso

    ad ogni modo aggiungo il codice modificato (magari qualcuno ci darà un'occhiatina ) e se magari avrà qualche consiglio da darmi, per togliere la sottolineatura al link e farla uscire solo quando il mouse ci passa sopra, lo accetterò volentieri:
    <style type="text/css">
    #barraorizzontale{
    width: 840px;
    height: 15px;
    margin: 0 auto;
    padding:0;
    background:#FFF url('Sfondo_impronta.gif') repeat-x;
    font: 11px verdana; /*bold è come il grassetto prima di 10px*/
    text-transform: capitalize; /*capitalize mette maiuscolo la prima lettere di ogni parola*/
    white-space: pre; /*rende esattamente la pagina web con la disposizione che si da nel codice html*/
    }
    </style>

    <body>
    <div id="barraorizzontale">
    <div align="center">| Home | | New | | Forum | | Contatti | </div>
    </div>
    </body>
    ciao e buona giornata a tutti

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2003
    Messaggi
    2,008
    per [a] nello style
    text-decoration:none;
    e a:hover
    text-decoration:underlined;

  4. #4
    ciao mille grazie grandeorco gentilissimo

    aggiungo il codice completo:

    <style type="text/css">
    #barraorizzontale{
    width: 840px;
    height: 15px;
    margin: 0 ;
    padding:0;
    background:#FFF url('Sfondo_impronta.gif') repeat-x;
    font: 11px verdana; /*bold è come il grassetto prima di 10px*/
    text-transform: capitalize; /*capitalize mette maiuscolo la prima lettere di ogni parola*/
    white-space: pre; /*rende esattamente la pagina web con la disposizione che si da nel codice html*/
    position: relative;
    bottom: -50px;
    }

    #barraorizzontale a{
    text-decoration: none;
    color: grey;
    }

    #barraorizzontale a:hover{
    text-decoration:underline;
    color: red;
    }
    </style>

  5. #5
    ciao si lo so che ho appena finito di ringraziare grandeorco per l'aiuto, che mi ha dato che gia sto a fare un'altra domanda
    ma va bene questa mettiamola più che altro come curiosità

    la barraorizzontale che ho fatto (grazie all'aiuto di grandeorco) funziona come volevo anche nei dettagli

    ciò che non capisco è più generale

    mi spiego meglio: quando vado ad inserire un'immagine o anche questa barra da poco fatta (su vi è il codice) se voglio che stia sul fondo dell'header anche se metto position:relative;bottom:0; non ci sta

    però se metto position:relative;top:50px; invece si (eppure l'header è di 90px la barra di 15px) i conti non mi tornano

    e poi il tutto (bottom:0; / top:75; ) non dovrebbero essere complementari

    ne deduco che io abbia fatto un errore di impostazione probabilmente di sintassi o altro

    ecco mi piacerebbe capire meglio questa questione per non dovermici ritrovare in futuro

    se qualcuno è gia a conoscenza del problema/soluzioni o comunque di informazioni a riguardo mi farebbe piacere se le potesse condividere anche con me


  6. #6

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 © 2025 vBulletin Solutions, Inc. All rights reserved.