lostyazilim
tr.link

Bootstrap Col Md İçeriği Nasıl Dikey Ortalanır?

4 Mesajlar 4.211 Okunma
lstbozum
tr.link

zekikaynak zekikaynak WM Aracı Kullanıcı
  • Üyelik 04.02.2015
  • Yaş/Cinsiyet 41 / E
  • Meslek Grafik Tasarımcı
  • Konum Kayseri
  • Ad Soyad Z** K**
  • Mesajlar 37
  • Beğeniler 0 / 17
  • Ticaret 1, (%100)
Merhaba arkadaşlar ben bootstrap ile tasarım öğrenmeye çalışıyorum...

Sitenin ama menüsünün üstünde bir topmenu oluşturmak istiyorum ancak css bilgim olmadığından yazıları dikey olarak ortalayamadım bir türlü...

Daha yeni başladım ve ilk adımda takıldım kaldım :)

Css Dosyam:


@charset "utf-8";
/* CSS Document */

body{
font-family: 'Exo', sans-serif;
}

.topmenu{
background-color: #00ff00;
height: 40px;
}




Html Dosyam























.col-md-8

.col-md-4






<script></script>

<script></script>





Yukarıda gördüğünüz gibi md8 ve md4 ile ikiye böldüm sayfayı ancak içeriklerini dikey olarak ortalayamadım bir türlü.. Ayrıca içeriği tek satırda olsa çift yada üç satır da olsa sorunsuz ortalaması gerekli...

Eminim işi bilen arkadaşlar için çok basittir ama ben kaldım öyle :)

Bunu nasıl çözerim...
 

 

wmaraci
reklam

hataman hataman WM Aracı Kullanıcı
  • Üyelik 20.03.2014
  • Yaş/Cinsiyet 51 / E
  • Meslek web programlama
  • Konum Balıkesir
  • Ad Soyad H** A**
  • Mesajlar 158
  • Beğeniler 12 / 40
  • Ticaret 3, (%100)
dikey ortalamanın farklı yöntemleri var fakat menu için kullanıcaksanız aklıma o geldi line-height değeri verin padding yada yükseklik tanımlayın olacaktır.
 

 

http://hataman.com
Skype : ha.taman

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1118
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
line-height değerini oranın yüksekliği kadar verirseniz çözülecektir.
 

 

www.ontedi.com
www.cizgi.site

tedem tedem npm run dev Kullanıcı
  • Üyelik 17.04.2016
  • Yaş/Cinsiyet 27 / E
  • Meslek Full Stack Developer
  • Konum İstanbul Avrupa
  • Ad Soyad M** E**
  • Mesajlar 381
  • Beğeniler 266 / 133
  • Ticaret 20, (%100)
Aşağıdaki kod size yardımcı olacaktır diye düşünüyorum;

.topmenu {
height: 40px; /* NOTE: Örneğin */
line-height: 40px; /* NOTE: Yazıyı dikey ortalamak için */
}

.topmenu .topmenu-sol { ... }
.topmenu .topmenu-sag { ... }
 

 

wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al