HomeWhat do you guys think?
Page 1 of 1 • Share
- grimofdoom
Member
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 7/3/2012, 5:44 pm
What do you guys think of this basic html webpage i made?(it is very basic and has no good pictures for bg yet.)
- Code:
<head> <title=Home> </head> <body background=http://i42.tinypic.com/iyljt2.png>
<!--Title and line across-->
<table valign=center align=center width=75% cellspacing=0 cellpadding=0> <tr> <td title=title background=http://i42.tinypic.com/144nbd.png width=100% colspan=3><h1> Home</h1> </td> </tr><tr><td colspan=3 ><hr></td></tr> <tr> <td bgcolor=lightblue width=10% title=Menu>
<!--Menu-->
<b>Menu</b><br><br><br><table cellpadding=0 cellspacing=0 border=0><tr><td bgcolor=orange>First Category</td></tr><tr><td bgcolor=lightblue><ul><li>Link One</li><li>Link Two</li><li>Link Three</li></td></tr><tr><td bgcolor=orange>Category two</td></tr><tr><td bgcolor=lightblue><ul><li>Link One</li><li>Link Two</li><li>Link Three</li></td></tr></table></td>
<!--Page Contents-->
<td width=90% bgcolor=lightblue title=Contents valign=top><font size=10>Welcome</font><br> Welcome to the homepage.This is were the main contents of the page goes</td></tr><tr>
<!--Footer/copyright-->
<td colspan=3 title=Footer><center>This is were you would put the footer and copyrights</center></td></tr></table>
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 9/3/2012, 7:29 pm
update:
^^^^^^^^^This one is based off of a more fun look and standing on ground(shade on ground)
- Code:
<html><head><link rel="shortcut icon" href="http://photos-h.ak.fbcdn.net/photos-ak-snc1/v85006/137/131843490260213/app_2_131843490260213_6630.gif"> </head> <body bgcolor="lightgrey">
<!--Title and line across-->
<table border="0" valign="center" align="center" width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td rowspan="1" colspan="1" background="http://i43.tinypic.com/o7jatc.png" width="1%" height="20"></td><td width="98%" background="http://i42.tinypic.com/52dpo7.png" height="20" colspan="3"></td><td height="20" background="http://i44.tinypic.com/np5fmf.png" width="1.4%"></td></tr><tr><td colspan="1" rowspan="5" width="1.9%" background="http://i44.tinypic.com/5v6837.png"></td><td valign="center" align="left" bgcolor="darkblue" width="96%" colspan="3"><h1> Title</h1> </td><td rowspan="5" background="http://i41.tinypic.com/2py27hg.png" width="20"></td> </tr><tr><td colspan="2">
<!--Menu-->
</td></tr><tr><td colspan="2"><table height="40" width="100%" bgcolor="darkblue" cellpadding="0" cellspacing="0" border="0" valign="center"><tbody><tr><td width="50" onmouseover="this.bgColor='blue'" onmouseout="this.bgColor='darkblue'" bgcolor="darkblue"><font size="5">link 1</font></td><td width="50" onmouseover="this.bgColor='blue'" onmouseout="this.bgColor='darkblue'" bgcolor="darkblue"><font size="5">link 2</font></td><td width="50" onmouseover="this.bgColor='blue'" onmouseout="this.bgColor='darkblue'" bgcolor="darkblue"><font size="5">link 3</font></td><td width="50" onmouseover="this.bgColor='blue'" onmouseout="this.bgColor='darkblue'" bgcolor="darkblue"><font size="5">link 4</font></td><td width="60%"></td></tr></tbody></table></td></tr><tr>
<!--Page Contents-->
<td width="820" bgcolor="white" valign="top" height="450"></td></tr><tr>
<!--Footer/copyright-->
<td colspan="3" bgcolor="darkblue"><center>Copyrights/footer</center></td></tr><tr><td width="1.9%" background="http://i39.tinypic.com/spwthc.png" height="25"></td><td background="http://i39.tinypic.com/s498v7.png" height="25" colspan="3" width="96%"></td><td width="20" height="25" background="http://i39.tinypic.com/21b41t0.png"></td></tr></tbody></table>
</body></html>
^^^^^^^^^This one is based off of a more fun look and standing on ground(shade on ground)
- Mike
Administrator - Forum Posts : 446
Member Since : 2011-10-28 -
Mike 9/3/2012, 8:56 pm
needs some improvement. Use DIV's?
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 9/3/2012, 8:57 pm
Divs for what?
- Vanilla990
Administrator - Forum Posts : 114
Member Since : 2011-10-30
Vanilla990 10/3/2012, 1:44 am
Drogba means use divs for the content instead of using tables. Tables are rarely used on websites these days because they don't offer as much customisation and because divs can be used more efficiently instead.
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 10/3/2012, 9:56 am
ive never used divs before. Does it work the same way as tables or..
- Vanilla990Administrator
- Forum Posts : 114
Member Since : 2011-10-30
Vanilla990 10/3/2012, 10:08 am
Similar to tables, it just means a bit more styling/css is needed to get them to look the way you want them to.
That is how simple the code is to create a box of a certain dimension with a background colour. Adding background images is just as easy and you can even set images to repeat in directions as well.
- Code:
<div style="height:200;width:300px;background-color:#006699;"></div>
That is how simple the code is to create a box of a certain dimension with a background colour. Adding background images is just as easy and you can even set images to repeat in directions as well.
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 10/3/2012, 3:33 pm
I tried putting divs next to eachother but it ends up putting on under the other.
- Vanilla990Administrator
- Forum Posts : 114
Member Since : 2011-10-30
Vanilla990 11/3/2012, 3:07 am
It will do that because the width is set to 100% by default, so it will take up the entire line and push the next div below it. This can be solved by using a bit of styling to set width's and positions.
- MikeAdministrator
- Forum Posts : 446
Member Since : 2011-10-28 -
Mike 11/3/2012, 8:22 am
Divs will end up using a CSS Style sheet or Style tag... If you dont know how to use them you should look it up on w3schools:
http://www.w3schools.com/tags/tag_div.asp
http://www.w3schools.com/tags/tag_div.asp
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 11/3/2012, 11:07 am
i tried but it is very confusing how it talks about css. hard for me to understand.
- Vanilla990Administrator
- Forum Posts : 114
Member Since : 2011-10-30
Vanilla990 11/3/2012, 12:23 pm
If you would like some tutoring on using divs and css/styles, I would be willing to help you, free of charge of course 
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 11/3/2012, 1:31 pm
I would like a tut please, CSS is alot more confusing than html.
- Vanilla990Administrator
- Forum Posts : 114
Member Since : 2011-10-30
Vanilla990 11/3/2012, 3:26 pm
I'm going to be on a trip for the next few days so I won't have time to check here until mid week 
If you can add a reply mentioning the sort of things you would like to learn with divs/css/styling I'll read it and then help you to understand them and be able to use them when I get back
If you can add a reply mentioning the sort of things you would like to learn with divs/css/styling I'll read it and then help you to understand them and be able to use them when I get back
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 11/3/2012, 5:26 pm
well, after today i will not have access to my laptop, since it is being taken away. though, the only thing i need to know is how to place divs right next to eachother.
- grimofdoomMember
- Forum Posts : 106
Member Since : 2012-03-06
grimofdoom 11/3/2012, 6:33 pm
nvm, i finally figured it out:
- Code:
<head>
<style type="text/css">
.side{float:left;width:10%;background-color:blue;height:100%}
.center{float:left;width:80%;background-color:red;height:100%}
</style></head><body>
<div class=side>Testing</div><div class=center>center</div><div class=side>testing</div></body>
- Sponsored content
Sponsored content
Similar topics
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum|
|
|