HTML tablo tasarımı nasıl yapılır?
- Konuyu başlatan rauzy
- Başlangıç Tarihi
- Mesaj 11
- Görüntüleme 938
-
- Etiketler
- html web tasarım
- Katılım
- 12 Temmuz 2014
- Mesajlar
- 1.076
- Çözümler
- 18
W3Schools'ta 5-10 dakika göz gezdirirsen HTML ve CSS kısmına yapman yarım saatini almaz. Hazır kod bekleme boşuna.
CSS kullanmadan bu şekli vermeyi nasıl bekliyorsun? HTML, CSS olmadan düz metinden ibaret. CSS'in flex, grid gibi display özelliklerinden (layout) yararlanacaksın ki şu şemayı veresin.
Örneğin ilk kutuya bakalım. Bir div içerisinde iki adet div daha var. Bu divler birbirine eşit boyda ve kenarlarında hiç bir yuvarlanma yok.
Hiç CSS kullanmadan aynısını yapmaya çalışırsak (sadece div'de border var);
Nesnelere şekil vermek için bunu yapabiliriz. Flex-grow bir nesneyi flexboxın içerisine yayar. Flex grow'u büyük olan, küçük olandan daha fazla yer kaplar.
Sağdaki nesne aslında ikinci div, eğer onun flex grow değerini artırırsak;
Flexboxın yüksekliğini artırırsak isteğimize yaklaşır, bir de renkleri atalım;
@Againbirth sonuna kadar haklı mesajında. Boşuna kod bekleme, araştır, öğren.
Örneğin ilk kutuya bakalım. Bir div içerisinde iki adet div daha var. Bu divler birbirine eşit boyda ve kenarlarında hiç bir yuvarlanma yok.
Hiç CSS kullanmadan aynısını yapmaya çalışırsak (sadece div'de border var);
Nesnelere şekil vermek için bunu yapabiliriz. Flex-grow bir nesneyi flexboxın içerisine yayar. Flex grow'u büyük olan, küçük olandan daha fazla yer kaplar.
Sağdaki nesne aslında ikinci div, eğer onun flex grow değerini artırırsak;
Flexboxın yüksekliğini artırırsak isteğimize yaklaşır, bir de renkleri atalım;
@Againbirth sonuna kadar haklı mesajında. Boşuna kod bekleme, araştır, öğren.
- Katılım
- 4 Eylül 2018
- Mesajlar
- 3.015
- Makaleler
- 2
- Çözümler
- 33
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Öğrenci
Hazır kod bekleyen Stackoverflow'a uğrasın
Dese ne fark eder. CSS bilmeden yapamayacak ki bunu. Bu kadar basit. HTML, CSS olmadan düz metinden ibaret. Styleing komutlarını kullanacaksın, css kullanacaksın ki şekil alsın Word dosyası gibi oluyor sonra.
Örn;
KS
KS
rauzy
Hectopat
- Katılım
- 17 Nisan 2022
- Mesajlar
- 600
Daha fazla
- Cinsiyet
- Erkek
Okuyacağınız şeyin ilk başta başlığını okumanız gerekir.
Bu yorum yazanların okuma yazması yok galiba ben tüm kodu hazır olarak istememişim ki. Zaten ilk kısmını istemişim sadece yok hazır kod bekleme vs boşuna CSS'siz olmaz vs. kimseyi kod vermesi zorunlu falan da yazmamışım. Koskoca başlıkta HTML yazmışım kimse boşuna kod vs bekleme yazmasaına gerek yok.
Bu yorum yazanların okuma yazması yok galiba ben tüm kodu hazır olarak istememişim ki. Zaten ilk kısmını istemişim sadece yok hazır kod bekleme vs boşuna CSS'siz olmaz vs. kimseyi kod vermesi zorunlu falan da yazmamışım. Koskoca başlıkta HTML yazmışım kimse boşuna kod vs bekleme yazmasaına gerek yok.
Son düzenleyen: Moderatör:
Sadece HTML ile bunu yaparken kolay gelsin sana.
KS
KS
rauzy
Hectopat
- Katılım
- 17 Nisan 2022
- Mesajlar
- 600
Daha fazla
- Cinsiyet
- Erkek
yapıldı bu arada
Sizi anlıyorum ama hocamız böyle dedi HTML ile yapın diye kötü olsa da yaptık.
First-section {
Display: Flex;
Gap: 10px;
Background-color: Orange;
Padding: 20px;
}
Son düzenleme:
KS
KS
rauzy
Hectopat
- Katılım
- 17 Nisan 2022
- Mesajlar
- 600
Daha fazla
- Cinsiyet
- Erkek
html css karışıkBu HTML değil işte. CSS. Bilgin olsun. Hocana da de yazdığınız şeyin css olduğunu.
Benzer konular
Technopat Haberler
Yeni konular
-
-
-
-
-
-
-
-
-
-
-
-
Steam Çalınan hesap kurtarılmaya çalışıldığında CD Key istiyor- samethan karayel
- Mesaj: 2
-
