i am working on a html page without using css or anything special

Question

1.00/5 (1 vote)

See more:

i got a work from the college the college professor gave this yesterday , so i want to finish it today i am so close to it the problem is this

XML

<html>
<head>
<title>
Pakistan-Wikipedia The Free encycolopedia </title>
</head>
<body>
<!body background="bck.png">

<tr>
<table border="1">
<table bgcolor="grey">
<img src="wiki.jpg" width="150" height="100" >
<th> Wikipedia
<br>
 The free encycolopedia </th>

 <table color="lightgrey">
 <hr>

 <table align=right bgcolor="lightblue"> <td><h3> Islamic Republic Of Pakistan</h3> <br> <h4>Islami Jumhuriya Pakistan</h4> <hr>
 <br> <img src="flag.svg.png" width="80" height="50" ><a href="http://www.google.com"/>Flag</a> <pre>  </pre><img src="coat.jpg" width="80" height="50" > <a href="http://www.google.co.uk" />Emblem </a>
 <br>
 <hr> <br> <strong> MOTTO:</strong>Unity Faith Discipline<sup>[1]</sup> <br> <i> Iman, Ittehad , Tanzeem </i>
 <hr> <br> <b>Anthem</b> Qaumi Taraana
 <br>
 <object type="audio/mp3"data="http://dc237.4shared.com/img/880484289/2ada61ff/dlink__2Fdownload_2FadOEv-Fy_3Ftsid_3D20120306-130716-362c0917/preview.mp3" width="240" height="70" autoplay="true" />
 <param name="src" value="http://dc237.4shared.com/img/880484289/2ada61ff/dlink__2Fdownload_2FadOEv-Fy_3Ftsid_3D20120306-130716-362c0917/preview.mp3"  />
<param name="autoplay" value="true" />
</object>
<hr>
<img src="map.png" width="200" height="150" >
<br>
Area constituting Pakistan in dark green;<br> claimed but uncontrolled territory in light green
 <hr>

 </td>
 </tr>









<tr>

<table border="1">
<table bgcolor="lightgrey">
<td>

<a href="http://en.wikipedia.org/wiki/Main_Page" />
 Main Page
 </a>
<br>
<a href="http://en.wikipedia.org/wiki/Portal:Contents"  />
contents
</a>
<br>
 <a href="http://en.wikipedia.org/wiki/Portal:Featured_content" />
 Featured Contents
 </a>
 <br>
 <a href="http://en.wikipedia.org/wiki/Portal:Current_events" />
Current Events
</a>
<br>
<a href="http://en.wikipedia.org" />
Random Articles
</a>
<br>
<a href="https://donate.wikimedia.org/w/index.php?title=Special:FundraiserLandingPage&country=PK&uselang=en&utm_medium=sidebar&utm_source=donate&utm_campaign=C12_en.wikipedia.org" />
Donate To Wikipedia
<hr> </a>
 <br>
 <img src="icon.png" width="12" height="10" >
 Iteractions
 <br>
 <a href="http://en.wikipedia.org/wiki/Help:Contents" />
 Help
 </a>
 <br>
<a href="http://en.wikipedia.org/wiki/Wikipedia:About" />
About Wikipedia
</a>
<br>
<a href="http://en.wikipedia.org/wiki/Wikipedia:Community_portal" />
 Community Portal
</a>
<br>
<a href="http://en.wikipedia.org/wiki/Special:RecentChanges" />
Recent changes
</a>
<br>
<a href="http://en.wikipedia.org/wiki/Wikipedia:Contact_us" />
Contact Wikipedia
</a>
<hr>
<br>
<img src="icon2.png" width="12" height="10" >
<a href="http://en.wikipedia.org/wiki/Pakistan#" />
Tool BOX
</a>
<hr>
<br>
<img src="icon2.png" width="12" height="10" >
<a href="http://en.wikipedia.org/wiki/Pakistan#" />
Print/Export
</a>
<hr>
<br>
<img src="icon.png" width="12" height="10">
Languages
<br>
<a href="http://ace.wikipedia.org/wiki/Pakistan" />
 Acèh
 </a>
 <br>
 <a href="http://kbd.wikipedia.org/wiki/%D0%9F%D0%B0%D0%BA%D0%B8%D1%81%D1%82%D1%8D%D0%BD" />
 AАRUSiA
 </a>
 <br>
 <a href="http://af.wikipedia.org/wiki/Pakistan" />
 Afrikaans
 </a>
 <br>
 <a href="http://als.wikipedia.org/wiki/Pakistan" />
 Alemannisch
 </a>

 </td>
 </tr>
   <tr>

  <table border=0  width=800 height=60 align=center>
 <td><strong> Pakistan</strong> <hr> <b>From</b> Wikipedia The free Encyclopedia
 <br>
 <strong> Pakistan </strong> ,offically the <strong> Islamic Republic of Pakistan </strong>is a sovereign country in <a href="https://www.bscs2k12.site50.net"/> South Asia</a>. With a population exceeding<a href="https://www.bscs2k12.site50.net"/> 180 million people</a>, it is the sixth<a href="https://www.bscs2k12.site50.net"/> most populous</a> country in the world. Located at the crossroads of the strategically important regions of South Asia, Central Asia and Western Asia, Pakistan has a 1,046-kilometre (650 mi) coastline along<a href="https://www.bscs2k12.site50.net"/> the Arabian Sea </a>and the<a href="https://www.bscs2k12.site50.net"/> Gulf of Oman</a> in the south and is bordered by<a href="https://www.bscs2k12.site50.net"/> India </a>to the east,<a href="https://www.bscs2k12.site50.net"/> Afghanistan</a> to the west and north,<a href="https://www.bscs2k12.site50.net"/> Iran</a> to the southwest and<a href="https://www.bscs2k12.site50.net"/> China</a> in the far northeast. It is separated from<a href="https://www.bscs2k12.site50.net"/> Tajikistan</a> by Afghanistan's narrow<a href="https://www.bscs2k12.site50.net"/> Wakhan Corridor</a> in the north, and also shares a<a href="https://www.bscs2k12.site50.net"/> marine border</a> with<a href="https://www.bscs2k12.site50.net"/> Oman</a>.
<br>
The territory of modern Pakistan was home to several ancient cultures, including the Neolithic <a href="https://www.bscs2k12.site50.net"/>Mehrgarh</a> and the Bronze Age <a href="https://www.bscs2k12.site50.net"/>Indus Valley Civilisation</a>, and has undergone invasions or settlements by <a href="https://www.bscs2k12.site50.net"/>Hindu,Persian,Indo-Greek,Islamic,Turco-Mongol,Afghan</a> and <a href="https://www.bscs2k12.site50.net"/>Sikh</a> cultures. The area has been ruled by numerous empires and dynasties, including the <a href="https://www.bscs2k12.site50.net"/>Indian Mauryan Empire</a>, <a href="https://www.bscs2k12.site50.net"/>the Persian Achaemenid Empire</a>, the <a href="https://www.bscs2k12.site50.net"/>Arab Umayyad Caliphate</a>, the <a href="https://www.bscs2k12.site50.net"/>Mongol Empire</a>, the <a href="https://www.bscs2k12.site50.net"/>Mughal Empire</a>, the <a href="https://www.bscs2k12.site50.net"/>Durrani Empire</a>, the <a href="https://www.bscs2k12.site50.net"/>Sikh Empire</a> and the <a href="https://www.bscs2k12.site50.net"/>British Empire</a>. As a result of the<a href="https://www.bscs2k12.site50.net"/> Pakistan Movement</a> led by<a href="https://www.bscs2k12.site50.net"/> Muhammad Ali Jinnah</a> and<a href="https://www.bscs2k12.site50.net"/> India's struggle for independence</a>, Pakistan was<a href="https://www.bscs2k12.site50.net"/> created in 1947</a> as an independent nation for Muslims from the regions in the east and west of India where there was a Muslim majority. Initially a<a href="https://www.bscs2k12.site50.net"/> dominion</a>, Pakistan adopted a new<a href="https://www.bscs2k12.site50.net"/> constitution</a> in 1956, becoming an<a href="https://www.bscs2k12.site50.net"/> Islamic republic</a>. A<a href="https://www.bscs2k12.site50.net"/> civil war</a> in 1971 resulted in the secession of<a href="https://www.bscs2k12.site50.net"/> East Pakistan</a> as the new country of<a href="https://www.bscs2k12.site50.net"/> Bangladesh</a>.



</td>
</tr>
 <tr>
 <table border="1">
 <table bgcolor="lightgrey">
<td>


 </td>
</tr>


</body>
</html>

Now what i need is to be exactly look like this one
http://imageshack.us/photo/my-images/29/84399130800968930281532.jpg[^]

Posted 5-Feb-13 0:45am

jahanxb

Updated 5-Feb-13 0:54am

Zoltán Zörgő

v2

Add a Solution

Comments

Zoltán Zörgő 5-Feb-13 6:55am

Good, than do it! It is your homework, not ours. Learn, try, struggle, to earn your diploma!

Ankur^\m/ 5-Feb-13 7:13am

[moved from direct comment]
jahanxb - 14 mins ago
bro i just need a little push as the text is below the table i tried a lot to adjust it but still got problems with that

Matthew Faithfull 5-Feb-13 6:58am

If I do your homework for you then your professor will have to give me the marks and you'll get 0. If you want it to look exactly like an existing page then you'll need to copy the source of the existing page. The strength of HTML is that it only has 2 things, layout and content. The weakness is that it mixes them together.

Ankur^\m/ 5-Feb-13 7:13am

[moved from direct comment]
jahanxb - 12 mins ago
yes that's the problem i am facing .. now any solutions for this problem come on friends it took me an hour to make the page but it wasted my 2 hours in finding the solution of this problem :( and still i am not successfull

Ankur^\m/ 5-Feb-13 7:15am

Use the 'Reply' link on a comment to reply the that comment. Hitting 'Have a Question/Comment' link will not notify the commenter and thus your comment/question may go unnoticed.
For now I have moved it for you.

jahanxb 5-Feb-13 7:20am

thanks i 'll keep that in mind :)

jahanxb 5-Feb-13 7:19am

http://imageshack.us/photo/my-images/41/closeq.jpg/
i can't get anymore close from this but i want it to be 100% perfect

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Ankur^\m/ · Accepted Answer · 2013-02-05T01:29:00

Solution 1

Download and install Firebug[^], a Firefox plugin (also available for other browsers). You can then play with the layout of your site. Check the styles of the source site and copy as required in your site. Here are a couple of links that will help your learn how you would do it:
Firebug: CSS Development[^]
Firebug and CSS Layout[^]

Hope this helps!

Posted 5-Feb-13 1:29am

Ankur^\m/

Comments

jahanxb 5-Feb-13 7:38am

well sir you have the best solution , but i can't use any CSS tool , it's like a challenge and this thing should done be like that :|

Ankur^\m/ 5-Feb-13 7:48am

It's like you have to draw something with your eyes closed.
Well my friend, unless you see how you are drawing, you will not be able to draw a perfect (and correct) picture.
Moreover by asking someone to fine tune it, you have already surrendered to the challenge.
I have a suggestion - do not copy the styles then. Just use the tool to see how a certain style will effect the look. This way you will also learn more about how a certain style element affect the UI.

jahanxb 9-Feb-13 10:14am

problem solved here is the solution :

<html>
<head>
<title>
Pakistan-Wikipedia The Free encycolopedia </title>
</head>
<body>
<!body background="bck.png">

<tr>
<table border="1">
<table bgcolor="grey">
<img src="wiki.jpg" width="150" height="150" >
<th> Wikipedia
<br>
The free encycolopedia </th>

<table color="lightgrey">

Islamic Republic Of Pakistan

<br>

Islami Jumhuriya Pakistan

<br> <img src="flag.svg.png" width="150" height="90">Flag<p><img src="coat.jpg" width="150" height="90">Emblem
<br>

<br> MOTTO:Unity Faith Discipline^[1] <br> Iman, Ittehad , Tanzeem

<br> Anthem Qaumi Taraana
<br>
<object type="audio/mp3"data="http://dc237.4shared.com/img/880484289/2ada61ff/dlink__2Fdownload_2FadOEv-Fy_3Ftsid_3D20120306-130716-362c0917/preview.mp3" width="240" height="70" autoplay="true" />
<param name="src" value="http://dc237.4shared.com/img/880484289/2ada61ff/dlink__2Fdownload_2FadOEv-Fy_3Ftsid_3D20120306-130716-362c0917/preview.mp3" />
<param name="autoplay" value="true" />
</object>

<img src="map.png" width="200" height="150" >
<br>
Area constituting Pakistan in dark green;<br> claimed but uncontrolled territory in light green

</td>
</tr>

<tr>

<table border=1 align=left>
<table bgcolor="lightgrey">
<td>

Main Page

</td>
<!/tr>
<tr>

<!table border=1 align=left>
<!table bgcolor="lightgrey">
<td>
<br>

contents

<br>

Featured Contents

<br>

Current Events

<br>

Random Articles

<br>

Donate To Wikipedia

<br>
<img src="icon.png" width="18" height="15" >
Iteractions
<br>

Help

<br>

About Wikipedia

<br>

Community Portal

<br>

Recent changes

<br>

Contact Wikipedia

<br>
<img src="icon2.png" width="18" height="15" >

Tool BOX

<br>
<img src="icon2.png" width="18" height="15" >

Print/Export

<br>
<img src="icon.png" width="18" height="15">
Languages
<br>

Acèh

<br>

AАRUSiA

<br>

Afrikaans

<br>

Alemannisch

</td>
<td bgcolor=white>

<table border=0 width=800 height=60 align=center>
<td> Pakistan

From Wikipedia The free Encyclopedia
<br>
Pakistan ,offically the Islamic Republic of Pakistan is a sovereign country in South Asia. With a population exceeding