What do you guys think?

View previous topic View next topic Go down

avatar
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>
avatar
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)
avatar
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?
avatar
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?
avatar
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.
avatar
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..
avatar
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.
avatar
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.
avatar
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.
avatar
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
avatar
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.
avatar
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
avatar
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.
avatar
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
avatar
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.
avatar
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