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'> </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
HTML basic help
-
- Administrator
- Posts: 79521
- Joined: 16 Jan 2010, 00:14
- Status: Microsoft MVP
- Location: Wageningen, The Netherlands
Re: HTML basic help
There's a lot of superfluous HTML code in there.
Try this:
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
Hans
-
- NewLounger
- Posts: 8
- Joined: 23 Jul 2013, 02:02
Re: HTML basic help
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
-
- Administrator
- Posts: 79521
- Joined: 16 Jan 2010, 00:14
- Status: Microsoft MVP
- Location: Wageningen, The Netherlands
Re: HTML basic help
Here is a very simple example using a table.
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>
<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>
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
Hans
-
- NewLounger
- Posts: 8
- Joined: 23 Jul 2013, 02:02
Re: HTML basic help
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
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
-
- Administrator
- Posts: 79521
- Joined: 16 Jan 2010, 00:14
- Status: Microsoft MVP
- Location: Wageningen, The Netherlands
Re: HTML basic help
I'm not an expert in web design; I hope that someone else will be able to help you.
Best wishes,
Hans
Hans
-
- 3StarLounger
- Posts: 227
- Joined: 08 Feb 2010, 22:27
- Location: Mid-Cheshire, UK
Re: HTML basic help
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?Sal wrote:a very quick example of my task to share, http://nu.edu.pk/" onclick="window.open(this.href);return false;
-
- NewLounger
- Posts: 8
- Joined: 23 Jul 2013, 02:02
Re: HTML basic help
MalcolmWalker wrote: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?Sal wrote:a very quick example of my task to share, http://nu.edu.pk/" onclick="window.open(this.href);return false;
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.