Discuss Scratch
- Reev0102
-
Scratcher
1000+ posts
HTML/CSS Topic
In this topic you can ask questions and someone will answer them for you.
Permitted languages:
If you want to discuss JS, go here: https://scratch.mit.edu/discuss/topic/459336
Permitted languages:
- HTML
- CSS
If you want to discuss JS, go here: https://scratch.mit.edu/discuss/topic/459336
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Basic Styled Webpage</title> <style> body { color: #aaa; font-family: "Consolas", monospace; } </style> </head> <body> <h1>Hello, World!</h1> </body> </html>
Last edited by Reev0102 (Oct. 8, 2021 16:20:02)
- mybearworld
-
Scratcher
1000+ posts
HTML/CSS Topic
I'm pretty sure <style> should go inside <head> tags. 

- mybearworld
-
Scratcher
1000+ posts
HTML/CSS Topic
Looks like the OP changed their mind on this xD
Last edited by mybearworld (Nov. 12, 2021 15:10:53)
- Reev0102
-
Scratcher
1000+ posts
HTML/CSS Topic
imaging writing formatted HTMLThat's part of my signature, and I don't get why you don't like formatted code.
bluergh
- Vaibhs11
-
Scratcher
1000+ posts
HTML/CSS Topic
how to like, keep all the tr children the same height while freestyle(auto)?
- airplanedodge
-
Scratcher
1000+ posts
HTML/CSS Topic
How do i style buttons in css so they look like this

im making something you can put on web sites which will get the instructions and notes/credits:

im making something you can put on web sites which will get the instructions and notes/credits:
- Vaibhs11
-
Scratcher
1000+ posts
HTML/CSS Topic
How do i style buttons in css so they look like this
im making something you can put on web sites which will get the instructions and notes/credits:
border-top-left-radius: 3px; border-top-right-radius: 3px;
- airplanedodge
-
Scratcher
1000+ posts
HTML/CSS Topic
thanks, but how do I resize and color them properly?How do i style buttons in css so they look like this
-image-
im making something you can put on web sites which will get the instructions and notes/credits:border-top-left-radius: 3px; border-top-right-radius: 3px;
- Vaibhs11
-
Scratcher
1000+ posts
HTML/CSS Topic
thanks, but how do I resize and color them properly?How do i style buttons in css so they look like this
-image-
im making something you can put on web sites which will get the instructions and notes/credits:border-top-left-radius: 3px; border-top-right-radius: 3px;
button { border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 5px; background-color: #eee; }
- kccuber
-
Scratcher
1000+ posts
HTML/CSS Topic
thanks, that's enough for me.thanks, but how do I resize and color them properly?How do i style buttons in css so they look like this
-image-
im making something you can put on web sites which will get the instructions and notes/credits:border-top-left-radius: 3px; border-top-right-radius: 3px;color changing on click requires JS but this is a HTML\CSS topicbutton { border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 5px; background-color: #eee; }
I can probably handle the color changing buttons on my own.
Last edited by kccuber (May 21, 2021 18:49:29)
- kccuber
-
Scratcher
1000+ posts
HTML/CSS Topic
Wait, that doesn't make it rounded. How do I make it rounded on the top?button { border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 5px; background-color: #eee; }
Edit: nvm.
yay we have progress though!

(yeah, i'm letting you see the crazy css, i'm going to move it to a stylesheet soon lol)
Last edited by kccuber (May 22, 2021 01:24:13)
- Reev0102
-
Scratcher
1000+ posts
HTML/CSS Topic
Wait, that doesn't make it rounded. How do I make it rounded on the top?If you're using different URLs for the Notes and Credits and Instructions, you could use
Edit: nvm.
yay we have progress though!
-img-
(yeah, i'm letting you see the crazy css, i'm going to move it to a stylesheet soon lol)
a:active { }
- kccuber
-
Scratcher
1000+ posts
HTML/CSS Topic
ok. i'm going to make a new topic for NoteFinder (that's what i named it) so i don't clutter this one with my stuff.Wait, that doesn't make it rounded. How do I make it rounded on the top?If you're using different URLs for the Notes and Credits and Instructions, you could use
Edit: nvm.
yay we have progress though!
-img-
(yeah, i'm letting you see the crazy css, i'm going to move it to a stylesheet soon lol)to check which tab is active.a:active { }