 | |
align text
Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
align text -
07-09-2004
, 10:07 AM
#2
| |||
| |||
|
|
I have a table with 2 rows, the top row I have text to the size of 45px in height, and the bottom row has a text at 12px. I want the top text to be aligned to the bottom of the table cell and the smaller text below to be aligned to the top of its cell , thus having little gap between the 2 rows. I cannot seem to be able to make that happent. below is the html for the two rows, and below that is the css. I would be grateful for any help. tr td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td /tr |
padding-left: 20px;
height: 56px;
font-size: 45px;
vertical-align: bottom
}
#toprowsmall {
padding-left: 20px;
height: 14px;
font-size: 12px;
vertical-align: top
}
But another question: Why not use something like
<h1>Scales & Tills</h1>
<h2>Sales - Repairs - Service - New & Used</h2>
instead?
Micha
#3
| |||
| |||
|
|
Hi yea, I have a table with 2 rows, the top row I have text to the size of 45px in height, and the bottom row has a text at 12px. I want the top text to be aligned to the bottom of the table cell and the smaller text below to be aligned to the top of its cell , thus having little gap between the 2 rows. I cannot seem to be able to make that happent. below is the html for the two rows, and below that is the css. I would be grateful for any help. tr td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td /tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } regards twocan's |
#4
| |||
| |||
|
|
Depends on how much work you wanna do. Since you are already using tables, I assume that the following changes would do - tr td colspan="3" id="toprow" valign="bottom">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall" va;ign="top">Sales - Repairs - Service - New & Used </td /tr -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccm8r5$js9$1 (AT) forums (DOT) macromedia.com... Hi yea, I have a table with 2 rows, the top row I have text to the size of 45px in height, and the bottom row has a text at 12px. I want the top text to be aligned to the bottom of the table cell and the smaller text below to be aligned to the top of its cell , thus having little gap between the 2 rows. I cannot seem to be able to make that happent. below is the html for the two rows, and below that is the css. I would be grateful for any help. tr td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td /tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } regards twocan's |
#5
| |||
| |||
|
|
the css is at the bottom of this page and the identifiers are inside the cell tags. |
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
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
==================
"two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote
Quote:
|
Hi yea, thanks Murry, I was using tabled but just the bones of html for my layout, i.e table--tr---td tags only, I would use id selectors inside for the layout, this is where I am having the problems with the css, the css is at the bottom of this page and the identifiers are inside the cell tags. regards twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccm9vg$leq$1 (AT) forums (DOT) macromedia.com... Depends on how much work you wanna do. Since you are already using tables, I assume that the following changes would do - tr td colspan="3" id="toprow" valign="bottom">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall" va;ign="top">Sales - Repairs - Service - New & Used </td /tr -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccm8r5$js9$1 (AT) forums (DOT) macromedia.com... Hi yea, I have a table with 2 rows, the top row I have text to the size of 45px in height, and the bottom row has a text at 12px. I want the top text to be aligned to the bottom of the table cell and the smaller text below to be aligned to the top of its cell , thus having little gap between the 2 rows. I cannot seem to be able to make that happent. below is the html for the two rows, and below that is the css. I would be grateful for any help. tr td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td /tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } regards twocan's |
#6
| |||
| |||
|
|
the css is at the bottom of this page and the identifiers are inside the cell tags. Huh? -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccma6m$lo4$1 (AT) forums (DOT) macromedia.com... Hi yea, thanks Murry, I was using tabled but just the bones of html for my layout, i.e table--tr---td tags only, I would use id selectors inside for the layout, this is where I am having the problems with the css, the css is at the bottom of this page and the identifiers are inside the cell tags. regards twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccm9vg$leq$1 (AT) forums (DOT) macromedia.com... Depends on how much work you wanna do. Since you are already using tables, I assume that the following changes would do - tr td colspan="3" id="toprow" valign="bottom">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall" va;ign="top">Sales - Repairs - Service - New & Used </td /tr -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccm8r5$js9$1 (AT) forums (DOT) macromedia.com... Hi yea, I have a table with 2 rows, the top row I have text to the size of 45px in height, and the bottom row has a text at 12px. I want the top text to be aligned to the bottom of the table cell and the smaller text below to be aligned to the top of its cell , thus having little gap between the 2 rows. I cannot seem to be able to make that happent. below is the html for the two rows, and below that is the css. I would be grateful for any help. tr td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td /tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } regards twocan's |
#7
| |||
| |||
|
|
I wanted to align the text to the bottom of my table cell using css not valign="bottom" below is the html and css i already use. regards twocans tr> <td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td> </tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccmac1$m0t$1 (AT) forums (DOT) macromedia.com... the css is at the bottom of this page and the identifiers are inside the cell tags. Huh? -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccma6m$lo4$1 (AT) forums (DOT) macromedia.com... Hi yea, thanks Murry, I was using tabled but just the bones of html for my layout, i.e table--tr---td tags only, I would use id selectors inside for the layout, this is where I am having the problems with the css, the css is at the bottom of this page and the identifiers are inside the cell tags. regards twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccm9vg$leq$1 (AT) forums (DOT) macromedia.com... Depends on how much work you wanna do. Since you are already using tables, I assume that the following changes would do - tr td colspan="3" id="toprow" valign="bottom">Scales & Tills /td /tr tr td colspan="3" id="toprowsmall" va;ign="top">Sales - Repairs - Service - New & Used </td /tr -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccm8r5$js9$1 (AT) forums (DOT) macromedia.com... Hi yea, I have a table with 2 rows, the top row I have text to the size of 45px in height, and the bottom row has a text at 12px. I want the top text to be aligned to the bottom of the table cell and the smaller text below to be aligned to the top of its cell , thus having little gap between the 2 rows. I cannot seem to be able to make that happent. below is the html for the two rows, and below that is the css. I would be grateful for any help. tr td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td /tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } regards twocan's |
#8
| |||
| |||
|
|
But why? You are already using tables.... Get pragmatic. -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccmako$mas$1 (AT) forums (DOT) macromedia.com... I wanted to align the text to the bottom of my table cell using css not valign="bottom" below is the html and css i already use. regards twocans tr> <td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td> </tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccmac1$m0t$1 (AT) forums (DOT) macromedia.com... the css is at the bottom of this page and the identifiers are inside the cell tags. Huh? -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccma6m$lo4$1 (AT) forums (DOT) macromedia.com... Hi yea, thanks Murry, I was using tabled but just the bones of html for my layout, i.e table--tr---td tags only, I would use id selectors inside for the layout, this is where I am having the problems with the css, the css is at the bottom of this page and the identifiers are inside the cell tags. regards twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccm9vg$leq$1 (AT) forums (DOT) macromedia.com... Depends on how much work you wanna do. Since you are already using tables, I assume that the following changes would do - tr td colspan="3" id="toprow" valign="bottom">Scales & Tills /td /tr tr td colspan="3" id="toprowsmall" va;ign="top">Sales - Repairs - Service - New & Used </td /tr -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccm8r5$js9$1 (AT) forums (DOT) macromedia.com... Hi yea, I have a table with 2 rows, the top row I have text to the size of 45px in height, and the bottom row has a text at 12px. I want the top text to be aligned to the bottom of the table cell and the smaller text below to be aligned to the top of its cell , thus having little gap between the 2 rows. I cannot seem to be able to make that happent. below is the html for the two rows, and below that is the css. I would be grateful for any help. tr td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td /tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } regards twocan's |
#9
| |||
| |||
|
|
Ok thanks, lol love the word pragmatic, "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccmbu9$o3k$1 (AT) forums (DOT) macromedia.com... But why? You are already using tables.... Get pragmatic. -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccmako$mas$1 (AT) forums (DOT) macromedia.com... I wanted to align the text to the bottom of my table cell using css not valign="bottom" below is the html and css i already use. regards twocans tr> <td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td> </tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccmac1$m0t$1 (AT) forums (DOT) macromedia.com... the css is at the bottom of this page and the identifiers are inside the cell tags. Huh? -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccma6m$lo4$1 (AT) forums (DOT) macromedia.com... Hi yea, thanks Murry, I was using tabled but just the bones of html for my layout, i.e table--tr---td tags only, I would use id selectors inside for the layout, this is where I am having the problems with the css, the css is at the bottom of this page and the identifiers are inside the cell tags. regards twocan's "Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote in message news:ccm9vg$leq$1 (AT) forums (DOT) macromedia.com... Depends on how much work you wanna do. Since you are already using tables, I assume that the following changes would do - tr td colspan="3" id="toprow" valign="bottom">Scales & Tills /td /tr tr td colspan="3" id="toprowsmall" va;ign="top">Sales - Repairs - Service - New & Used </td /tr -- Murray --- ICQ 71997575 Team Macromedia Volunteer for Dreamweaver MX (If you *MUST* email me, don't LAUGH when you do so!) ================== news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET ANSWERS ================== 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 ================== "two can's" <GuinnessDrinker (AT) thebar (DOT) com> wrote in message news:ccm8r5$js9$1 (AT) forums (DOT) macromedia.com... Hi yea, I have a table with 2 rows, the top row I have text to the size of 45px in height, and the bottom row has a text at 12px. I want the top text to be aligned to the bottom of the table cell and the smaller text below to be aligned to the top of its cell , thus having little gap between the 2 rows. I cannot seem to be able to make that happent. below is the html for the two rows, and below that is the css. I would be grateful for any help. tr td colspan="3" id="toprow">Scales & Tills </td /tr tr td colspan="3" id="toprowsmall">Sales - Repairs - Service - New & Used </td /tr #toprow { background-color: transparent; font-family: "Trebuchet MS", serif; font-size: 45px; height: 56px; padding-left: 20px; text-align: left; vertical-align: text-bottom; margin: 0 0 11px 0; } #toprowsmall { /* background-color: transparent;*/ font-family: "Trebuchet MS", serif; font-size: 12px; height: 14px; padding-left: 20px; text-align: left; } regards twocan's |
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.