Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Wordpress Ek Css Tablo Yardımı

 13 Mesajlar 2.555 Okunma
lstbozum
tr.link

#1
ercorc ercorc Grafik Tasarımcı Kullanıcı
  • Üyelik 21.05.2018
  • Yaş/Cinsiyet 37 / E
  • Meslek Grafik Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad E** O**
  • Mesajlar 425
  • Beğeniler 145 / 145
  • Ticaret 20, (%95)
Arkadaşlar bu formu(1. Resim) https://gebeliko.com/gebelik-hesaplama nasıl aşağıdaki resim(2. Resim) haline getirebilirim. EK CSS düzeltebilecek bir arkadaş yardım edebilir mi?

Mevcut hali



yapmak istediğim




.fieldset{
display:flex;
justify-content:center;
padding-bottom:1em;
}

.fieldset input[type=button],
.fieldset input[type=reset]{
width:auto;
background:#ad134b;
color:#fff;
border:none;
border-radius:3px;
padding:6px 14px;
font-size:16px;
cursor:pointer;
}
.fieldset input[type=reset]{
margin-left:10px;
background:#fff;
border:2px solid #ad134b;
color:#ad134b;
}

.field {
position: relative;
width:100%;
margin-bottom:1em;
}
.fieldset .field+.field{
margin-left:1em;
}
.field label::before {
content: attr(title);
position: absolute;
top: -8px;
left: 10px;
line-height: 12px;;
font-size: 14px;
color: #777;
transition: 300ms all;
background:#fff;
padding:0 6px;

}
.field input, .field select {
width: 100%;
border-radius:3px;
border:1px solid #ccc;
font-size:14px;
line-height:1;
}
 

 

wmaraci
reklam

#2
ercorc ercorc Grafik Tasarımcı Kullanıcı
  • Üyelik 21.05.2018
  • Yaş/Cinsiyet 37 / E
  • Meslek Grafik Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad E** O**
  • Mesajlar 425
  • Beğeniler 145 / 145
  • Ticaret 20, (%95)
Güncel, yardım lütfen.
 

 

#3
mimarcan mimarcan Mimar Kullanıcı
  • Üyelik 11.01.2013
  • Yaş/Cinsiyet 40 / E
  • Meslek Mimar
  • Konum İstanbul Anadolu
  • Ad Soyad İ** Y**
  • Mesajlar 663
  • Beğeniler 1244 / 182
  • Ticaret 2, (%50)
Anladığım kadarıyla bir tek dışındaki çerçeve kalmış?
ercorc

kişi bu mesajı beğendi.

#4
rws rws WM Aracı Kullanıcı
  • Üyelik 23.10.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek kimyager
  • Konum İstanbul Anadolu
  • Ad Soyad E** B**
  • Mesajlar 666
  • Beğeniler 94 / 138
  • Ticaret 2, (%100)
bu şekilde yapamazsınız, önce formu class="field" li bir div içine alıp sonra

eklemelisiniz

bu label :: before elementine left:50% ve transform:translateX(-50%) eklemelisiniz

form ilk başta yanlış oluşturulmuş ta olabilir
 

 

wordpress-html-css-web işleri yapılır
wmaraci
wmaraci

#5
ercorc ercorc Grafik Tasarımcı Kullanıcı
  • Üyelik 21.05.2018
  • Yaş/Cinsiyet 37 / E
  • Meslek Grafik Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad E** O**
  • Mesajlar 425
  • Beğeniler 145 / 145
  • Ticaret 20, (%95)

mimarcan adlı üyeden alıntı

Anladığım kadarıyla bir tek dışındaki çerçeve kalmış?


evet hocam bir kaç hizalama ve dış tablo çok fazla css den anlamıyorum. sadece basit düzenlemeler yapabiliyorum, bunu yapamadım.
 

 

#6
ercorc ercorc Grafik Tasarımcı Kullanıcı
  • Üyelik 21.05.2018
  • Yaş/Cinsiyet 37 / E
  • Meslek Grafik Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad E** O**
  • Mesajlar 425
  • Beğeniler 145 / 145
  • Ticaret 20, (%95)

rws adlı üyeden alıntı

bu şekilde yapamazsınız, önce formu class="field" li bir div içine alıp sonra

eklemelisiniz

bu label :before elementine left:50% ve transform:translateX(-50%) eklemelisiniz

form ilk başta yanlış oluşturulmuş ta olabilir


hocam doğrudur ama bende o kadar da kodlama bilgisi yok :/
 

 

#7
rws rws WM Aracı Kullanıcı
  • Üyelik 23.10.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek kimyager
  • Konum İstanbul Anadolu
  • Ad Soyad E** B**
  • Mesajlar 666
  • Beğeniler 94 / 138
  • Ticaret 2, (%100)



içerikler



formu bu şekilde oluşturabiliyor musunuz, yada form eklerken forma class atayabiliyor musunuz
 

 

wordpress-html-css-web işleri yapılır

#8
ercorc ercorc Grafik Tasarımcı Kullanıcı
  • Üyelik 21.05.2018
  • Yaş/Cinsiyet 37 / E
  • Meslek Grafik Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad E** O**
  • Mesajlar 425
  • Beğeniler 145 / 145
  • Ticaret 20, (%95)

rws adlı üyeden alıntı




içerikler



formu bu şekilde oluşturabiliyor musunuz, yada form eklerken forma class atayabiliyor musunuz


Hocam, bu tablonun css leri ek css olarak girildi, tablonun kodları da sayfanın içine gömüldü. eğer müsaitseniz özelden panale bilgilerini atsam bakabilir misiniz?
 

 

#9
rws rws WM Aracı Kullanıcı
  • Üyelik 23.10.2012
  • Yaş/Cinsiyet 37 / E
  • Meslek kimyager
  • Konum İstanbul Anadolu
  • Ad Soyad E** B**
  • Mesajlar 666
  • Beğeniler 94 / 138
  • Ticaret 2, (%100)

ercorc adlı üyeden alıntı

Hocam, bu tablonun css leri ek css olarak girildi, tablonun kodları da sayfanın içine gömüldü. eğer müsaitseniz özelden panale bilgilerini atsam bakabilir misiniz?


form[name="dates"]{padding: 2rem 1rem; position: relative; border: 1px solid #333;}
form[name="dates"]::before {
content: "GEBELİK HESAPLAMA";
display: block;
top: 0;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
background: white;
padding: 1rem;
}

ekleyip dener misiniz
 

 

wordpress-html-css-web işleri yapılır

#10
ercorc ercorc Grafik Tasarımcı Kullanıcı
  • Üyelik 21.05.2018
  • Yaş/Cinsiyet 37 / E
  • Meslek Grafik Tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad E** O**
  • Mesajlar 425
  • Beğeniler 145 / 145
  • Ticaret 20, (%95)

rws adlı üyeden alıntı

form[name="dates"]{padding: 2rem 1rem; position: relative; border: 1px solid #333;}
form[name="dates"]::before {
content: "GEBELİK HESAPLAMA";
display: block;
top: 0;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
background: white;
padding: 1rem;
}

ekleyip dener misiniz


ek css'e ekliyorum doğru mudur?
 

 

HTML Bir Sitem De Menu Sorunu Yasiyorum Yardimci Ola Bilirmisiniz ?
İframe Hakkında Yardım
wmaraci
wmaraci
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al