Style Sheets

View: New views
7 Messages — Rating Filter:   Alert me  

Parent Message unknown Style Sheets

by Rob Voyle :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi Folks

I have finally relented and started to use CSS.

What I don't seem to be able to do is format tables.
I created one table that worked as a menu with an id selector using
#menubar.  That worked fine except a:active does not highlight the current
open page links.

Now I want to create another secondar menu using a similar process.  I
created an identitical menubar but called it #sidemenu.  But nothing shows
up.  Any ideas

Are there anything to be aware of in using CSS with CF  

Also any recommendations for a basic CSS text.  I need specific help on the
syntax, both how it looks on a style sheet and on the web page.  I have
books by Rachel Andrew and O'Reilley but both just give snippets and
advanced definitions that have proved rather frustrating.

Thanks for any assistance

Rob
 
Robert J. Voyle, Psy.D.
Director, Clergy Leadership Institute
For Coaching and Training in Appreciative Inquiry
http://www.clergyleadership.com/
503-647-2378 or 503-647-2382


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49

Message: http://www.houseoffusion.com/lists.cfm/link=i:25:2001
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/25
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:25
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.25
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Re: Style Sheets

by Donnie Bachan (Gmail) :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Rob,

Different browsers have different implementations of the CSS
specifications. Have you tried your code on different
browsers/platforms?

This is what I know:
1. If you want to style a table with and ID selector you would do
something like this
    - #menubar{}
2. If you want to style elements within that selector you would do
something like this
   - #menubar a:hover{}
3. If you want to style a table within the menubar table you would do
something like tis
   - #menubar table#sidemenu

As far as resources:
- http://www.w3schools.com/css/default.asp - always a great place to
learn anything!
- http://cssvault.com/cat_tutorials.php - not specific to any one
thing but some nice articles and tutorials on CSS

HTH
Best Regards,
--
Donnie Bachan
Website: http://www.islandwizards.com
Blog: http://angrytrini.blogspot.com
"Nitendo Vinces - By Striving You Shall Conquer"
======================================================================
The information transmitted is intended only for the person or entity to
which it is addressed and may contain confidential and/or privileged
material. Any review, retransmission, dissemination or other use of, or
taking of any action in reliance upon, this information by persons or
entities other than the intended recipient is prohibited. If you received
this in error, please contact the sender and delete the material from any
computer.

On 11/14/05, Rob Voyle <rob@...> wrote:

> Hi Folks
>
> I have finally relented and started to use CSS.
>
> What I don't seem to be able to do is format tables.
> I created one table that worked as a menu with an id selector using
> #menubar.  That worked fine except a:active does not highlight the current
> open page links.
>
> Now I want to create another secondar menu using a similar process.  I
> created an identitical menubar but called it #sidemenu.  But nothing shows
> up.  Any ideas
>
> Are there anything to be aware of in using CSS with CF
>
> Also any recommendations for a basic CSS text.  I need specific help on the
> syntax, both how it looks on a style sheet and on the web page.  I have
> books by Rachel Andrew and O'Reilley but both just give snippets and
> advanced definitions that have proved rather frustrating.
>
> Thanks for any assistance
>
> Rob
>
> Robert J. Voyle, Psy.D.
> Director, Clergy Leadership Institute
> For Coaching and Training in Appreciative Inquiry
> http://www.clergyleadership.com/
> 503-647-2378 or 503-647-2382
>
>
>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49

Message: http://www.houseoffusion.com/lists.cfm/link=i:25:2002
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/25
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:25
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.25
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

RE: Style Sheets

by Mark Lewis-4 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Rob,

I like the Sitepoint books

http://www.sitepoint.com/


Start with:

HTML Utopia: Designing Without Tables Using CSS

http://www.sitepoint.com/books/css1/


After you read Designing with Tables try The CSS Anthology: 101 Essential
Tips, Tricks & Hacks:

http://www.sitepoint.com/books/cssant1/

They have sample chapters available for you to review as well as an online
basic tutorial in CSS.

Then you could move on to Eric Meyer's two books on CSS for examples and
ideas:

Eric Meyer on CSS and More Eric Meyer

http://www.amazon.com/exec/obidos/search-handle-form/102-0587595-7117764


....Mark


-----Original Message-----
From: Rob Voyle [mailto:rob@...]
Sent: Monday, November 14, 2005 2:19 AM
To: NYCFUG
Subject: Style Sheets

Hi Folks

I have finally relented and started to use CSS.

What I don't seem to be able to do is format tables.
I created one table that worked as a menu with an id selector using
#menubar.  That worked fine except a:active does not highlight the current
open page links.

Now I want to create another secondar menu using a similar process.  I
created an identitical menubar but called it #sidemenu.  But nothing shows
up.  Any ideas

Are there anything to be aware of in using CSS with CF  

Also any recommendations for a basic CSS text.  I need specific help on the
syntax, both how it looks on a style sheet and on the web page.  I have
books by Rachel Andrew and O'Reilley but both just give snippets and
advanced definitions that have proved rather frustrating.

Thanks for any assistance

Rob
 
Robert J. Voyle, Psy.D.
Director, Clergy Leadership Institute
For Coaching and Training in Appreciative Inquiry
http://www.clergyleadership.com/
503-647-2378 or 503-647-2382




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Discover CFTicket - The leading ColdFusion Help Desk and Trouble
Ticket application

http://www.houseoffusion.com/banners/view.cfm?bannerid=48

Message: http://www.houseoffusion.com/lists.cfm/link=i:25:2003
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/25
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:25
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.25
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Parent Message unknown Re: Style Sheets

by paul@softomic.com paul@softomic.com :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

This is my favorite resource for formatting tables with css:

http://www.somacon.com/p141.php

It is as simple as copy and paste.  Can't beat that.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49

Message: http://www.houseoffusion.com/lists.cfm/link=i:25:2004
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/25
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:25
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.25
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

CSS

by Rob Voyle :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi Folks

As I mount my journey into CSS the previous help was great - thanks.  Now
having torn most of my hair out here is the problem.

I created a body style to define the base font and size.

body, p {
        margin: 0px;
        padding: 0;
        background-color: #ffffff;
        color: #000066;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        }

I have two menus, with exactly the same style.
I created two ids and style them exactly the same using the command

#menubar, #bottommenubar td {
        background-color: #000066;
        color: #ffffff;
        font-size: 95%;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        padding: 3px;
        white-space: nowrap;
        }

the problem is that in IE the first menu is shown in the corect sized font but
the second menu the font is not sized.  It works fine in Firefox

What am doing wrong? or what do I need to do in order to keep IE happy

Thanks
 
Robert J. Voyle, Psy.D.
Director, Clergy Leadership Institute
For Coaching and Training in Appreciative Inquiry
http://www.clergyleadership.com/
503-647-2378 or 503-647-2382


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Discover CFTicket - The leading ColdFusion Help Desk and Trouble
Ticket application

http://www.houseoffusion.com/banners/view.cfm?bannerid=48

Message: http://www.houseoffusion.com/lists.cfm/link=i:25:2011
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/25
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:25
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.25
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Re: CSS - problem solved

by Rob Voyle :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Just figured out that IE does not inherit table format from the body, by
adding the table to the body, p, table,  style tag everything works fine.

Rob

> Hi Folks
>
> As I mount my journey into CSS the previous help was great - thanks.
> Now having torn most of my hair out here is the problem.
>
> I created a body style to define the base font and size.
>
> body, p {
>  margin: 0px;
>  padding: 0;
>  background-color: #ffffff;
>  color: #000066;
>  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
>  font-size: 12px;
>  }
>
> I have two menus, with exactly the same style.
> I created two ids and style them exactly the same using the command
>
> #menubar, #bottommenubar td {
>  background-color: #000066;
>  color: #ffffff;
>  font-size: 95%;
>  font-style: normal;
>  font-weight: normal;
>  text-decoration: none;
>  text-align: left;
>  vertical-align: middle;
>  padding: 3px;
>  white-space: nowrap;
>  }
>
> the problem is that in IE the first menu is shown in the corect sized
> font but the second menu the font is not sized.  It works fine in
> Firefox
>
> What am doing wrong? or what do I need to do in order to keep IE happy
>
> Thanks
>
> Robert J. Voyle, Psy.D.
> Director, Clergy Leadership Institute
> For Coaching and Training in Appreciative Inquiry
> http://www.clergyleadership.com/
> 503-647-2378 or 503-647-2382
>
>
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49

Message: http://www.houseoffusion.com/lists.cfm/link=i:25:2012
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/25
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:25
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.25
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Xhml editors

by Rob Voyle :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi Folks

Looks like of bitten of more than I wanted.

What are people using to code xhtml and CF.
I have been using homesite but I need to upgrade to an xhtml.  
Never did like the wyzywyg stuff in dreamweaver.

Anyone used Topstyle

Rob
 
Robert J. Voyle, Psy.D.
Director, Clergy Leadership Institute
For Coaching and Training in Appreciative Inquiry
http://www.clergyleadership.com/
503-647-2378 or 503-647-2382


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Find out how CFTicket can increase your company's customer support
efficiency by 100%
http://www.houseoffusion.com/banners/view.cfm?bannerid=49

Message: http://www.houseoffusion.com/lists.cfm/link=i:25:2013
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/25
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:25
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.25
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54