CSS Yazıyı Ortalayamıyorum

16-01-2015, 13:20:39

Tonks

F. STACK WEB + MOBILE DEV

Merhaba arkadaşlar,

bir div oluşturdum, içine biri sağa biri sola olacak şekilde iki class ekledim. Ben bu temayı responsive yapmak istediğim için @media screen kullanıyorum.

Belli bir px'den aşağısına düşünce solda ki class'a display: none verdim sağda ki class'da olduğu gibi kaldı. Ancak ben sağdaki class'ın ortalanmasını istiyorum.

text-align: center;

margin: 0 auto;

margin-left: 0 auto;
margin-right: 0 auto;

bunları denedim ama olmadı, yazı ortalanmadı, yazıyı başka nasıl oratalayabilirim?

16-01-2015, 13:57:26

#2

~~Psd2Css~~

Üyeliği durduruldu

Lütfen yapmak istediğin şeyi localinde nasıl yapıyorsan olduğu gibi eklermisin varsa bir linkte olabilir görebilmemiz için.

16-01-2015, 14:19:58

#3

ErhanKLC

Float:right kullandiysan onu tum cozunurlukte goruyor olabilir. Floati da media screen ile kullanmayi deneyebilirsin.

16-01-2015, 14:42:36

#4

Nolpe

Tonks adlı üyeden alıntı: mesajı görüntüle

Merhaba arkadaşlar,

bir div oluşturdum, içine biri sağa biri sola olacak şekilde iki class ekledim. Ben bu temayı responsive yapmak istediğim için @media screen kullanıyorum.

Belli bir px'den aşağısına düşünce solda ki class'a display: none verdim sağda ki class'da olduğu gibi kaldı. Ancak ben sağdaki class'ın ortalanmasını istiyorum.

text-align: center;

margin: 0 auto;

margin-left: 0 auto;
margin-right: 0 auto;

bunları denedim ama olmadı, yazı ortalanmadı, yazıyı başka nasıl oratalayabilirim?

Çözünürlük düştüğünde sağa yaslamış olduğunuz div'in float'ını kaldırın; float:none; ile yapabilirsiniz. Daha sonra margin:0 auto; display:table; text-align:center;

ile ortalama yapabilirsiniz.

16-01-2015, 20:27:06

#5

Tonks

F. STACK WEB + MOBILE DEV

Nolpe adlı üyeden alıntı: mesajı görüntüle

Çözünürlük düştüğünde sağa yaslamış olduğunuz div'in float'ını kaldırın; float:none; ile yapabilirsiniz. Daha sonra margin:0 auto; display:table; text-align:center;

ile ortalama yapabilirsiniz.

teşekkür ederim hocam bu şekilde oldu