I guess I'll just rename the index.php to some weird nameOriginally Posted by lu3mm3lHmm...maybe I'll try Phase 5, after I learn some more PHP, CSS, and HTML.
I guess I'll just have to Google itOriginally Posted by lu3mm3l
And I always thought it was way easier using Photoshop then building websites with notepad!Originally Posted by AnttiKi
I got a question how do I make a box round some thing in CSS, not a border but a box.
h1 {
box-color: red;
}
Like that maybe...? You don't got to explain, links would work to.
To make a box,
create new file called index.html and add this
[code:2flrqtgk]<html>
<head>
<title>H u g h s i e</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="container">
</div>
</body>
</html>[/code:2flrqtgk]
and then create a new file called style.css and put this in it
[code:2flrqtgk]body {
background-color: #9FD2FD;
}
#container {
height: 120%;
width: 80%;
background-color: #696969;
}[/code:2flrqtgk]
Then try putting this in the style.css to make it look a bit nicer
[code:2flrqtgk]body {
background-color: #9FD2FD;
}
#container {
height: 120%;
width: 80%;
background-color: #696969;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
opacity: .7;
filter: alpha(opacity=7);
}[/code:2flrqtgk]
and try using http://www.w3schools.com/ to learn how to code.
Thanks dude, but can't that be done just like this:Originally Posted by HughsieTo make a box,
create new file called index.html and add this
[code:3184msee]<html>
<head>
<title>H u g h s i e</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="container">
</div>
</body>
</html>[/code:3184msee]
and then create a new file called style.css and put this in it
[code:3184msee]body {
background-color: #9FD2FD;
}
#container {
height: 120%;
width: 80%;
background-color: #696969;
}[/code:3184msee]
Then try putting this in the style.css to make it look a bit nicer
[code:3184msee]body {
background-color: #9FD2FD;
}
#container {
height: 120%;
width: 80%;
background-color: #696969;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
opacity: .7;
filter: alpha(opacity=7);
}[/code:3184msee]
and try using http://www.w3schools.com/ to learn how to code.
[code:3184msee]
h1 {
background-color: red;
}
[/code:3184msee]
I was waiting for a reply on the forum, then asked Harmless in t2se chat. Figured it out, but I see you did all the work for me, thanks. I'm using this to learn CSS: http://www.w3schools.com/css/css_reference.asp. An d also how can I make the corners of the box around without using a image?
I don't think you can (or at least easily) make the corners round without using images sorry. But I'm 99% sure you can make the edges round by using A LOT of CSS, they way I think you could do it is make a line, then another line one pixel lower and one pixel wider.... on and on but image would be easier.
Other than w3school google is amazing and http://www.somacon.com/p142.php for colours.
Also make sure you learn HTML the correct way by validating your HTML a lot and use FireFox when coding (crap code looks great in Internet Explorer but good code looks **** in it).
You can do rounded corners in CSS3 (which is still in development) but the chances of that being supported by IE is likely as HarmLess getting into the Top 10. Oh yes, I went there.
However the rounded borders only works with Safari or Firefox right now.
border.html
[code:2xl9gc2a]<html>
<head>
<title>Rounded border</title>
<link rel="stylesheet" type="text/css" href="border.css"
</head>
<body>
<div id="rounded">This is a rounded border.</div>
</body>
</html>[/code:2xl9gc2a]
border.css
[code:2xl9gc2a]#rounded{
background:#ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #000;
padding:10px;
}[/code:2xl9gc2a]
From CCS3.info
As you see it can be done, the -webkit- and -moz- are CSS properties for Safari and Firefox respectively, eventually it'll just end up as border-radius and all browsers (except IE, probably) will support it.
