Egid Dikmen
Hectopat
Daha fazla
- Sistem Özellikleri
- Macbook Pro 16" M1 Pro Silver
- Cinsiyet
- Erkek
- Meslek
- Ağa/Paşa
Henüz margin veya padding ile ilgili hiçbir şey girmememe rağmen sağa kayık bir şekilde duruyor. padding right da margin right ile 10px ve -10px denedim
padding right 10px yapınca sağa doğru uzuyor ancak -10px yapınca küçülmüyor. O taşmayı kapatmak istiyorum.
Not : İnce olan ve tüm kutucuğun kendisini oluşturan çerçeve bir div ve üstteki içinde yazı yazan turuncu kalın yer bir div ve bu ikinci div ilk divin içinde.
Not 2 : Bu arada margini de padding i de hiç beceremiyorum acaba kodumuzu yükleyip konumlandırmayı görsel olarak elle yapabileceğimiz mouse ile küçültüp büyütebileceğimiz bir site yok mu?
[CODE lang="html" title="index.html"]<div class="anacerceve">
<div class="anacerceve_ust">BİZE ULAŞIN</div>
</div>[/CODE]
[CODE lang="css" title="style.css"].anacerceve {
border: 8px solid #EB5800 ;
border-radius: 80px ;
height: 800px ;
width: 800px ;
margin-left: auto;
margin-right: auto;
margin-top: 150px;
}
.anacerceve_ust{
font-family: 'JetBrains Mono',monospace ;
font-size: large ;
font-weight: bold ;
color : white ;
border: 8px solid #EB5800 ;
background-color: #EB5800 ;
height: 100px ;
width: 800px ;
border-top-left-radius: 80px ;
border-top-right-radius: 80px ;
font-style: normal;
text-align: center;
/*
padding-right: ;
padding-left: ;
margin-right: ;
margin-left: ;
margin-top: ;
*/
}[/CODE]
padding right 10px yapınca sağa doğru uzuyor ancak -10px yapınca küçülmüyor. O taşmayı kapatmak istiyorum.
Not : İnce olan ve tüm kutucuğun kendisini oluşturan çerçeve bir div ve üstteki içinde yazı yazan turuncu kalın yer bir div ve bu ikinci div ilk divin içinde.
Not 2 : Bu arada margini de padding i de hiç beceremiyorum acaba kodumuzu yükleyip konumlandırmayı görsel olarak elle yapabileceğimiz mouse ile küçültüp büyütebileceğimiz bir site yok mu?
[CODE lang="html" title="index.html"]<div class="anacerceve">
<div class="anacerceve_ust">BİZE ULAŞIN</div>
</div>[/CODE]
[CODE lang="css" title="style.css"].anacerceve {
border: 8px solid #EB5800 ;
border-radius: 80px ;
height: 800px ;
width: 800px ;
margin-left: auto;
margin-right: auto;
margin-top: 150px;
}
.anacerceve_ust{
font-family: 'JetBrains Mono',monospace ;
font-size: large ;
font-weight: bold ;
color : white ;
border: 8px solid #EB5800 ;
background-color: #EB5800 ;
height: 100px ;
width: 800px ;
border-top-left-radius: 80px ;
border-top-right-radius: 80px ;
font-style: normal;
text-align: center;
/*
padding-right: ;
padding-left: ;
margin-right: ;
margin-left: ;
margin-top: ;
*/
}[/CODE]
Son düzenleyen: Moderatör: