Quick html/css question

fustercluck

Diamond Member
Dec 29, 2002
7,402
0
71
I suck at html and all the other languages. Can't figure out how to get this round corner generator to show up right on my test site. Just came out with this

In related news, I'm good at designing things but not good at building websites from the ground up. Dabbled in creating websites for more than 10 years but never got to be any good at it. Brain does not compute. Any free program out there that would make it very simple for me to design a webpage and just be able to upload it and have it work without messing around with it too much? I've tried a lot of them and they're all pretty much the same.

Anyways...going to be trying to build a website in the next month or so. I've tried to make it before though and I always end up getting frustrated. What's a good message board to get help making websites? W3schools forums? Going to have a buttload of more questions in the near future I'm sure.
 

xanis

Lifer
Sep 11, 2005
17,571
8
0
The code is:

-moz-border-radius: __px; (FireFox)
-webkit-border-radius: __px; (Safari)

This does not work in IE, FYI.

As for tutorials, W3Schools is fantastic. I learned about 80% of what I know about CSS/HTML from that site. If you need any specific questions answered, you can send me a PM and I can try to help you out.
 
Last edited:

fustercluck

Diamond Member
Dec 29, 2002
7,402
0
71
The code is:

-moz-border-radius: __px; (FireFox)
-webkit-border-radius: __px; (Safari)

Now that I actually read your post I realize i don't know what you're talking about :D

Maybe I'll give squarespace a trial try, hope it's something different.
 

Kev

Lifer
Dec 17, 2001
16,367
4
81
You didn't follow all the steps listed on that site. You only copy and pasted the HTML code.

You need to add the CSS code they give you, either in the header or in an included css file.

Also you will need to download the png files
 

Aluvus

Platinum Member
Apr 27, 2006
2,913
1
0
what do I name the CSS file

Whatever you want. You will need to include it in the (currently non-existent) HEAD section of the HTML.

and what was that code xanis gave me?

CSS to do rounded corners using browser-specific capabilities, which you should not use.


Given that you seem to have very little familiarity with HTML or CSS, I would encourage you not to start by trying to implement things like rounded corners (which are still rather complicated to do right, and have largely fallen out of fashion anyway). It is much more effective to start with the basics and build from there. Or failing that, go to a service like Wordpress.com where you don't need any HTML or CSS knowledge.
 

fustercluck

Diamond Member
Dec 29, 2002
7,402
0
71
Man I'm turrrble at this stuff.

So what would the header be if the file name was css.txt (containing the CSS code)?
 

Snapster

Diamond Member
Oct 14, 2001
3,916
0
0
Man I'm turrrble at this stuff.

So what would the header be if the file name was css.txt (containing the CSS code)?

Either include it in the head of the page eg:

Code:
<html>
  <head>
    <style type="text/css">
     .rounded { 
         border-radius: 5px;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
      }
    </style>
  </head>
<body> .... goes here

Or include the file (which is also in the head), btw have the file extension as css not txt.

Code:
<html>
  <head>
     <link rel="stylesheet" type="text/css" href="/css/style.css" />
  </head>
  <body> .... goes here