Page 1 of 3 123 LastLast
Results 1 to 10 of 25

Thread: HTML question

  1. #1

    Default HTML question


    Guyz how will i code this in notepad if i want this kind of division/table....teacher hasnt discuss it yet but i want to use tr an td tags to enhance my project...but having trouble making the sizes of each cell.....i want it to look just like this




    any help would be appreciated

  2. #2
    Elite Member
    Join Date
    Aug 2008
    Posts
    1,053
    Blog Entries
    1
    Assignment ^^

    <table border="1" width="750" height="600">
    <tr>
    <td width="200" height="50">&nbsp;</td>
    <td height="50">&nbsp;</td>
    </tr>
    <tr>
    <td width="200" height="100">&nbsp;</td>
    <td rowspan="4">&nbsp;</td>
    </tr>
    <tr>
    <td width="200" height="100">&nbsp;</td>
    </tr>
    <tr>
    <td width="200" height="100">&nbsp;</td>
    </tr>
    <tr>
    <td width="200" height="250">&nbsp;</td>
    </tr>
    </table>
    for the width you can use %... eg. 75%

  3. #3
    you can always use DIV, if you wan't your HTML a little lighter. But.....table is a popular choice!

    Spoiler: alternative DIV Solution 

    Spoiler: CSS 

    Code:
    #maincontainer {
    	float: left;
    	margin: 0 auto;
    	width: 100%;
    }
    
    #leftcol {
    	margin: 1px 2px 1px 2px;
    	float: left;
    	width: 20%;
    }
    
    #rightcol {
    	margin: 1px 2px 1px 2px;
    	float: left;
    	width: 79%;
    }
    
    div.head {
    	margin: 1px;
    	float: left;
    	width: 100%;
    	height: 50px;
    	border: 1px solid #000;
    }
    
    div.smallbox {
    	margin: 1px;
    	float: left;
    	width: 100%;
    	height: 100px;
    	border: 1px solid #000;
    }
    
    #medbox {
    	margin: 1px;
    	float: left;
    	width: 100%;
    	height: 250px;
    	border: 1px solid #000;
    }
    
    #bigbox {
    	margin: 1px;
    	float: left;
    	width: 100%;
    	height: 562px;
    	border: 1px solid #000;
    }

    Spoiler: HTML 

    Code:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>Another Assignment Post</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" type="text/css" href="styles.css"/>
    
    </head>
    <body>
    <div id="maincontainer">
    	<div id="leftcol">
    		<div class="head"></div>
    		<div class="smallbox"></div>
    		<div class="smallbox"></div>
    		<div class="smallbox"></div>
    		<div id="medbox"></div>
    	</div>
    	<div id="rightcol">
    		<div class="head"></div>
    		<div id="bigbox"></div>
    	</div>
    </div>
    </body>
    </html>

    Last edited by ChaosOrb; 12-08-2008 at 05:06 PM.

  4. #4
    Elite Member
    Join Date
    Aug 2008
    Posts
    1,053
    Blog Entries
    1
    you can use DIV along with CSS... but DIV requires to learn some time than learning tables... if you want to design some layout properly then you can try DIV though sometimes it overlaps if not properly handle.

  5. #5
    Hala! any idea unsaon ni sya pag create using DIV's on CSS? pwede mangayo ug examples? hehehehe!

  6. #6
    just visit w3schools or ask pareng google.... read some tutorials and then try it asap para makuha nimo ang result.

    cheers

  7. #7
    Quote Originally Posted by bishop__ View Post
    Hala! any idea unsaon ni sya pag create using DIV's on CSS? pwede mangayo ug examples? hehehehe!
    try to look above for my DIV example, or you could ask w3schools to teach you.
    Last edited by ChaosOrb; 12-09-2008 at 01:32 PM.

  8. #8
    we should only give him suggestions on how to approach the problem, not write the code for him. hayahaya no...


  9. #9
    Quote Originally Posted by maddox22 View Post
    we should only give him suggestions on how to approach the problem, not write the code for him. hayahaya no...

    I got a suggestion... Use the internet and sweat a little. hehehe, how's that?

  10. #10
    Quote Originally Posted by maddox22 View Post
    we should only give him suggestions on how to approach the problem, not write the code for him. hayahaya no...

    It's like this, you give him the code, and direct them where/how to make the code.

    We are just following the teaching of Jesus Christ, you don't always give a man in order to live, you give him a fish and teach him how to fish for his sustenance.

    We gave him the code, for him to start learning, and gave him where to find resources in order for him to learn the crafts of the trade. Just like what Jesus Christ said.

  11.    Advertisement

Page 1 of 3 123 LastLast

Similar Threads

 
  1. Html code question.
    By Gh0st1234 in forum Websites & Multimedia
    Replies: 10
    Last Post: 01-14-2013, 03:44 PM
  2. 5 Questions Every Man Dreads -- and Why
    By tikboy in forum "Love is..."
    Replies: 43
    Last Post: 03-04-2012, 01:40 PM
  3. A Question on Guys who dump girls
    By SweetCatEyes in forum "Love is..."
    Replies: 247
    Last Post: 05-24-2011, 09:50 AM
  4. Replies: 59
    Last Post: 05-05-2009, 10:00 PM
  5. How To Ask Questions The Smart Way
    By $dbpasswd in forum Support Center
    Replies: 14
    Last Post: 02-03-2006, 06:19 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
about us
We are the first Cebu Online Media.

iSTORYA.NET is Cebu's Biggest, Southern Philippines' Most Active, and the Philippines' Strongest Online Community!
follow us
#top