Tinkering room for Lord-Orochi

a room for you to use to for coding practice....... I'm cheating

 
 
Lord-Orochi 4 years ago
I will know as soon as I figure out what I'm going to attempt.
KingNavi [A] 4 years ago
Let me know if I helped
Lord-Orochi 4 years ago
Ok.
KingNavi [A] 4 years ago
Negative is more left
Lord-Orochi 4 years ago
Does negative there make it more left or more right?
KingNavi [A] 4 years ago
Left and Right can be situated with just the margin-left
Lord-Orochi 4 years ago
And for the left and right?
KingNavi [A] 4 years ago
Yes, if its with the margin
Lord-Orochi 4 years ago
Negative numbers mean up?
And positive means down?
KingNavi [A] 4 years ago
@Lord-Orochi Circles are made by increasing the border around a image by 100% but it only works if the height and width are the same. Lines are either high width and low height or vice versa.
Lord-Orochi 4 years ago
@KingsRight I think I'll attempt a family tree.... How do I make circles and lines?
KingNavi [A] 4 years ago
@Lord-Orochi Okay, I will have more to show you then!
Lord-Orochi 4 years ago
@KingsRight Ah okay... I will fix in morning.... Didn't realize it was this late.
KingNavi [A] 4 years ago
@Lord-Orochi This one: <div style="float:left;height:120px;width:310px;overflow:auto;background-color:#444;margin-top:-450px;margin-left:25px;opacity:.7;border-radius:20px 20px 20px 20px;">
Lord-Orochi 4 years ago
This
style="width:500px;height:480px;border-radius:80px 80px 80px 80px;" />

Or this
<div style="width:500px;height:400px;margin:auto;">
KingNavi [A] 4 years ago
It will help you out if you remove that overflow.
Lord-Orochi 4 years ago
Yea
KingNavi [A] 4 years ago
See that line of code, just under the image tag?
KingNavi [A] 4 years ago

<div style="width:500px;height:400px;margin:auto;">
<div style="width:400px;height:400px;border-radius:80px 80px 80px 80px;border:1px solid #000;float:left;background-color:#000;padding:0px;"><img alt="" src="https://i.imgur.com/24PhPK7.gif" style="width:500px;height:480px;border-radius:80px 80px 80px 80px;" />
<div style="float:left;height:120px;width:310px;overflow:auto;background-color:#444;margin-top:-450px;margin-left:25px;opacity:.7;border-radius:20px 20px 20px 20px;">
<div style="float:left;height:100px;width:300px;overflow:auto;font-size:9px;font-family:'Helvetica Neue';text-align:justify;text-transform:lowercase;color:#fff;line-height:10px;margin-top:5px;margin-left:7px;letter-spacing:1px;">
<div style="overflow:auto;height:100px;width:300px;float:left;">
<div style="overflow:hidden;height:100px;width:300px;">
<div style="float:left;height:100px;width:300px;">
KingNavi [A] 4 years ago
Well, it looks fine to me but you can't scroll down like you want. Don't worry I have more advice.
KingNavi [A] 4 years ago
Did you see it? Its looks so cool now!
Lord-Orochi 4 years ago
Looks fine one mobile but looks crappy on laptop.
KingNavi [A] 4 years ago
@Lord-Orochi No, I don't call it cheating. Anyway, to fix the scrollbars you need to just change the first overflow thing-y to hidden.
Lord-Orochi 4 years ago
The cheating? Lol
KingNavi [A] 4 years ago
@Lord-Orochi Meaning I think I know how you can fix it!
KingNavi [A] 4 years ago
I saw what you did there!
KingNavi [A] 4 years ago
You can always fix it if you comeback with a clear mind.
Lord-Orochi 4 years ago
And.... I give up for now
KingNavi [A] 4 years ago
Yes, I saw that. Just adjust the tag with the overflow:auto in it and it should go away.
Lord-Orochi 4 years ago
And now it has a scroll bar..

Comments

You must be logged in to comment.

There are no comments yet
Log in to view all comments and replies