تسجيل الدخول | التسجيل | الأسئلة المتكررة
Anonymous

allineamento centrale di un div senza width prefissata

+ إضافة رد

2 مشاركة صفحة 1 من 1


allineamento centrale di un div senza width prefissata

بواسطة marco19to » الاثنين أكتوبر 22, 2012 1:23 pm

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 class="iconaservizio" src="timthumb.php?src=IMG/#LOGO_RUBRIQUE**&w=80&h=80" width="80" height="80" alt="">
<h1><strong>#TITRE</strong></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?
صورة العضو الشخصية

marco19to

  • مشاركات: 1
  • اشترك في: الاثنين أكتوبر 22, 2012 1:13 pm

Re: allineamento centrale di un div senza width prefissata

بواسطة XainPro » السبت نوفمبر 03, 2012 5:11 pm

impostare l'altezza linea di
titoloservizio
per qualcosa di più grande semplice

.titoloservizio{
margin-left:auto;
margin-right:auto;
height:70px;
text-align:center;
border:solid 1px;
line-height:100px;}
صورة العضو الشخصية

XainPro

  • مشاركات: 3933
  • اشترك في: الجمعة فبراير 17, 2012 8:10 pm


+ إضافة رد

صفحة 1 من 1