HTML inline mantığı

V

veysel000

Hectopat
Katılım
11 Nisan 2021
Mesajlar
324
Çözümler
2
Selam. HTML üstünden basit bir web sitesi tasarlayıp bilgilerimi pekiştiriyordum. Görselleri tablolar ile yazıları ise pre formatına atıp özelleştirdim. İstiyerek CSS'e pek bulaşmak istemedim. Şu anki sorunum yazı ile fotoğrafları yan yana alamıyorum. Bir şeyler yanlış oluyor sürekli ama ne olduğunu anlayamıyorum. Kodlar biraz dağınık kusura bakmayın, yardımınızı bekliyorum.
 

Dosya Ekleri

  • Ekran görüntüsü 2023-09-04 184331.png
    584 KB · Görüntüleme: 40
  • Ekran görüntüsü 2023-09-04 185424.png
    78,1 KB · Görüntüleme: 44
  • Ekran görüntüsü 2023-09-04 185440.png
    65,6 KB · Görüntüleme: 33
  • Ekran görüntüsü 2023-09-04 185452.png
    34,8 KB · Görüntüleme: 32
Pre block element yani yeni satırdan başlar ve bütün sayfayı kaplar. Bu yüzden Pre'nin başına veya sonuna yazı olmasa bile başka element ekleyemezsin. CSS kullanarak block elementleri inline olacak şekilde değiştirebilirsin

Head içerisine aşağıdaki kodu yapıştırırsan sorunun çözülecektir diye düşünüyorum.
Kod: 
<style>
pre {
  display: inline;
}
</style>
 
Hocam yorumun için teşekkür ederim. Tonla şey denedim yazdığınızı 15 defa denemişimdir herhalde. Block, inline, inline-block mantığını biliyorum ama çalışmamasına şaşırdım ondan konu açtım. Ayrıca Prey'i de table içine atarak sorunu çözdüm hocam.
 

Dosya Ekleri

  • Ekran görüntüsü 2023-09-04 192209.png
    581,9 KB · Görüntüleme: 29
  • Ekran görüntüsü 2023-09-04 192239.png
    64,4 KB · Görüntüleme: 24
Shimada Sensei dedi:
Table da block element. Pre'yi inline yapsan da table block olduğu sürece yeni satırdan başlayacak. Kod görsel şeklinde olduğundan onu görmemişim.
Genişletmek için tıkla...
Prey'i Table'ye atmadan önce Inline'ı yazmıştım değişen bir şey olmamıştı. Başka bir sorun oluştu sanırım orada.
 
@veysel000 table inline olabilecek bir şey değil. Pre'yi inline yapsan table block olduğu için değişen bir şey olmaz. Block elementler her daim yeni satırdan, yani diğer elementlerin altından başlar ve yatayda tüm alanı kaplar.

Çözüm ya tabloyu kaldırıp resimleri normal şekilde yerleştirmek ya da pre'yi tablo içine almak.
 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…