« first day (3100 days earlier)      last day (688 days later) » 

6:17 PM
@Ram hey
@Rana yeah, radial gradients (and gradients in general) are pretty powerful
@Feeds heh
Yeah, that is a good way to seem mysterious
Everyone loves a redacted file
 
6:37 PM
@TylerH the fiddle you provided jsfiddle.net/mjt14w5z makes the button breaks when its text has larger size . How to cope with that
 
Depends on if you know the size of the text ahead of time
the example I gave was just based on the content provided in the post without taking into consideration the fact that text could be dynamic
 
ohh then how will the code change in both scenarios when we know size and when we don't
 
You could set padding-left to something like 3% or 5% (e.g. a small percentage instead of a relatively larger fixed/absolute value): jsfiddle.net/L3egypo1
 
posted on October 25, 2021

New Cyanide and Happiness Comic

 
6:54 PM
Nice the solution was display:flex to label with hold the radio and text together . But what should I do when I want button to be on right side of text
Do I have to use position: absolute or row-reverse with a container @TylerH . Or anything that you would use
 
@Rana you can set display: flex on the container to turn the label and the input into flex items, remove the padding-right, and change the order using the order property
Hmm, well actually that puts the radio button outside
 
Any suggestion on this too as you pointed out that it will put it outside @TylerH
 
Do you need display: flex? That kind of makes it pretty tricky
If you do, then wrapping the input in the label may be the better solution there
(or if you need the radio buttons on the right)
Given the more traditional design of the radio buttons on the left though, it's simpler to keep the method I mentioned earlier IMHO rather than using the label as a wrapper
or, wrap each label and input element into its own div, and then wrap all those div wrappers into a main wrapper
With subwrappers flex becomes workable again
With subwrappers you can also simply the order declaration: jsfiddle.net/q5wchfb4/1
 
7:17 PM
Thanks @TylerH a lot for such a nice explanation and explaining me patiently .Thanks a lot
 
No problem
"simply" above should also read "simplify"...
 
One last question @TylerH , I use a lot of wrapper(div,span) around elements . Do this cause something in process like content will be slowly processed or take load when using lot wrappers . Or some other side effects o this
 
@Rana No not really. You would need to have many, many, many more wrappers to make a difference in load speed. The main slowdown in wrapper-itis is when you are trying to work with the code after the fact... you apply something to one of the wrappers only to find out you need to make a change to a wrapper one level up (or down)
For that reason it's strongly recommended you never have a wrapper around a single element... if you have a wrapper div, there should be at least two other elements inside it.
 
>it is when you are trying to work with the code after the fact... you apply something to one of the wrappers only to find out you need to make a change to a wrapper one level up (or down) . Can you tell about this line a little more @TylerH
 
7:33 PM
So take this example: jsfiddle.net/q05hk3ga see how many div wrappers there are? There are many sites out there that really look like that
often because of lazy programming or because they use sub-par IDEs that inject a knew div wrapper any time you make a change
If you applied div { display: flex; padding-right: 3%; } there, you'd hit every single div with those properties
so you have to be a lot more careful/specific when it comes to how you style things
 
Thanks a lot again @TylerH . Have a great day ahead
 
8:11 PM
No prob, you too
 

« first day (3100 days earlier)      last day (688 days later) »