html css hakkında 2 tane sorum var

07-12-2021, 10:53:36

instagram login screen yapıyorum 2 tane sorum olcak birincisi biz div açıyoruz divin içerisinde bulunan inputları nasıl yerini tutturuyoruz tam ortaya nasıl oturtabiliriz
ikincisi yaptığım login screen sonuçta 1 ana divden oluşuyo bunu instagram login screendeki gibi sayfanın tam ortasına veya ortasının biraz sağına nasıl yapıştırabilirim yani genel bir soru ama bir div oluşturduğumda bir form olsun vs bunları sitelerde yerine nasıl yerleştirebilirim

creative kısmı tamam orasını hallediyoruz ama yerleştirmeyi bir türlü çözemedim
css flexboxu yeni yeni öğreniyorum bunun dışında position ile alakalı olduğunu düşünüyorum ama fikrinizi öğrenmem gerek

07-12-2021, 10:55:57

#2

Devaloper

Position ile yerleşim yapmak biraz sorunlu bir yöntem olduğu için genellikle önerilmez hocam. Flexbox yapısını doğru kullanarak ve margin ekleyerek istediğinizi yapmanız mümkün.

07-12-2021, 10:56:56

#3

SAMATO

Devaloper adlı üyeden alıntı: mesajı görüntüle

Position ile yerleşim yapmak biraz sorunlu bir yöntem olduğu için genellikle önerilmez hocam. Flexbox yapısını doğru kullanarak ve margin ekleyerek istediğinizi yapmanız mümkün.

positionu single page yaparken kullanmak mantıklı olabilir mi hocam

07-12-2021, 10:57:36

#4

DenqeSiz

input ana divine

display flex

justify content center

align items center

top 50%

left 50%

diyip sayfayı ortalayabilirsin

yani ek olarak transform 50% yapabilirsin

07-12-2021, 10:57:52

#5

Devaloper

SAMATO adlı üyeden alıntı: mesajı görüntüle

positionu single page yaparken kullanmak mantıklı olabilir mi hocam

Her türlü sayfada kullanılabilir hocam ancak başka türlü yapılması mümkünken positiona başvurmamak gerekir. Sebebi de farklı ekranlarda, farklı görüntülere sebep olabilmesidir.

07-12-2021, 10:57:58

#6

shentaweb

Wordpress

İnsta script yapacaksın herhalde

Login page html css çıktısını al direkt ekle sitene

07-12-2021, 11:02:25

#7

SAMATO

DenqeSiz adlı üyeden alıntı: mesajı görüntüle

input ana divine

display flex

justify content center

align items center

top 50%

left 50%

diyip sayfayı ortalayabilirsin

yani ek olarak transform 50% yapabilirsin

sökmedi position absolute ile rastgele kullanım yaparak yapabildim

Devaloper adlı üyeden alıntı: mesajı görüntüle

Her türlü sayfada kullanılabilir hocam ancak başka türlü yapılması mümkünken positiona başvurmamak gerekir. Sebebi de farklı ekranlarda, farklı görüntülere sebep olabilmesidir.

bütün ekranlarla uyumlu olması açısından flexbox mecburi yani doğrumu anladım hocam

shentaweb adlı üyeden alıntı: mesajı görüntüle

İnsta script yapacaksın herhalde

Login page html css çıktısını al direkt ekle sitene

linkedin'de proje portföyü olarak eklemeyi düşünüyorum iş başvuruları için işe yarar diye ondan steal yapmaktansa elle yapıp öğrenmeye çalışıyom hocam

07-12-2021, 11:04:12

#8

Devaloper

SAMATO adlı üyeden alıntı: mesajı görüntüle

sökmedi position absolute ile rastgele kullanım yaparak yapabildim

bütün ekranlarla uyumlu olması açısından flexbox mecburi yani doğrumu anladım hocam

linkedin'de proje portföyü olarak eklemeyi düşünüyorum iş başvuruları için işe yarar diye ondan steal yapmaktansa elle yapıp öğrenmeye çalışıyom hocam

Hocam position ile yapmasına yaparsın ancak bu işin ideali bu değildir. Ayrıca portfolyonuza koyacaksanız hiç olmaz.

07-12-2021, 11:06:16

#9

SAMATO

Devaloper adlı üyeden alıntı: mesajı görüntüle

Hocam position ile yapmasına yaparsın ancak bu işin ideali bu değildir. Ayrıca portfolyonuza koyacaksanız hiç olmaz.

ha anladım
peki divlerin içerisindeki inputları vs yani oluşturucağım contentin yerini nasıl ayarlayabilirim
ondada position attım ben paddingte baktım tutmuyor dedim position ile koyayım büyük dive absolute onun altındaki inputların barındığı dive relative koydum