Web Wiz - Green Windows Web Hosting

  New Posts New Posts RSS Feed - Date on Graphic
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Date on Graphic

 Post Reply Post Reply Page  <12
Author
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937
Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 28 January 2004 at 10:37pm

Morningz is right. Tables for tabular data. CSS for positioning.

I added a CSS example to the link I gave above.


Lead me not into temptation... I know the short cut, follow me.
Back to Top
Misty View Drop Down
Senior Member
Senior Member
Avatar

Joined: 06 February 2002
Location: United States
Status: Offline
Points: 711
Post Options Post Options   Thanks (0) Thanks(0)   Quote Misty Quote  Post ReplyReply Direct Link To This Post Posted: 31 January 2004 at 2:40pm

dpyers,

Thank you for your help! I know how to display the date on a graphic now.



Edited by Misty
Back to Top
Misty View Drop Down
Senior Member
Senior Member
Avatar

Joined: 06 February 2002
Location: United States
Status: Offline
Points: 711
Post Options Post Options   Thanks (0) Thanks(0)   Quote Misty Quote  Post ReplyReply Direct Link To This Post Posted: 31 January 2004 at 9:21pm

I just noticed that there's a small problem. Please look at the home button at both http://www.neamp.org/calendar1.asp and http://www.neamp.org/calendar.asp. The date is displayed on the right side of the masthead on calendar.asp. It caused the home button to have more space above it. I don't want it to be that way. How do I fix this problem?  

Let me give you the code for both pages:

calendar1.asp - <table width="762" border="0" cellpadding="0" cellspacing="0">

  <!--DWLayoutTable-->

  <tr>

    <td width="762" height="151" valign="top"><img src="NeampLogo.gif" width="760" height="151"></td>

  </tr>

</table>

calendar.asp -

<table width="762" border="0" cellpadding="0" cellspacing="0">

  <!--DWLayoutTable-->

  <tr>

    <td width="762" height="151" valign="top"><img src="NeampLogo.gif" alt="Northeast Area Missions Program Serving Enon, Liberty, Rabun County, and Habersham Baptist Associations in Georgia" width="760" height="151">

      <div id="logotext"> <%= MonthName(Month(Date))  & " " & Day(Date)  & ", " & Year(Date) %>

      </div></td>

  </tr>

</table>

 

Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937
Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 01 February 2004 at 5:10am

To the css for div#logotext, add

 padding: 0;
 margin: 0;

The div tag is a block element. Block elements stack up vertically (<p> is a block element), and have some amount of space after them that varies by browser. With css, you can override that space.

Alternatively, you can replace the div with a span. The span tag is an inline horizontal elelment - doesn't create a new line after each occurrence.

The code <span>A</span><span>A</span><span >A</span> would display as

AAA

The code <div>A</div><div>A</div><div>A </div> would display as

A

A

A



Edited by dpyers

Lead me not into temptation... I know the short cut, follow me.
Back to Top
Misty View Drop Down
Senior Member
Senior Member
Avatar

Joined: 06 February 2002
Location: United States
Status: Offline
Points: 711
Post Options Post Options   Thanks (0) Thanks(0)   Quote Misty Quote  Post ReplyReply Direct Link To This Post Posted: 02 February 2004 at 2:28am

I did the following:

To the css for div#logotext, add

 padding: 0;
 margin: 0;

It is still not working. When I used <span> instead of <div>, it caused the date to go above the home button. It was not on the masthead anymore.

 

Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3937
Post Options Post Options   Thanks (0) Thanks(0)   Quote dpyers Quote  Post ReplyReply Direct Link To This Post Posted: 02 February 2004 at 3:06am

Ths might be something that's browser specific, but try using an inline style in the table tags for the table containing the logo and the table immediately after it. e.g.

<table style="padding:0; margin: 0;" ...rest of opening table tag


Lead me not into temptation... I know the short cut, follow me.
Back to Top
 Post Reply Post Reply Page  <12

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.08
Copyright ©2001-2026 Web Wiz Ltd.


Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Notice

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT at 20% unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2026 Web Wiz Ltd. All rights reserved.