Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 409
  • Last Modified:

HTML/CSS Page Headers

I am using vb code in .NET to write an HTML table. It works great except I need the "Company Name" is on the top of every page.   Right now the company name is at the beginning and the underlying table extends over multiple pages. I've tried Thead and it doesn't work. Is is VB? Is it IE?  I've attached the css file I'm using. THis is a test app so no commenting about bad technique. It works except for showing a header every page.

Thanks
Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        Dim _connectionString As String
        Dim sqlCmd As String
        Dim conn As New ADODB.Connection
       Dim rec As New ADODB.Recordset
 
        _connectionString = "Driver={SQL Server};Server=MYSERVER;Database=MYDBN;Trusted_Connection=yes;"
        
        sqlCmd = "SELECT  FormulaName, FormulaCode,Company  FROM Formula "
        conn.ConnectionString = _connectionString
        conn.Open()
        rec.Open(sqlCmd, conn, ADODB.CursorTypeEnum.adOpenStatic)
        Response.Write("<LINK REL='stylesheet' TYPE='text/css' media='print,screen'>")
        Response.Write("<H1 class='company' >" & rec(2).Value.ToString & "</H1><p>")
        Response.Write("<table class='contacts' cellspacing='0' summary='Contacts template'><tr>")
        Response.Write("<thead><tr><th>" & rec(2).Value.ToString & "</th></tr></thead>")
   
        Response.Write("<tbody>")
        While Not rec.EOF
            Response.Write("<tr><td class='contact' width='50%'>" & rec(0).Value.ToString & "</td>")
            Response.Write("<td class='contact' width='50%'>" & rec(1).Value.ToString & "</td>")
            Response.Write("<td class='contact' width='50%'>" & rec(2).Value.ToString & "</td>")
 
            Response.Write("</tr>")
 
 
 
            rec.MoveNext()
        End While
 
        Response.Write("</tbody></table>")
        rec.Close()
    End Sub

Open in new window

StyleSheet.txt
0
janmishkin
Asked:
janmishkin
  • 4
  • 2
1 Solution
 
Rikus_TrentCommented:
What is your css style for the company header?

You can try giving it a fixed position. For print media, that should print as a running header, assuming the browser supports it.

Example:

h1{position:fixed; top:0;width:100%;}
0
 
janmishkinAuthor Commented:
I added your code
H1.company {position:fixed; top:0;width:100%;
Font-size:24px;
           color:blue;
           margin-top:-10px;
           margin-bottom:-15px;
      }
Still the company name is just at the start. Actually I thought the thead stuff was suppossed to give me page headers
see Response.Write("<thead><tr><th>" & rec(2).Value.ToString & "</th></tr></thead>")

rec(2) is the company name.
   

 
   
 
0
 
Rikus_TrentCommented:
I can't say I've ever tried a running header outside of css styles.  Here's an attached html file with css styles applied for print media that gives a running header. It displays/prints great for me in FF3 and IE7.
example.txt
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
janmishkinAuthor Commented:
Tahts real close except

1 major problem is that in print preview on the second page the table starts at the very top of the page which overlaps the Header.
2. minor problem is that there is the same overlap when scrolling down.

Thanks so far its as close as I've come.
0
 
janmishkinAuthor Commented:
Is there a solution to the header problem? I need the page header to be seperate from the table(no overlap). Rikus Trents solution was very close but I can't use it unless there is seperation.
0
 
janmishkinAuthor Commented:
What would be a good reporting tool to use for having HTML level control over page headers and some kind of table or subreport grouped below. I just need to replicate CR or Access style reporting , specifically being able to have  dynamically generated formmatted text with images to appear on the page header.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now