HTML basic help

Sal
NewLounger
Posts: 8
Joined: 23 Jul 2013, 02:02

HTML basic help

Post by Sal »

I am new to html, working on improving intranet. Here is my code, What I want in output on my screen it should come like this

Information .......... /////(heading)
* Response file

I dont want any empty lines between both rows, but when I run this code it creates empty rows and then prints Response file like this, how to fix that.

Information


* Response file


Code/

<!DOCTYPE html>
<html>
<body>

<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="96%"
style='border-collapse:collapse'>
<tr style='height:12.4pt'>
<td width="7%" nowrap style='width:7.76%;background:white;padding:1.4pt 2.85pt 0in 0in;
height:12.4pt'>
<p class=MsoNormal><span style='font-size:8.0pt;color:black'><img
width=29 height=29 id="Picture 2"

src="website"></span></p>
</td>
<td width="87%" style='width:87.5%;border:none;border-bottom:solid #C4BC96 1.0pt;
background:#FFEAA0;padding:0in 2.85pt 0in 5.65pt;height:12.4pt'>
<p class=MsoNormal><span class=tableheading><span lang=DE
style='font-size:12.0pt;font-family:"Futura Medium";color:#4A442A'>
Information</span></span></p>

</td>
</tr>

<tr style='height:85.4pt'>
<td width="99%" colspan=3 style='width:99.0%;padding:0in 11.35pt 0in 5.65pt;
height:85.4pt'>
<p class=MsoNormal><span lang=FR style='font-size:4.0pt;color:#003366'>&nbsp;</span></p>
<p class=MsoNormal style='margin-left:2.85pt'><span style='font-size:
8.5pt;color:windowtext'><img width=6 height=8 id="Picture 3"
src="website" alt="*"></span><span lang=FR
style='font-size:8.5pt;color:windowtext'> </span><span lang=FR
style='font-size:8.5pt;color:windowtext'><a
href="website"
target="_blank">Resp<span lang=EN-GB>o</span>nse File</a> </span></p>

</body>
</html>


Thanks
Sal
Top
User avatar
HansV
Administrator
Posts: 78437
Joined: 16 Jan 2010, 00:14
Status: Microsoft MVP
Location: Wageningen, The Netherlands

Re: HTML basic help

Post by HansV »

There's a lot of superfluous HTML code in there.
Try this:

Code: Select all

<!DOCTYPE html>
<html>
<body>

<table border=0 cellspacing=0 cellpadding=0 width="96%" style='border-collapse:collapse'>
<tr>
<td width="7%">
<p><img width=29 height=29 id="Picture 2" src="website"></p>
</td>
<td width="87%" style='width:87.5%;border:none;border-bottom:solid #C4BC96 1.0pt;
background:#FFEAA0;padding:0in 2.85pt 0in 5.65pt;height:12.4pt'>
<p><span class=tableheading><span style='font-size:12.0pt;font-family:"Futura Medium";color:#4A442A'>
Information</span></span></p>
</td>
</tr>
<tr >
<td width="99%" colspan=3 style='width:99.0%;padding:0in 11.35pt 0in 5.65pt;>
<p style='margin-left:2.85pt'><span style='font-size:8.5pt;color:windowtext'>
<img width=6 height=8 id="Picture 3" src="website" alt="*">
<a href="website" target="_blank">Response File</a></span></p>
</tr>
</table>
</body>
</html>
Best wishes,
Hans
Top
Sal
NewLounger
Posts: 8
Joined: 23 Jul 2013, 02:02

Re: HTML basic help

Post by Sal »

HansV wrote:There's a lot of superfluous HTML code in there.
Try this:

Code: Select all

<!DOCTYPE html>
<html>
<body>

<table border=0 cellspacing=0 cellpadding=0 width="96%" style='border-collapse:collapse'>
<tr>
<td width="7%">
<p><img width=29 height=29 id="Picture 2" src="website"></p>
</td>
<td width="87%" style='width:87.5%;border:none;border-bottom:solid #C4BC96 1.0pt;
background:#FFEAA0;padding:0in 2.85pt 0in 5.65pt;height:12.4pt'>
<p><span class=tableheading><span style='font-size:12.0pt;font-family:"Futura Medium";color:#4A442A'>
Information</span></span></p>
</td>
</tr>
<tr >
<td width="99%" colspan=3 style='width:99.0%;padding:0in 11.35pt 0in 5.65pt;>
<p style='margin-left:2.85pt'><span style='font-size:8.5pt;color:windowtext'>
<img width=6 height=8 id="Picture 3" src="website" alt="*">
<a href="website" target="_blank">Response File</a></span></p>
</tr>
</table>
</body>
</html>



Thanks Hans, it really solved. Just to add up here, Can you also help me,

1. How I do column based coding, like in my actual work I have list of headings as mentioned, and below it are hyperlinks. Like here, "Information" and "Survey" are my headings and below that are relevant document links.

Can you highlight how can do that in Html, that Survey falls in same row but some distance apart. and can you also mention in which line you added that, so I can build from there and change accordingly.

Information    Survey
• Contacts    Assessments
• List     Monthly report

2. How can I align, like just below the I of Information should be Response/Contact starting?

Thanks
Sal
Top
User avatar
HansV
Administrator
Posts: 78437
Joined: 16 Jan 2010, 00:14
Status: Microsoft MVP
Location: Wageningen, The Netherlands

Re: HTML basic help

Post by HansV »

Here is a very simple example using a table.

Code: Select all

<!DOCTYPE html>
<html>
<body>

<table width=100%>
  <tr>
    <td width=30%>
      Information
    </td>
    <td width=70%>
      Survey
    </td>
  </tr>
  <tr>
    <td width=30%>
      Contacts
    </td>
    <td width=70%>
      Assessments
    </td>
  </tr>
  <tr>
    <td width=30%>
      List
    </td>
    <td width=70%>
      Monthly Report
    </td>
  </tr>
</table>

</body>
</html>
Here is the same HTML code interspersed with comments (A line <!-- ... --> is a comment, it will not be displayed in the browser)

Code: Select all

<!DOCTYPE html>
<html>
<body>

<!-- Start a full-width table -->
<table width=100%>
  <!-- Start a new row -->
  <tr>
    <!-- Start a cell, width 30% of the table -->
    <td width=30%>
      Information
    <!-- End of cell -->
    </td>
    <!-- Start a second cell in the same row -->
    <td width=70%>
      Survey
    <!-- End of cell -->
    </td>
  <!-- End of row -->
  </tr>
  <tr>
    <!-- Start a cell, width 30% of the table -->
    <td width=30%>
      Contacts
    <!-- End of cell -->
    </td>
    <!-- Start a second cell in the same row -->
    <td width=70%>
      Assessments
    <!-- End of cell -->
    </td>
  <!-- End of row -->
  </tr>
  <!-- Start a new row -->
  <tr>
    <!-- Start a cell, width 30% of the table -->
    <td width=30%>
      List
    <!-- End of cell -->
    </td>
    <!-- Start a second cell in the same row -->
    <td width=70%>
      Monthly Report
    <!-- End of cell -->
    </td>
  <!-- End of row -->
  </tr>
<!-- End of table -->
</table>

</body>
</html>
Best wishes,
Hans
Top
Sal
NewLounger
Posts: 8
Joined: 23 Jul 2013, 02:02

Re: HTML basic help

Post by Sal »

Hi Hans,

Your feedback really helped start up well in Html. Building on to that using html only, I have a very quick example of my task to share, http://nu.edu.pk/" onclick="window.open(this.href);return false; (this is just a sample website I am working to learn basics for my actual preparation of Intranet page) when you look at the main page it has menu like Admissions and students. I am pretty okay with creating Admission link and further links below that using table., Now I have two questions,
1. When I put admission schedule, Degree Program etc as seen there, it didn come exactly below the Admissions tab. Like its not properly aligned to left. How can I do that as put more rows?
2. when I am done preparing Admissions tab, I have to go to Students tab as in the webpage, and I have to start placing next data there, and populating below that. How can I move around select that location on screen and insert further data where I want. Or what other easy approach I can take to work in scenario like that?

Any additional basic help will be highly appreciated.

Thanks
Sal
Top
User avatar
HansV
Administrator
Posts: 78437
Joined: 16 Jan 2010, 00:14
Status: Microsoft MVP
Location: Wageningen, The Netherlands

Re: HTML basic help

Post by HansV »

I'm not an expert in web design; I hope that someone else will be able to help you.
Best wishes,
Hans
Top
User avatar
MalcolmWalker
3StarLounger
Posts: 227
Joined: 08 Feb 2010, 22:27
Location: Mid-Cheshire, UK

Re: HTML basic help

Post by MalcolmWalker »

Sal wrote:a very quick example of my task to share, http://nu.edu.pk/" onclick="window.open(this.href);return false;
The URL http://nu.edu.pk/" onclick="window.open(this.href);return false; doesn't open in Firefox or Internet Explorer - is the URL valid?
Top
Sal
NewLounger
Posts: 8
Joined: 23 Jul 2013, 02:02

Re: HTML basic help

Post by Sal »

MalcolmWalker wrote:
Sal wrote:a very quick example of my task to share, http://nu.edu.pk/" onclick="window.open(this.href);return false;
The URL http://nu.edu.pk/" onclick="window.open(this.href);return false; doesn't open in Firefox or Internet Explorer - is the URL valid?

HI Malcolm, @any.

It could be maybe because the link was down, but hereby I have attached the snapshot of exactly the same page. I am reposting the same question.

When you look at the main page it has menu like Admissions and students. I am pretty okay with creating Admission link and further links below that using table., Now I have two questions,
1. When I put Degree verification, Calendar etc as seen there in students section, it didn come exactly below the Students tab. Like its not properly aligned to left in straight line. How can I do that as put more rows?
2. when I am done preparing Student tab, I have to go to University tab as in the webpage, and I have to start placing next data there, and populating below that. How can I move around select that location on screen and insert further data where I want. Or what other easy approach I can take to work in scenario like that?

Any additional basic help will be highly appreciated.

Thanks
Sal
You do not have the required permissions to view the files attached to this post.
Top

Return to “Web Development”