Can someone please tell my why my style stretching?
How come on here it measures 26px height
http://testblogty678.blogspot.com/
Here it’s 24px height?
<div style="display:block;width: 88px; height: 24px; cursor: pointer; background-color:#ffffff; color:#000000;
border-left: 89px solid #00ffff;border-right: 89px solid #ff00ff;border-radius: 50px; "></div>
is it really 26px or is it 24px with 3px or 4px of white space below it?
Your style isn’t stretching. It is still just 24px tall as ordered.
Then how come it reads 26 on blogger?
And on jsfiddle it reads 24px
Why is it stretching, or, what is causing it to stretch?
Based on your observations, it looks like a peculiarity with Blogger, although I didn’t see it myself… I saw and measured 24px. It does look like the white space above the third, fourth, and fifth rows of square=thingys is shorter than desired in Blogger, so those last 3 rows are out of alignment.
Never mind, I forgot to reset zoom.
Just think of it as one of those serendipitous events that tells you that changes in font size will screw up the layout of the page.
1 Like
Back to this question now cause I can’t solve it, and it needs solving.
Update:
I was just able to get the 2nd code to the right side to be at margin 0,now it’s just with both of them, after clicking on the [div] keeping the margin at margin 0 so the bottom doesn’t drop down. http://testblogty678.blogspot.com/
Question:
When I click on both codes, the bottom part drops down, how do I fix it so it doesn’t drop down. How do I have 0 margin after the div is clicked?
[image]
[image]
<a href="" style="display:block; margin: -50px 0px 0 54px;width: 50px; height: 5…
ronpat
July 1, 2016, 5:00am
10
Go back to @coothead ’s reply to that very question in another thread.
it didn’t do anything, you can see the code active on my page, it’s not doing anything, on either of the codes.
Don’t you see that I have it set here: http://testblogty678.blogspot.com/ Display block?
This is the very last thing, and then I’m done with it.
I’m looking at this, should I be looking at something else for a solution?
http://www.w3schools.com/cssref/pr_class_position.asp
ronpat
July 1, 2016, 5:34am
15
You should not be considering position:absolute as any part of a solution to your box-things problems.
We have given you code that works perfectly, so it should be clear that nothing as pointless as absolute:positioning would be needed. You already have been given everything that you need several times over.
Did you hear me now?
1 Like
ronpat
July 1, 2016, 5:36am
16
No, I cannot see any HTML or CSS. I have never used Blogspot before. It does not work well with Firefox with adblocker and noscript installed, so I fall back and view your stuff with Chrome.
1 Like
Line 1007 view page source. That’s the one in the middle.
I just posted the full code here too.
Update:
I was just able to get the 2nd code to the right side to be at margin 0,now it’s just with both of them, after clicking on the [div] keeping the margin at margin 0 so the bottom doesn’t drop down. http://testblogty678.blogspot.com/
Question:
When I click on both codes, the bottom part drops down, how do I fix it so it doesn’t drop down. How do I have 0 margin after the div is clicked?
[image]
[image]
<a href="" style="display:block; margin: -50px 0px 0 54px;width: 50px; height: 5…
ronpat
July 1, 2016, 5:52am
19
It looks like you posted the link to Blogspot again .
What part of English do you not understand?
I think I finally figured out how to read and troubleshoot this Blogstuff.
Learned something.
ronpat:
Learned something.
At least somebody’s getting something out of all of this…
3 Likes