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

    conversione da tabelle a css

    Mi sono posto il problema di cssizzare un mio vecchio sito, volevo modificare e alleggerire la testa del sito www.suonerie-suonerie.info visibile singolarmente da qui:
    http://www.suonerie-suonerie.info/index-sopra.htm
    ma se con le tabelle è stato facile con i css non ho idea di come potrei fare.
    Vorrei restasse invariata.
    Avete qualche spunto su come potrei fare?

  2. #2
    Utente di HTML.it L'avatar di LA VALE
    Registrato dal
    Sep 2003
    Messaggi
    667
    Ti dò una dritta per il menu di navigazione...
    Puoi utilizzare le liste di definizione come Minitabs..
    Ti posto un codice html+css già fatto, poi tu lo modifichi come preferisci...

    Codice HTML


    <ul>[*]
    loghi
    [*]
    loghi
    [*]
    loghi
    [/list]
    Il relativo CSS è questo:

    ul {
    list-style-type: none;
    border: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    font-style: italic;
    text-align: center;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    }
    li {
    float: left;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    font-style: italic;
    text-align: center;
    padding: 0px 6px;
    margin: 0px;
    border-right: 2px solid #000000;
    }
    Prova questo codice e vedi se fa al caso tuo..
    Poi, Modificando il css puoi mettere colore di sfonfo, immagine di sfondo eccetera..

    L'importante è che la formattazione (colore del testo, tipo di carattere, colori di sfondo ecc) vengano messi solo ed esclusivamente nel file css: devi separare formattazione da presentazione..

    Ciao

  3. #3
    LA VALE ho fatto come mi hai detto per il menù ma volevo chiederti se è giusto che i vari stili siano contenuti dentro un div.
    nel css:

    div#smsparty{
    background: url(images/sms.png);
    width:92px;
    height:65px
    }

    nel file html:[*]
    <div id="smsparty">sms party</div>

    Un'altra domandina, come faccio a far si che le immagini rimangano attaccate l'una a l'altra?
    ho tolto border-right: 2px solid #000000; ma restano staccate.
    Grazie davvero LA VALE

  4. #4
    credo che per il menù vada benissimo come LA VALE (gentilissima) mi ha suggerito.
    Ora mi chiedevo come fare la parte alta (l'inizio).
    Ho l'antenna del cellulare con lo sfondo dell'immagine ripetuta nel 100%.
    Come posso mettere tramite css l'immagine dell'antenna e lo sfondo lungo per il 100% (sempre che sia possibile)?

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.