|
| |
|
|
ritarun
Posts: 668
From: Upstate New York USA
Status: offline
 |
RE: CSS links - 12/29/2003 7:50:41
And don't forget there is a separate sub-forum that has more links and resources.
CSS Link and Resources
These forums have not been getting much activity so they have been marked as "subforums". Hopefully more folks will post in that section again. I personally found them very helpful and saved me lost of time reviewing all the posts (esp if you have a slow connection to go page by page).
_____________________________
Success often occurs in private, but failure usually in full view.
|
|
|
|
c1sissy
Posts: 5077
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS links - 12/29/2003 10:37:30
Thanks Ritarun, I was going to add it last night, but figured that it could wait till today. It does have lots of links etc.. in it.
If you come across any links just add them in.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
c1sissy
Posts: 5077
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS links - 2/2/2004 8:33:20
In my search for horizontal Navigation tutorials, I found THIS which seems to be a pretty good explaination on how to do this.
Here is another link for the horizontal Navigation
< Message edited by c1sissy -- 2/23/2004 21:16:55 >
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
d a v e
Posts: 3937
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: CSS links - 3/12/2004 11:10:16
for easy to make accessible valid horizontal css lists (phew!)
http://css.maxdesign.com.au/listamatic/
_____________________________
David Prescott
Gekko web design
| |
|
|
|
Webnauts
Posts: 38
Joined: 8/8/2004
Status: offline
|
CSS Tips And Tricks - 8/11/2004 15:17:08
CSS Resources, Tutorials, Tips and Tricks (please report broken links)
NEW!!! - CSS Tutorials (all-in-one) http://www.thefixor.com/code_css.php#tutor
Another new one: Tutorials, Demos, and Hacks http://nemesis1.f2o.org/links
1. Rebuilding a Site With Standards http://www.meyerweb.com/eric/talks/2002/wdw-boston/meyer-rebuilding.html
2. The University of Arizona - Cascading Style Sheets http://uaweb.arizona.edu/resources/tutorial/css/index.shtml
3. W3C Web Style Sheets CSS tips & tricks http://www.w3.org/Style/Examples/007/
4. Tables or CSS? Choosing a layout http://www.saila.com/usage/layouts/cssvtables.shtml
5. Tableless Layout with CSS HowTo (W3C) http://www.w3.org/2002/03/csslayout-howto.html.en
6. How to build a web site without tables http://www.mako4css.com/Tutorial.htm
7. CSS Quick Reference http://www.devguru.com/Technologies/css/quickref/css_index.html
8. Real World Table Free Site Development http://www.womendesignersgroup.com/articlerachel.shtml
9. CSS Bugs and Workarounds http://css.nu/pointers/bugs.html
10. How to hide CSS from buggy browsers http://w3development.de/css/hide_css_from_browsers/
11. Hiding CSS form Netscape 4+ http://www.v2studio.com/k/css/n4hide/
12. External link icons the CSS way http://www.kryogenix.org/days/173.html
13. CSS Top Menu Combination - Does not work in Internet Explorer 6.0. It does work in Mozilla 1.4., Opera 6.0., and Safari 1.0. http://moronicbajebus.com/playground/cssplay/top-menu/
14. Hover Sidebar with CSS - It is known to work in Mozilla 1.3b or later (though in Mozilla 1.4a it was buggy but then was fixed) and it also works in Opera 7.0. But alas, it does not work in Internet Explorer 6.0 because Internet Explorer does not support :hover on anything but hyperlinks (<a>). http://moronicbajebus.com/playground/cssplay/hover-sidebar/
15. Erlarger Button Menu with CSS - Overlapping the other elements: http://moronicbajebus.com/playground/cssplay/enlarger-button-menu/ This does not work in Internet Explorer.
16. Reformat the tables with CSS - It works in Mozilla 1.4+ and Opera 7.0. It does not work in Windows Internet Explorer 6. http://moronicbajebus.com/playground/cssplay/reformat-table/
17. Image replacement - no span with CSS - This works great in Windows Internet Explorer 6, Mozilla 1.4+, and Opera 6+; but in Windows Internet Explorer 5 nothing shows up. This can easily be solved, note of problem and solution courtesy... http://moronicbajebus.com/playground/cssplay/image-replacement/
18. Mark you jump - You need a browser that supports CSS3. This is where the time traveling comes in because as of today (2003/2/June) CSS3 is still in the draft stage; but you are in for some luck Mozilla 1.3 does support :target—those wacky Mozilla people. http://moronicbajebus.com/playground/cssplay/markyourjump/
19. Horizontal Menu using CSS http://moronicbajebus.com/playground/cssplay/hormenu/
20. Add banner positioning with CSS http://www.peterbailey.net/test/banner.htm
21. Box Model Hack http://www.tantek.com/CSS/Examples/boxmodelhack.html
22. Designing for two Style Sheets - This method is suitable for use when you have a site that is laid out using CSS positioning as opposed to tables, and where the content is likely to get displayed badly in older browsers.
By carefully planning your layout you can create an alternate stylesheet that will display correctly in older browsers and still be able to do an advanced CSS layout for the rest. http://www.edgeofmyseat.com/showarticle.do?AID=5
23. Use CSS to Color Your Forms http://www.edevcafe.com/viewdoc.php?id=6
24. CSS-driven tabs http://www.clagnut.com/writings/csstabs/
25. CSS: Mix and match Classes http://catcode.com/csstips/classes.html
26. CSS: Graphic List Bullets http://catcode.com/csstips/graphic_list.html
27. CSS: Centered Tables http://catcode.com/csstips/center_table.html
28. CSS and Netscape 4.xx Issues - The market share of browsers that do not support any CSS is now below 0.5%. Therefore web developers have more freedom to actually separate content (HTML) and presentation (CSS).
The biggest challenges that web developers face when implementing CSS is backwards compatibility and browser support. http://www.mako4css.com/Issues.htm
29. Mark external links on your site (and others!) http://www.sitepoint.com/newsletter/viewissue.php?id=3&issue=60&format=html#6
30. CSS Positioning Properties http://www.miswebdesign.com/resources/articles/css-positioning-properties.html
31. CSS Menus - Uberlink CSS Rollovers http://www.projectseven.com/tutorials/css_menus/list_01/index.htm
32: CSS-TD CSS Table Design http://www.projectseven.com/tutorials/css_t/index.htm
33. Css Iframe Mimics http://www.beforethedog.com/tutoriali/tut1.htm
34. Navigation Menu without Images http://www.bravenet.com/resources/tipsandtricks/showtip.php?view=160
35. Dynamic @import CSS files using PHP http://www.1976design.com/blog/archive/2004/02/03/php-dynamic-css/
36. max-width in Internet Explorer http://www.svendtofte.com/code/max_width_in_ie/
37. The Basics of Positioning http://www.communitymx.com/content/article.cfm?cid=3B56F- NEW!
-------
Tools and Utilities (please report broken links)
1. Build tableless (with CSS) pages with this free online tool http://www.fu2k.org/alex/css/layouts/3Col_OrderedAbsolute.mhtml
2. User Style Sheet Wizzard http://www.techdis.ac.uk/seven/wizards/user-style.html
3. FREE Accessible Forms Creator Desktop Software (for building forms with CSS or tables) http://www.hisoftware.com/access/valueadd9.html
4. Style Master - CSS Web Page layout Editor for Windows and Macintosh http://www.westciv.com/style_master/
| |
|
|
|
caz
Posts: 3431
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
CSS lists browser support chart - 8/25/2004 15:07:17
See here for another chart to pin up on the wall,
Browser support for links solutions
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
caz
Posts: 3431
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
CSS links: designing for handheld browsers - 9/16/2004 20:48:04
I have been interested for some time in knowing how to accomodate handheld users and finally came across this article at A List Apart, which although it concentrates on Opera has very useful information on the whole topic, particularly using css and an ordered layout. There are similarities with the considerations neccessary for text readers too.
http://www.alistapart.com/articles/pocket/
There is also a link to a pocket emulator -
ipaqbrowser
You can just change the web address to test your own sites there...quite a revelation, and not pretty ( in my case, anyway)
Carol
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
caz
Posts: 3431
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: CSS links - 11/1/2004 6:13:24
Using Frontpage to build your CSS
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
caz
Posts: 3431
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: CSS links - 11/1/2004 6:19:27
CSS Troubleshooting: guide
An outline of the steps to take when trying to pin down the cause of problems.
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
tooie
Posts: 2
Joined: 11/2/2004
Status: offline
|
RE: CSS links - 11/2/2004 14:58:41
There is sooo much information here that now I'm scared!
I have a problem that started out a Javascript issue but then someone on a javascript help forum suggested that I consider a CSS alternative. Now, I know even less about CSS than I do Javascript so now I'm stressing!
This is my issue. If you think CSS is the way to go and you have either directions for me on how to do it or if you have resources that you can point me to that will help me with this issue, can you please forward them to me? I'm afraid that sifting through all of the resources listed in this thread would take me weeks (although i've copied all the URLs to go back and check out when I'm done with this project!)
Thanks! Here it is...
What I'm trying to do is have a chalk board replace another chalk board when the curser hovers over a link. The new chalkboard would stay put on the mouseout because it has a bunch of links on it to other pages. Normally I would use an image map to designate the links on the chalkboard. Here's a link to one of the pages... www.bernardeldredge.org/newsite/index.html . Go over the top link, the PTA News and see the swap. I have different boards for each of the links.
Each bullet on the new chalkboard is a link to another page and the nav buttons on the left is what i want to hover over to change.
If anyone can help, please please do!
Thanks!
Carrie
edited post to get link to work, c1sissy
< Message edited by c1sissy -- 11/6/2004 6:07:19 >
| |
|
|
|
dpf
Posts: 7121
Joined: 11/12/2003
From: India-napolis
Status: offline
|
RE: CSS links - 11/2/2004 15:30:24
quote:
Go over the top link, the PTA News and see the swap. I have different boards for each of the links. ok it worked..what is the problem?
_____________________________
Dan
| |
|
|
|
tooie
Posts: 2
Joined: 11/2/2004
Status: offline
|
RE: CSS links - 11/5/2004 17:03:00
The problem is that on the new boards there are links to pages. i can't get the links to work because there isn't any room in the image swap js code for image maps. I don't know how to make the bulleted items on the new chalkboard become links to other pages.
Any ideas? I'm open to just about anything! Thanks!
| |
|
|
|
c1sissy
Posts: 5077
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: CSS links - 11/5/2004 21:20:06
Please try to keep this section for posting links to css related things. If you have a question about something, please post it in the css section with the appropriate title? Someone will answer your question. Thanks!
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
d a v e
Posts: 3937
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline
|
RE: CSS links - 12/8/2004 10:44:36
This is very useful: QuirksMode Bug Reports, "entirely dedicated to finding, mending, and publishing CSS and JavaScript browser bugs." You can search by browser or by keyword, or just go to that page to see the last seven reported bugs.
http://www.quirksmode.org/bugreports/
_____________________________
David Prescott
Gekko web design
| |
|
|
|
caz
Posts: 3431
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: Will the browser apply the rule(s)? - 6/7/2005 19:03:35
A friend passed this link on to me, so I thought that you might like to have a look at CSS Tab Designer.
http://www.highdots.com/css-list/css-tab.php
"And leaves muttering things about approaching senility ...................."
edited for page link correction by c1sissy
< Message edited by c1sissy -- 2/13/2006 10:18:11 >
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
Tailslide
Posts: 5771
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: CSS styled Guestbook - 7/23/2005 9:43:05
Here's a PHP Guestbook that you can style completely in CSS to integrate with your page:
http://www.bzabza.com/scripts/107/
Edit: To get the guestbook to fully validate (as XHTML 1.0 strict) stick this bit of code at the start of the script to combat sneaky ampersands in the session id:
ini_set( 'arg_separator.output' , '&' );
< Message edited by Tailslide -- 7/24/2005 12:03:38 >
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
) 
