Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 21

Discussione: [css] peso...

  1. #1

    [css] peso...

    in ordine di peso,

    quanto pesa in meno di una tabella un div?

    devo centrare il div contenente il logo del sito, e giacché ho letto in giro per google che è praticamente impossibile fare uscire un div centrato a tutte le risoluzioni da 800x600, a 1280x1024 con:

    margin-left:auto;
    margin-right:auto;
    height: auto;

    ....e larghezza di 400px

    mi chiedo: in termini di peso, quanto pesa in più di un div di quelle dimensioni, una tabella 3x3, al 100% senza bordi nella cui cella centrale ci piazzo quello che devo centrare?

    è molta la differenza o posso andare tranquillo ed utilizzare la tabella per centrare sto benedetto logo a tutte le risoluzioni?

    grazie molte!

    Fuck Your Mind Dance your Brain!

  2. #2
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Pesa di più un chilo di ferro o un chilo di paglia?
    Dipende da quanto codice scrivi, il vantaggio di usare i fogli di stile sono anche e sopratutto altri.
    Se devi realizzare una sola pagina, con dentro un'immagine e basta, sarà il peso dell'immagine a determinarne il peso, e non tanto il codice.
    Se poi riempi la sezione header di detta pagina di dati superflui, l'approccio ai fogli di stile non aiuta.

  3. #3
    non ho capito il problema del div centrato?

    dove sta il problema?
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  4. #4
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    E' una questione di pesi, pesa di più fatto con i fogli di stile o con le tabelle?

  5. #5
    oky giovani! tnks a lot!

    no non è solo una questione di pesi!

    io avevo intenzione di fare un div, con un layout come questo:

    #introduction{
    margin-left:auto;
    margin-right:auto;
    width:400px;
    \width:400px;
    w\idth:400px;
    border-top: 5px solid #354D69;
    border-left: 1px solid #354D69;
    border-right: 1px solid #354D69;
    border-bottom: 3px solid #354D69;
    background: #EEEFEF url(pattern5.jpg) repeat-x bottom;
    text-align: center;
    font-family:verdana, arial, sans-serif;
    padding-top:20px;
    padding-bottom:20px;
    font-size:10px;
    }

    #introduction
    a{
    color: #782920;
    text-decoration:none;
    }
    #introduction
    a:hover{
    color: #858388;
    text-decoration:underline;
    background-color: ##782920;
    }

    ....e centrarlo nella pagina qualunque risoluzione esso abbia!
    ho provato con vari metodi, anche assegnando dimensioni 100% al body, etc..., ma se vado poi a vedere a 800x600, mi esce centrato solo orizontalmente!
    ho provato anche a dare una position absolute etc.. etc..!

    ps. dreamweaver mi dice che Iexplore 6.0 non supporta la dichiarazione

    <style type="css/text">

    cosa devo scrivere al posto di questo?
    grazie ancora siete sempre gentilissimi!
    Fuck Your Mind Dance your Brain!

  6. #6
    Scusa... per centrarlo non puoi usare i padding : auto ?

  7. #7
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Butta dreamwiever e usa qualcosa di serio, come il blocco note
    No davvero.


    Ad ogni buon conto il codece che hai scritto è davvero ridondate, comunque tieni presente che l'altezza dipende da cosa ci metti dentro, se tutto ciò ti fa stare il livello al centro della pagina senza che la stessa "scrolli" con risoluzioni basse, allora non vedo dove sta il problema.
    Insomma se il livello è minore di 440pixel può andare.

    codice:
    body {
    margin: 0;
    padding: 0;
    text-align: center; /* lo vuole Ie che non capisce la differenza tra div e testo */
    }
    #layer {margin: auto;}
    #layer img {display: none }
    Come tutto qui? Si ovvio, non serve altro a priori, ma dipende da cosa vuoi esattamente, se cerchi solo di mettre un'immagine al centro della pagina si basta questo.
    codice:
    <html>
    <head><title>...</title>
    <style type='text/css' media='screen'>
    body {
    margin: 0;
    padding: 0;
    text-align: center; /* lo vuole Ie che non capisce la differenza tra div e testo */
    }
    #layer {margin: 1em auto;}
    #layer img {display: none }
    </script>
    </head>
    <body>
    <div id='layer'>
    <img src='che ne so.jpg />
    </div>
    </body>
    </html>

  8. #8
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Originariamente inviato da Nokao
    Scusa... per centrarlo non puoi usare i padding : auto ?
    Padding serve a modificare la distanza tra il bordo dell'elemento che contie e il contenuto, mentre margin server a modificare la distanza tra l'elemento contenuto e il suo contenitore.
    Conviene usare il margine nel suo caso.

  9. #9
    si in effetti se si trattasse solo dell'immagine, ma il problema è centrare sto coso qui
    Fuck Your Mind Dance your Brain!

  10. #10
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    Embè, una volta centrato il layer contenitore, dentro ci metti ciò che vuoi.


    comincia a togliere <div align='center'> se usi i fogli di sitle usali dapperutto, elimina le tecniche miste che generano solo confusione. Inoltre dato che introduction ha già settata la prorpietà align-text a center, non serve a nulla.
    Se usi margin-top: 10%, necessariamente l'immagine in verticale non sarà centrata, ovvero sarà al 10% della dimensione della finestra.
    Se noti io ho usato margin: 1em auto; ovvero un margine globale, a tutto tondo, che da un limite di 1em, ma che può essere portato a 0 ovviamente.
    Se poi invece dei brak
    usassi i paragrafi

    che sono più configurabili, non avresti nemmeno la necessità di inventarti strani giochi con i no break space () per centrare la scritta in fondo.
    A [b] va messo dentro all'elemento ancora e non viceversa.

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.