Posts: 5,793
Threads: 268
Joined: Sep 2010
Reputation:
85
The main page is pretty basic, it's just an image with some html link text centered on a bg color of #000000.
(08-05-2011, 08:42 PM)probmxer00 Wrote: Doesn't title supposed to be
Or am i just in the old days?
Code: <html>
<h>Heading here</h>
</html>
(08-05-2011, 08:46 PM)probmxer00 Wrote: Oh, lol
My mistake, I think HTML5 changed a lot of people's minds.
No it would be h1, h2, h3, etc... That's not an update in HTML5 either, that was standard in previous HTML too.
You need a favicon as well.
Try incorporating a referenced CSS style into the mix, it's not good at all to be putting all the color and font formatting into the html. Also look into some meta tags.
If you need help with this, just ask
Posts: 20
Threads: 0
Joined: Jul 2011
Reputation:
0
Your site is not working...
Posts: 5,793
Threads: 268
Joined: Sep 2010
Reputation:
85
08-06-2011, 02:42 AM
(This post was last modified: 08-06-2011, 03:25 AM by AceInfinity.)
(08-06-2011, 12:15 AM)williamjacks123 Wrote: Your site is not working...
it's up now, it could have been your internet connection timing out
Why do you have a font tag around an image? And the font tag around your links won't do anything, you have to change the link css. Also bold, and strong tags around the same text is unnecessary. You also don't need <h1> tags around your image either.
Try something like this.
Your index.html:
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="Random, keywords, go, here" />
<meta name="description" content="Site description goes here" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Unknown Network</title>
<link rel="shortcut icon" href="favicon.ico">
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header">
<div id="logo">
<img src="http://i.imgur.com/SB1xs.png" />
</div>
</div>
<div id="links">
<h1>Below Is A List Of My Files</h1>
<a href="http://www.scanner.theunknownnetwork.com">URL Scanner</a>
<br />
<a href="http://www.youtube.theunknownnetwork.com">Youtube To MP3 Convertor</a>
<br />
<a href="http://www.proxy.theunknownnetwork.com">Proxy Project</a>
<br />
</div>
<br />
<br />
<div id="page_content">
<strong><u>More will be added soon!</u></strong>
</div>
<div id="footer">
<p>
Created by <a href="http://www.supportforums.net/member.php?action=profile&uid=4546">Ace</a> - 2011
</p>
</div>
</body>
</html>
Your style.css page:
Code: a:link {
color:#FFFFFF;
text-decoration:none;
}
a:visited {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
color:#00CCFF;
text-decoration:underline;
}
a:active {
color:#FFFFFF;
}
body {
margin-top: 0px; /*set all the way to top*/
background: #000; /*define the background*/
text-align: center; /*IE centering*/
min-width: 500px; /*minimum width allowed*/
width: auto; /*auto center*/
}
h1 {
color: #FFFFFF;
}
div#header {
height: 125px; /*Set the height of the header area*/
width: 1100px; /*Width*/
margin-top: 10px;
margin-left: auto; /*------ centering --------*/
margin-right: auto; /*------ centering --------*/
}
/* You can change margin-left and right to make it left justified in case you want a menu */
div#logo {
position: relative;
margin-left: auto;
margin-right: auto;
width: inherit;
}
div#page_content {
width: auto;
color: #00CCFF;
background: #000000;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
padding-left: 75px;
padding-right: 75px;
}
div#footer {
color: #CCCCCC;
text-align: center;
font-size:11px;
}
div#footer a { color:#CCCCCC }
div#footer a:hover { color:#eeeeee; }
Posts: 2,216
Threads: 187
Joined: Jul 2011
08-06-2011, 06:34 AM
(This post was last modified: 08-06-2011, 06:41 AM by BreShiE.)
I have font tags and h1 tags around the image? o_O
I didn't know that, I'll go fix that now and add in the meta tags, one sec.
The reason why the <h1> and <font> tags were around the image is because that didn't used to be an image, it used to be text. So I guess I forgot to take them out.
The reason why I had the font tag around the link is because I used to have <li> tags next to them, and I did it to make the bulletpoints white, I fixed it now though.
Posts: 5,793
Threads: 268
Joined: Sep 2010
Reputation:
85
08-06-2011, 07:05 AM
(This post was last modified: 08-06-2011, 07:05 AM by AceInfinity.)
Links are still a bit dark lol. Try out the "site" I put together for you in my previous post before yours:
http://www.supportforums.net/showthread....#pid227288
Everything will work if you copy/paste the codes I've provided for you in creating the "style.css" file and the "index.html" file.
Posts: 2,216
Threads: 187
Joined: Jul 2011
I've done that now, it looks quite nice, but you can't tell that it's a link.
Posts: 5,793
Threads: 268
Joined: Sep 2010
Reputation:
85
08-06-2011, 07:25 AM
(This post was last modified: 08-06-2011, 07:28 AM by AceInfinity.)
(08-06-2011, 07:21 AM)BreShiE Wrote: I've done that now, it looks quite nice, but you can't tell that it's a link.
You had font tags around your links for some reason with the font color set to white (#FFFFFF) so I assumed you wanted that? lol
Edit: Where's my Underline style for the link hover?
Edit2: Dont use <h2> use <h1> I have <h1> set in the CSS
You only copied part of my web page code out lol. If you want to see how it looks first, create the two files. And preview the html file in your web browser directly from your computer.
Posts: 2,216
Threads: 187
Joined: Jul 2011
08-06-2011, 07:32 AM
(This post was last modified: 08-06-2011, 07:34 AM by BreShiE.)
Oh yeah, let me go edit that now, wow I'm so tired I can't believe I missed that out.
I've added all the CSS code now, but I can't see anything different to what It already had?
Posts: 5,793
Threads: 268
Joined: Sep 2010
Reputation:
85
The full CSS is completely set up for your site if you have the same div id's as the ones I have in my html template/code i've written for you
Posts: 2,216
Threads: 187
Joined: Jul 2011
I'll fix it all up tomorrow, when I'm less tired, I didn't have a very good night last night, didn't sleep well, plus I'm about to go out.
|