HTML inline mantığı

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.

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.

Shimada Sensei dedi:

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:Panoya kopyala

<style>
pre {
 display: inline;
}
</style>

Genişletmek için tıkla...

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.

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.

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.