473,573 Members | 3,213 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Table Header

Hello,

I created a table and applied an image as background in table header:
..MyTable th
{
font: normal 0.7em verdana,arial,h elvetica,sans-serif;
background: url(Images/Header.jpg) repeat-x 0px 0px;
padding: 4px;
}

The problem is when I click CTRL + to increase the font size the
background does not fill all header.
The image is a gradient from Top to Down.

Is this possible to solve this?

Is even a good idea to use an image as background in a table header?

Thanks,
Miguel

Nov 14 '07 #1
8 1926
In article
<11************ **********@o80g 2000hse.googleg roups.com>,
shapper <md*****@gmail. comwrote:
Hello,

I created a table and applied an image as background in table header:
.MyTable th
{
font: normal 0.7em verdana,arial,h elvetica,sans-serif;
background: url(Images/Header.jpg) repeat-x 0px 0px;
padding: 4px;
}

The problem is when I click CTRL + to increase the font size the
background does not fill all header.
The image is a gradient from Top to Down.

Is this possible to solve this?

Is even a good idea to use an image as background in a table header?
It is ok, no particular badness about it. Perhaps you can look
at the following to get an idea of what to do:

http://tinyurl.com/yqndfb

You need to prepare the image correctly and choose the right
direction and get your markup right. It is hard to know your
problem since you do not supply url. But the above I whipped up
for you might help?

--
dorayme
Nov 15 '07 #2
shapper wrote:
I created a table and applied an image as background in table header:
.MyTable th
{
font: normal 0.7em verdana,arial,h elvetica,sans-serif;
............... ...^^^ ^^^^^^^

Read this:
http://k75s.home.att.net/fontsize.html

--
-bts
-Motorcycles defy gravity; cars just suck
Nov 15 '07 #3
On Nov 15, 12:42 am, "Beauregard T. Shagnasty"
<a.nony.m...@ex ample.invalidwr ote:
shapper wrote:
I created a table and applied an image as background in table header:
.MyTable th
{
font: normal 0.7em verdana,arial,h elvetica,sans-serif;

............... ..^^^ ^^^^^^^

Read this:http://k75s.home.att.net/fontsize.html

--
-bts
-Motorcycles defy gravity; cars just suck
Hi,

I read the article and in fact I was reading a few things about font
size a few weeks ago.
My conclusion was that I should use something like:
body
{
font: normal 0.7em verdana,arial,h elvetica,sans-serif;
}

And then everything relative to it like:
h1 {font: normal 120% verdana,arial,h elvetica,sans-serif;}
..note {font: normal 70% verdana,arial,h elvetica,sans-serif;}

Am I thinking wrong?

Thanks,
Miguel
Nov 15 '07 #4
In article
<50************ *************** *******@d50g200 0hsf.googlegrou ps.co
m>,
shapper <md*****@gmail. comwrote:
I read the article and in fact I was reading a few things about font
size a few weeks ago.
My conclusion was that I should use something like:
body
{
font: normal 0.7em verdana,arial,h elvetica,sans-serif;
}

And then everything relative to it like:
h1 {font: normal 120% verdana,arial,h elvetica,sans-serif;}
.note {font: normal 70% verdana,arial,h elvetica,sans-serif;}

Am I thinking wrong?
You are starting too small. .7em is too tiny to set for body
text. But you are right that everything else is relative to that
under normal conditions.

--
dorayme
Nov 15 '07 #5
On Nov 15, 3:23 am, dorayme <doraymeRidT... @optusnet.com.a uwrote:
In article
<50f2c0f0-4e65-4d2b-9c2d-f6cbeb754...@d5 0g2000hsf.googl egroups.co
m>,

shapper <mdmo...@gmail. comwrote:
I read the article and in fact I was reading a few things about font
size a few weeks ago.
My conclusion was that I should use something like:
body
{
font: normal 0.7em verdana,arial,h elvetica,sans-serif;
}
And then everything relative to it like:
h1 {font: normal 120% verdana,arial,h elvetica,sans-serif;}
.note {font: normal 70% verdana,arial,h elvetica,sans-serif;}
Am I thinking wrong?

You are starting too small. .7em is too tiny to set for body
text. But you are right that everything else is relative to that
under normal conditions.

--
dorayme
I also saw two other approaches:
1. Setting body text to 100% and everything else using em
2. Setting body text and everything in percentage.

I am a little bit confused now. What is the best way to do it?

I started with 0.7 em because of something that I read.
Maybe I should use 100% in body.

What is the difference between using % or ems?

Thanks,
Miguel
Nov 15 '07 #6
shapper wrote:
I also saw two other approaches:
[XXX]. Setting body text to 100% and everything else using em
2. Setting body text and everything in percentage.
...as my page recommends.
I am a little bit confused now. What is the best way to do it?
Use percentages as my page recommends.
I started with 0.7 em because of something that I read.
Maybe I should use 100% in body.
Yes.
What is the difference between using % or ems?
If you use em on the body, you run afoul of the IE bug that *doubles*
size when someone increases from, say, medium to larger, instead of
getting the expected slight increase.

--
-bts
-Motorcycles defy gravity; cars just suck
Nov 15 '07 #7
shapper wrote:
dorayme wrote:
Am I thinking wrong?
You are starting too small. .7em is too tiny to set for body
text. But you are right that everything else is relative to that
under normal conditions.
I also saw two other approaches:
1. Setting body text to 100% and everything else using em
2. Setting body text and everything in percentage.
Either is ok. I do your number 1 and set as few sizes as
possible. You might try to forget about setting fonts and font
sizes altogether till you have finished making your site. Take a
look at it and see if you need to.

I am a little bit confused now. What is the best way to do it?

I started with 0.7 em because of something that I read.
Maybe I should use 100% in body.

What is the difference between using % or ems?
If you use body (font-size: 1em;}, some versions of Internet
explorer miscalculate relative sizes later. So use 100%. You can
use em for headings and footers later.

--
dorayme
Nov 15 '07 #8
shapper wrote:
>
What is the difference between using % or ems?
As far as font-size goes, they are interchangeable .
100% = 1em, 120% = 1.2em, 90% = .9em

You *need* to set body in % units because of IE bugs. Since there is no
benefit in switching to ems for other font-size settings, might as well
stick with % throughout.

--
Berg
Nov 15 '07 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
1096
by: george1069 george1069 | last post by:
Hi, I'm repeating <fo-table> using loop and there is <fo-table-header> to generate a title for each of the table generated. In one of the output pages, a new table is generated near to the bottom area. Howe only the table header is shown at the bottom and the body content has splitted into the next page. It is because the remaining space...
2
1975
by: Thomas R. Hummel | last post by:
Hello, I am currently working on a monthly load process with a datamart. I originally designed the tables in a normalized fashion with the idea that I would denormalize as needed once I got an idea of what the performance was like. There were some performance problems, so the decision was made to denormalize. Now the users are happy with...
2
1895
by: rmandel | last post by:
I'm very, very new to .Net but have been doing C/C++ for years. I'm having a great deal of difficulty with something that should be simple. Here's what I'm trying to do.... Display three columns of data in a table with a checkbox control on each table row. When the button is clicked I want to iterate the table and see which
2
12916
by: dfdavis.mtu | last post by:
I have a table that I dynamically fill with data from a database for medical companies to be able to determine if their patients meet certain criteria. However they want a fixed header for it so they can keep track of the criteria as they scroll since there can be upwards of 1000 or more patients in the table. The way I got this to work was...
7
4808
by: Kamal | last post by:
Hello all, I have a very simple html table with collapsible rows and sorting capabilities. The collapsible row is hidden with css rule (display:none). When one clicks in the left of the expandable row, the hidden row is made visible with css. The problem is when i sort the rows, the hidden rows get sorted as well which i don't want and want...
0
6092
by: Romulo NF | last post by:
Greetings again everyone Recently i´ve been asked to develop a script to allow filtering in the content of the table, with dinamic options based on the own content. Example: a table with the name of some students and their respective numbers, and then you wanna show only studentes called "Joao", or students with number "5", or even only students...
5
13755
by: Romulo NF | last post by:
Greetings, I´m back here to show the new version of the drag & drop table columns (original script ). I´ve found some issues with the old script, specially when trying to use 2 tables with drag&drop on the same page (which was not possible). Now i´ve a new concept of the script, more object oriented. I´ve also commented the whole code so you...
12
9105
by: Michael.Z | last post by:
Anyone who can help: Given a Table.h file I am writing a Table.c file. I keep getting the compile error: previous declaration of Table was here / conflicting types for I think the problem was the result of two pieces of code. First: typedef struct Table; /* in Table.c*/
5
4919
by: jrod11 | last post by:
hi, I found a jquery html table sorting code i have implemented. I am trying to figure out how to edit how many colums there are, but every time i remove code that I think controls how many colums there are, it crashes. There are currently 6 columns, and I only want 4. How do I remove the last two (discount and date)? Here is a link:...
0
7661
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
8167
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7730
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
1
5550
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
5252
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3692
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
0
3688
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2164
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1263
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.