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

    allineamento centrale di un div senza width prefissata

    Ciao a tutti sono marco e sono nuovo del forum quindi mi scuso in anticipo se faccio qualche errore. vi spiego la mia problematica sperando che qualcuno mi possa aiutare

    ho un div che contiene un'icona e una parola affiancati con float left.

    <div class="titoloservizio">
    [img]timthumb.php?src=IMG/#LOGO_RUBRIQUE**&w=80&h=80[/img]
    <h1>#TITRE</h1>
    </div>

    CSS
    .titoloservizio{
    margin-left:auto;
    margin-right:auto;
    height:70px;
    text-align:center;
    border:solid 1px;}

    .titoloservizio h1{
    float:left;
    color:#9a090c;
    font-size:20px;
    text-align:center;
    margin-top:15px;
    margin-left:-15px;}

    .iconaservizio{
    margin-left:-15px;
    float:left;}

    come si può vedere dal codice ho la necessità di associare una width diversa alla classe titoloservizio perchè è una pagina dinamica e il CMS spip mi richiama sia l'icona che il titolo. Il problema è che senza una lunghezza prestabilita con la proprietà width=... non riesco a centrare orizzontalmente il titolo e l'icona. me li allinea a sinistra e da alla classe titoloservzi la lunghezza massima. dovrei riuscire in qualche modo a far variare la width. non so se mi sono riuscito a spiegare bene nel caso fatemi delle domande che chiarisco tutto.

    avete qualche soluzione al problema?

  2. #2
    Ciao,
    in assenza di width viene assegnato il 100%...


    Ciauzz

  3. #3
    non funziona. ho provato ma prende come lunghezza quella del testo contenuto nel tag h1 nonostante che ci sia anche l'icona nella stessa classe. mancano quindi i px della lunghezza dell'icona che in questo caso è di 80 px.
    ho dato le seguenti proprietà

    width: intrinsic;________ /* Safari/WebKit uses a non-standard name */
    __width: -moz-max-content;_ /* Firefox/Gecko */

    alla classe titoloservizi
    ho 80px di icona e h1 varia in base alla lunghezza del titolo. la somma di questi 2 deve essere il width di titoloservizi perchè poi devo centrarlo.
    ho sbagliato qualcosa?

  4. #4
    scusa ho sbagliato funziona però devo riuscire a farlo funzionare anche per crhome e ie. che posso fare?

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.