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:
  • 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.
Reev0102
Scratcher
1000+ posts

HTML/CSS Topic

Last edited by Reev0102 (May 16, 2021 09:19:34)

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

Bump.
Reev0102
Scratcher
1000+ posts

HTML/CSS Topic

Bump!
Reev0102
Scratcher
1000+ posts

HTML/CSS Topic

Bump!
Vaibhs11
Scratcher
1000+ posts

HTML/CSS Topic

imaging writing formatted HTML
bluergh
Reev0102
Scratcher
1000+ posts

HTML/CSS Topic

Vaibhs11 wrote:

imaging writing formatted HTML
bluergh
That's part of my signature, and I don't get why you don't like formatted code.
Reev0102
Scratcher
1000+ posts

HTML/CSS Topic

Bump!
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:
Vaibhs11
Scratcher
1000+ posts

HTML/CSS Topic

airplanedodge wrote:

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

Vaibhs11 wrote:

airplanedodge wrote:

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;
thanks, but how do I resize and color them properly?
Vaibhs11
Scratcher
1000+ posts

HTML/CSS Topic

airplanedodge wrote:

Vaibhs11 wrote:

airplanedodge wrote:

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;
thanks, but how do I resize and color them properly?
button {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 5px;
background-color: #eee;
}
color changing on click requires JS but this is a HTML\CSS topic
kccuber
Scratcher
1000+ posts

HTML/CSS Topic

Vaibhs11 wrote:

airplanedodge wrote:

Vaibhs11 wrote:

airplanedodge wrote:

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;
thanks, but how do I resize and color them properly?
button {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 5px;
background-color: #eee;
}
color changing on click requires JS but this is a HTML\CSS topic
thanks, that's enough for me.
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

Vaibhs11 wrote:

button {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 5px;
background-color: #eee;
}
Wait, that doesn't make it rounded. How do I make it rounded on the top?
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

kccuber wrote:

Wait, that doesn't make it rounded. How do I make it rounded on the top?
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)
If you're using different URLs for the Notes and Credits and Instructions, you could use
a:active {
    
}
to check which tab is active.
kccuber
Scratcher
1000+ posts

HTML/CSS Topic

Reev0102 wrote:

kccuber wrote:

Wait, that doesn't make it rounded. How do I make it rounded on the top?
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)
If you're using different URLs for the Notes and Credits and Instructions, you could use
a:active {
    
}
to check which tab is active.
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.
Reev0102
Scratcher
1000+ posts

HTML/CSS Topic

Bump bump bumpity bump

Powered by DjangoBB