I have a simple 2 cell table within a 2 cell table. All are
set to valign=top. But in Firefox and Safari, one cell’s contents
are shifted down. The issue with table cells outlined is in this
screenshot.
View the
page with the issue. Look for the table with Products and the
fingerprint to the right. All should align at top, but Products is
shifted down.
Any ideas? Something I am missing?
Thanks!
|||
surfstoke wrote:
> I have a simple 2 cell table within a 2 cell table. All
are set to valign=top.
> But in Firefox and Safari, one cell’s contents are
shifted down. The issue with
> table cells outlined is in this
http://ansano.com/forums/table_cell_issue.jpg.
>
http://www.ansano.com/users/asl/products/story.html
Look for the table with
> Products and the fingerprint to the right. All should
align at top, but
> Products is shifted down.
>
> Any ideas? Something I am missing?
> Thanks!
>
By default some tags have padding and margin applied this is
the case
with paragraph tags <p></p>. If you dont want any
margin or padding to
be applied you must zero them using margin: 0; padding: 0; as
below.
.header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
color: #CC6633;
margin: 0;
padding: 0;
}
|||
> Any ideas? Something I am missing?
Do you have paragraph tags or <h#> tags in any of those
cells?
–
Murray — ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don’t LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com – DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
“surfstoke” <webforumsuser@macromedia.com> wrote in
message
news:eersgd$9it$1@forums.macromedia.com…
>I have a simple 2 cell table within a 2 cell table. All
are set to
>valign=top.
> But in Firefox and Safari, one cell’s contents are
shifted down. The issue
> with
> table cells outlined is in this
>
http://ansano.com/forums/table_cell_issue.jpg.
>
http://www.ansano.com/users/asl/products/story.html
Look for the table
> with
> Products and the fingerprint to the right. All should
align at top, but
> Products is shifted down.
>
> Any ideas? Something I am missing?
> Thanks!
>
|||
Osgood wrote:
> By default some tags have padding and margin applied
this is the case
> with paragraph tags <p></p>. If you dont
want any margin or padding to
> be applied you must zero them using margin: 0; padding:
0; as below.
>
> .header {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 1.5em;
> font-weight: bold;
> color: #CC6633;
> margin: 0;
> padding: 0;
> }
>
Of course ideally you should be using <h> tags for
headings as these
will take priority when the search engine spider comes to
your site.
I would do
<h1>Products</h1>
Then style the h1 with some css.
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #CC6633;
margin: 0;
padding: 0;
}
|||
Yup, that is the ticket. Simple. Thanks!
Related posts:
- Firefox shows table cell heights wrong
- Alignment problem with table
- Table alignment problem
- link to only one cell of a table
- Right aligned and then centered in the table cell – indesign cs 5
Related posts brought to you by Yet Another Related Posts Plugin.
