HTML kodlarında sorun yaşıyorum
- Konuyu 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.
- Konuyu 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.
- Konuyu 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
