Responzivnost prvků – CSS – Fórum – Programujte.com

Dobrý den,

	#option
	{
	 	left:20%;
	 	top:40%;
	 	position:absolute;
		width:35%;
		height:35%;
		background-color: green;
	}

jak je z kódu vidět, tak option se velikostně přizpůsobuje šírce a výšce prohlížeče. To mi celkem vyhovuje, ale chtěl jsem mít tento option kulatý(border-radius), ale nevím jakou hodnotu tam dát, protože okno má proměnou šířku. Zkoušel jsem nastavit 35% ale je to takový divný elipso-obdelník.

Dá se to nějak pořešit aby to bylo vždu kulaté nebo u nastavování přes procenta nejde? Díky

javascriptem

35% znamena, ze vodorovny ramecek pouzije 35% sirky pro radius a horizontalni zase 35% vysky :)

#2 peter
ok. nějaká nápovědka jak na to?? :)

javascriptem. Co na tom potrebujes dal napovidat? Google to jisti. Zjistis si sirku prvku, vysku prvku, vyberes mensi z rozmeru a z neho vypocitas procenta na px a pro radius nastavis obe hodnoty v px obe stejne. Pak bude tvar kruznice a ne elipsa. To snad v js umi napsat kazdy.

Kdezto ted to dela to, ze pro hoorni oblouk pouzije sirka * 35%, pri 1000px je to 350px a pro 100px vysku je bocni oblouk 35px. Povazoval bych to za normalni chovani. Mozna v css3 jde nastavit typ oblouku kruh, kde si to sam prepocita, jak jsem popsal postup pro js. Opet bych te odkazal na google. Ja to nepouzivam, takto.

Nebo tam napevno nastav v css px. To bych udelal ja. Treba 15px radius.