Çözüldü HTML'de hızlı erişim öğrelerini sağa yaslama

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
llama01

llama01

Hectopat
Katılım
3 Aralık 2019
Mesajlar
107
Çözümler
4
Daha fazla  
Cinsiyet
Erkek
sdadasd.png


Şu daire içine aldığım yeri sağ yaslamaya çalışıyorum ama olmuyor. Yardım edebilecek var mı?
css
CSS: 
.logo{
 border-top:4px solid #66b933;
}
.genislik{
 width: 1024px;
 margin: auto.
 }
.anamenu{
 background: #e8e8e8;
}
.anamenu h3{
 display: inline-block;
 font-size: 45px;
 color: black;
 padding-left: 20px;
}
.anamenu p{
 display: inline-block;
 border-left:1px solid #66b933;
 margin-left: 5px;
 padding-left: 10px;
 color: #606060;
}
.anamenu a{
 width: 150px;
 height: 25px;
 padding-left: 10px;
 text-decoration: none;
 color: black;
 font-size: 20px;
}
.anamenu a:hover{
 color: #66b933;
}

HTML.

HTML: 
<div class="logo"></div>
 <div class="anamenu genislik">
 <h3>RAZER</h3>
 <p>For Gamers<br>By Gamers</p>
 <a href="#">ANA SAYFA</a>
 <a href="#">HAKIMIZDA</a>
 <a href="#">SERVİSLER</a>
 <a href="#">ÜRÜNLER</a>
 <a href="#">MAĞAZA</a>
 <a href="#">İLETİŞİM</a>
 </div>
 
Çözüm
llama01
Moderasyon Ekibi dedi:
Nasıl çözdünüz?
Genişletmek için tıkla...

Değiştireli iki gün oldu ama CSS'ini atabilirim.
CSS: 
.anamenu{
    background: #e8e8e8;
    text-align: right;
    padding-right: 50px;
}
.anamenu h3{
    display: inline-block;
    font-size: 45px;
    color: black;
    padding-left: 20px;   
}
.anamenu p{
    display: inline-block;
    border-left:1px solid #66b933;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 150px;
    color: #606060;
}
.anamenu a{
    width: 150px;
    height: 25px;
    padding-left: 10px;
    text-decoration: none;
    color: black;
    font-size: 20px;
}
.anamenu a:hover{
    color: #66b933;
Tarihe göre sırala Puana göre sırala
Position komutu ile yapılıyordu uzun zaman oldu her şeyi unuttum ama şu video işinizi görebilir
Bu içeriği görüntülemek için üçüncü taraf çerezlerini yerleştirmek için izninize ihtiyacımız olacak.
Daha detaylı bilgi için, çerezler sayfamıza bakınız.
 
Artı 0 Eksi
Kodunda oldukça fazla hata mevcut. Responsive tasarıma aykırı şeyleri yapmışsın, öncelikle bu konuda kendini geliştirmen lazım.

Bu haliyle çözülsün istiyorsan "anamenu" adlı classına display:flex;, align-items: center; vermelisin. Ondan sonra a taglarının hepsini bir div içine alıp o dive margin-left:auto; vermen yeterli. Fakat kodun hiç sağlıklı değil, baştan yazılsa daha faydalı olur.
 
Son düzenleme:
Artı 0 Eksi
Ecmel dedi:
Kodunda oldukça fazla hata mevcut. Responsive tasarıma aykırı şeyleri yapmışsın, öncelikle bu konuda kendini geliştirmen lazım.

Bu haliyle çözülsün istiyorsan "ana menü" adlı classına display:flex;, align-items: center;
Ve margin-left:auto; özelliklerini vermen yeterli. Fakat kodun hiç sağlıklı değil, baştan yazılsa daha faydalı olur.
Genişletmek için tıkla...

Sanırım arkadaş zaten öğrenme aşamasında bu siteyi kullanmak için yaptığını düşünmüyorum o yüzden kusursuz bir koda ihtiyacı olduğunu sanmıyorum ama kendini geliştirmesi gereken kısımlar hakkında bilgi vermeniz çok doğru bu yüzden bir daha ki yazdığı kodlar daha kaliteli olacaktır.
 
Artı 0 Eksi
RamazanQs dedi:
Sanırım arkadaş zaten öğrenme aşamasında bu siteyi kullanmak için yaptığını düşünmüyorum. O yüzden kusursuz bir koda ihtiyacı olduğunu sanmıyorum.
Genişletmek için tıkla...
Öğrenirken ne kadar düzgün öğrenirsen o kadar hızlı ilerlersin. Koddaki hatalarını öğrenme aşamasında kendisi tespit ederse ve düzeltirse daha fazla katkı alır. Sırf öğreniyorum diye baştan sağma olmaya gerek yok.

Fena gitmemiş ama öğrenmesi gereken ve düzeltmesi gereken yerler mevcut. Başta responsive tasarım var.
 
Artı 0 Eksi
Ecmel dedi:
Öğrenirken ne kadar düzgün öğrenirsen o kadar hızlı ilerlersin. Koddaki hatalarını öğrenme aşamasında kendisi tespit ederse ve düzeltirse daha fazla katkı alır. Sırf öğreniyorum diye baştan sağma olmaya gerek yok.

Fena gitmemiş ama öğrenmesi gereken ve düzeltmesi gereken yerler mevcut. Başta responsive tasarım var.
Genişletmek için tıkla...

Hocam çok teşekkürler bir şekilde çözdüm. Diğer arkadaşın dediği gibi daha yeni öğreniyorum.
 
Artı 0 Eksi
Moderasyon Ekibi dedi:
Nasıl çözdünüz?
Genişletmek için tıkla...

Değiştireli iki gün oldu ama CSS'ini atabilirim.
CSS: 
.anamenu{
    background: #e8e8e8;
    text-align: right;
    padding-right: 50px;
}
.anamenu h3{
    display: inline-block;
    font-size: 45px;
    color: black;
    padding-left: 20px;   
}
.anamenu p{
    display: inline-block;
    border-left:1px solid #66b933;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 150px;
    color: #606060;
}
.anamenu a{
    width: 150px;
    height: 25px;
    padding-left: 10px;
    text-decoration: none;
    color: black;
    font-size: 20px;
}
.anamenu a:hover{
    color: #66b933;
 
Artı 0 Eksi
Çözüm

Benzer konular

herchell
HTML'de resmi yukarı kaydırmak
Mesaj
3
Görüntüleme
506
delikarga
delikarga
herchell
  • Soru
HTML'de yazı nasıl ortalanır?
Mesaj
5
Görüntüleme
2.158
kaan.w
K
Eşref Bey
HTML'de nasıl resim eklenir?
Mesaj
3
Görüntüleme
400
Eşref Bey
Eşref Bey
ZeusRum
  • Soru
HTML'de stil nasıl olusturulur?
Mesaj
6
Görüntüleme
466
adana lima
adana lima
Skysea45
  • Soru
HTML'de listeler nasıl yapılır?
Mesaj
3
Görüntüleme
1.644
Yeniçocuk
Yeniçocuk

Bu konuyu görüntüleyen kullanıcılar

Toplam: 2 (üye: 0, misafir: 2)

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı