Scratch
archived forums
#26 2012-10-08 21:49:08
Re: I'm creating some basic HTML.
soupoftomato wrote:
I'm making the most 90s website I can. All deprecated, all the time.
Code:
<!DOCTYPE html> <html> <head> <title>Quest to learn HTML</title> </head> <body> <center> <body bgcolor="7401DF" text="FF0000"> <h1>Quest to learn HTML</h1> <img src="http://www.angelfire.com/ar2/guitar/electric_guitar_rotate_md_clr.gif" alt="CAN'T SHOW IMAGE"><img src="http://www.angelfire.com/ar2/guitar/electric_guitar_rotate_md_clr.gif" alt="CAN'T SHOW IMAGE"><img src="http://www.angelfire.com/ar2/guitar/electric_guitar_rotate_md_clr.gif" alt="CAN'T SHOW IMAGE"><img src="http://www.angelfire.com/ar2/guitar/electric_guitar_rotate_md_clr.gif" alt="CAN'T SHOW IMAGE"> <p>Hello!</p> </center> <font size=1> <h1 align = left>The coolest links on the net below:</h1> <font size=2> <a href="http://peanutbutterjellytime.net/">It's PEANUT BUTTER JELLY TIME!</a><img src="http://peanutbutterjellytime.net/peanut-butter-jelly-time.gif" alt="CAN'T SHOW IMAGE"> </body> </html>
Why not use tables an image spacers too? 
And for the matter, use background IMAGES.
Last edited by MathWizz (2012-10-08 21:49:52)
Offline
#27 2012-10-08 21:49:44
- veggieman001
- Scratcher
- Registered: 2010-02-20
- Posts: 1000+
Re: I'm creating some basic HTML.
needs no doctype and some dorky comments and more comic sans ;o
also make the bgcolor bright green and the text like blue
Last edited by veggieman001 (2012-10-08 21:50:24)
Posts: 20000 - Show all posts
Offline
#28 2012-10-08 21:50:29
- jji7skyline
- Scratcher
- Registered: 2010-03-08
- Posts: 1000+
Re: I'm creating some basic HTML.
Using tables for formatting is soooo old school HTML 
Btw, <!DOCTYPE html> is HTML5 so you should remove that and add something really old.
I don't know why you say goodbye, I say hello!
Offline
#29 2012-10-09 01:58:29
- Gravitation
- New Scratcher
- Registered: 2012-09-26
- Posts: 500+
Re: I'm creating some basic HTML.
mythbusteranimator wrote:
How do you make a <div> bg color a gradient? I can't find where to put the code.
You'd need this style:
Code:
#yourdivid {
background-image: linear-gradient(bottom, rgb(80,80,80) 0%, rgb(50,50,50) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(80,80,80) 100%, rgb(50,50,50) 100%);
background-image: -moz-linear-gradient(bottom, rgb(80,80,80) 100%, rgb(50,50,50) 100%);
background-image: -o-linear-gradient(bottom, rgb(80,80,80) 100%, rgb(50,50,50) 100%);
background-image: -ms-linear-gradient(bottom, rgb(80,80,80) 100%, rgb(50,50,50) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(50,50,50)),
color-stop(1, rgb(80,80,80))
);
}You can also use a class. Change all the 80,80,80 values to the color you want at the top, and the 50,50,50 values to the color at the bottom. 
Offline
#30 2012-10-09 08:23:16
- mythbusteranimator
- Scratcher
- Registered: 2012-02-28
- Posts: 1000+
Re: I'm creating some basic HTML.
Gravitation wrote:
mythbusteranimator wrote:
How do you make a <div> bg color a gradient? I can't find where to put the code.
You'd need this style:
Code:
#yourdivid { background-image: linear-gradient(bottom, rgb(80,80,80) 0%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(80,80,80) 100%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(80,80,80) 100%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(80,80,80) 100%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(80,80,80) 100%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(50,50,50)), color-stop(1, rgb(80,80,80)) ); }You can also use a class. Change all the 80,80,80 values to the color you want at the top, and the 50,50,50 values to the color at the bottom.
So is that style the class code, or do I copy/paste all of that into the <div style "balhbalhbal">
clicky
Offline