Chatbox

You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 What do you guys think? on 7/3/2012, 8:44 pm

grimofdoom

avatar

Member
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>&nbsp; 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>

View user profile

2 Re: What do you guys think? on 9/3/2012, 10:29 pm

grimofdoom

avatar

Member
update:
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>  &nbsp;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)

View user profile

3 Re: What do you guys think? on 9/3/2012, 11:56 pm

Drogba921

avatar

Administrator
needs some improvement. Use DIV's?

View user profile http://www.codinghelp.org

4 Re: What do you guys think? on 9/3/2012, 11:57 pm

grimofdoom

avatar

Member
Divs for what?

View user profile

5 Re: What do you guys think? on 10/3/2012, 4:44 am

Vanilla990

avatar

Administrator
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.

View user profile

6 Re: What do you guys think? on 10/3/2012, 12:56 pm

grimofdoom

avatar

Member
ive never used divs before. Does it work the same way as tables or..

View user profile

7 Re: What do you guys think? on 10/3/2012, 1:08 pm

Vanilla990

avatar

Administrator
Similar to tables, it just means a bit more styling/css is needed to get them to look the way you want them to.

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.

View user profile

8 Re: What do you guys think? on 10/3/2012, 6:33 pm

grimofdoom

avatar

Member
I tried putting divs next to eachother but it ends up putting on under the other.

View user profile

9 Re: What do you guys think? on 11/3/2012, 5:07 am

Vanilla990

avatar

Administrator
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.

View user profile

10 Re: What do you guys think? on 11/3/2012, 10:22 am

Drogba921

avatar

Administrator
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

View user profile http://www.codinghelp.org

11 Re: What do you guys think? on 11/3/2012, 1:07 pm

grimofdoom

avatar

Member
i tried but it is very confusing how it talks about css. hard for me to understand.

View user profile

12 Re: What do you guys think? on 11/3/2012, 2:23 pm

Vanilla990

avatar

Administrator
If you would like some tutoring on using divs and css/styles, I would be willing to help you, free of charge of course Smile

View user profile

13 Re: What do you guys think? on 11/3/2012, 3:31 pm

grimofdoom

avatar

Member
I would like a tut please, CSS is alot more confusing than html.

View user profile

14 Re: What do you guys think? on 11/3/2012, 5:26 pm

Vanilla990

avatar

Administrator
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 Sad

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 Smile

View user profile

15 Re: What do you guys think? on 11/3/2012, 7:26 pm

grimofdoom

avatar

Member
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.

View user profile

16 Re: What do you guys think? on 11/3/2012, 8:33 pm

grimofdoom

avatar

Member
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>

View user profile

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum