What do you guys think?

View previous topic View next topic Go down

grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 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>&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>
grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 9/3/2012, 7:29 pm

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)
Mike
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 9/3/2012, 8:56 pm

needs some improvement. Use DIV's?
grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 9/3/2012, 8:57 pm

Divs for what?
Vanilla990
Vanilla990
Administrator
Forum Posts : 114
Member Since : 2011-10-30
View user profile

PostVanilla990 on 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.
grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 10/3/2012, 9:56 am

ive never used divs before. Does it work the same way as tables or..
Vanilla990
Vanilla990
Administrator
Forum Posts : 114
Member Since : 2011-10-30
View user profile

PostVanilla990 on 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.

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.
grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 10/3/2012, 3:33 pm

I tried putting divs next to eachother but it ends up putting on under the other.
Vanilla990
Vanilla990
Administrator
Forum Posts : 114
Member Since : 2011-10-30
View user profile

PostVanilla990 on 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.
Mike
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 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
grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 11/3/2012, 11:07 am

i tried but it is very confusing how it talks about css. hard for me to understand.
Vanilla990
Vanilla990
Administrator
Forum Posts : 114
Member Since : 2011-10-30
View user profile

PostVanilla990 on 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 Smile
grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 11/3/2012, 1:31 pm

I would like a tut please, CSS is alot more confusing than html.
Vanilla990
Vanilla990
Administrator
Forum Posts : 114
Member Since : 2011-10-30
View user profile

PostVanilla990 on 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 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
grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 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.
grimofdoom
grimofdoom
Member
Member
Forum Posts : 106
Member Since : 2012-03-06
View user profile

Postgrimofdoom on 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

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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