HTML kodlarında sorun yaşıyorum
- Konbuyu başlatan LapS
- Başlangıç tarihi
Merhaba,
Kodların yansımasını anlık olarak görmek istiyorsanız ilgili siteyi kullanabilirsiniz.
Site üzeri görüntülemek isterseniz eğer, kodları metin editörlerine ekleyip dosyaadi.html olarak farklı kaydedin. Ardından açıp site üzeri kontrol edebilirsiniz.
Kodların yansımasını anlık olarak görmek istiyorsanız ilgili siteyi kullanabilirsiniz.
Real-time HTML Editor
htmledit.squarefree.com
Site üzeri görüntülemek isterseniz eğer, kodları metin editörlerine ekleyip dosyaadi.html olarak farklı kaydedin. Ardından açıp site üzeri kontrol edebilirsiniz.
- 28 Mar 2020
- 36
- 4
- Konbuyu başlatan
- #3
olmuyor işte boş gözüküyor onuda denedim isterseniz kodları atayım
Yazdığın dosyayı her değişiklikten sonra kaydetmeyi unutma ve her değişiklik yaptığında sayfayı yenile
- 28 Mar 2020
- 36
- 4
- Konbuyu başlatan
- #5
<!DOCTYPE html>
<html>
<head>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
.container {
max-width: 1200px;
margin: 0 auto;}
.header {
display: flex;
align-items: center;
justify-content: space-between;
height: 80px;
background-color: white;}
.logo {
width: 100px;
height: 50px; }
.nav {
display: flex;
list-style: none; }
.nav-item {
margin-right: 20px; }
.nav-link {
text-decoration: none;
color: black;
font-weight: bold; }
.banner {
height: 500px;
background-image: url(" ");
background-size: cover;
background-position: center; }
.banner-text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
color: white;
font-size: 40px;
text-align: center; }
.banner-button {
padding: 10px 20px;
border: none;
border-radius: 5px;
background-color: orange;
color: white;
font-weight: bold; }
.main {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 20px; }
.card {
width: 25%;
height: 300px; }
.card-image {
width: 100%;
height: 200px; }
.card-text {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 10px; }
.card-title {
font-size: 20px;}
.card-price {
color: green;}
.card-button {
padding: 5px 10px;
border: none;
border-radius: 5px;
background-color: blue }
kodlar bu şekilde
Moderatör tarafında düzenlendi:
CSS atmışsın o stiller nerelere uygulanıyor diğer HTML kodları nerede mesela .container nerede hepsini at tüm kod buysa eğer iyi stil yapmışsın ama nereye uygulayacak o stilleri, ve sonunda </style> yazıp etiketi kapadın mı attığın kodda yok
<style> tag'ını kapatmamışsın galiba.
Selamlar....
Sen ankadığım kadarıyla sadece style sayfası hazırlamışsın içini döşedikçe görülecektir.
Sen ankadığım kadarıyla sadece style sayfası hazırlamışsın içini döşedikçe görülecektir.
- 28 Mar 2020
- 36
- 4
- Konbuyu başlatan
- #10
sorun çözüldü tüm yardım eden etmeyen arkadaşlara teşekkür ederiim evet sizin ve diğer arkadaşımın dediği gibi style tag ını kapatmamışım
evet doğru ama style tagını kapatmdığım için onlarda gözükmüyordu
