SitePoint Sponsor

User Tag List

Results 1 to 25 of 101

Threaded View

  1. #1
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Css Tips And Tricks

    CSS Resources, Tutorials, Tips and Tricks (please report broken links)







    1. Rebuilding a Site With Standards http://www.meyerweb.com/eric/talks/2002/wdw-boston/meyer-rebuilding.html

    2. W3C Web Style Sheets CSS tips & tricks http://www.w3.org/Style/Examples/007/

    3. (link removed)

    4. Tableless Layout with CSS HowTo (W3C) http://www.w3.org/2002/03/csslayout-howto.html.en

    5. How to build a web site without tables http://www.mako4css.com/Tutorial.htm

    6. CSS Quick Reference http://www.devguru.com/Technologies/css/quickref/css_index.html

    7.(link removed)

    8. How to hide CSS from buggy browsers http://w3development.de/css/hide_css_from_browsers/

    9. (link removed)

    10. External link icons the CSS way: http://www.kryogenix.org/days/2002/08/30/external

    11. 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/

    12. 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/

    13. (Link removed)

    14. 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/

    15. 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/

    16. 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/

    17. Horizontal centerd Menu using CSS http://www.pmob.co.uk/pob/centred-float.htm

    18. (link removed)

    19. Box Model Hack http://www.tantek.com/CSS/Examples/boxmodelhack.html

    20.(link removed)

    21. CSS-driven tabs http://www.clagnut.com/writings/csstabs/

    22. CSS: Mix and match Classes http://catcode.com/csstips/classes.html

    23. CSS: Graphic List Bullets http://catcode.com/csstips/graphic_list.html

    24. CSS: Centered Tables http://catcode.com/csstips/center_table.html

    25. 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

    26.(link removed)
    27. CSS Positioning Properties http://www.miswebdesign.com/resources/articles/css-positioning-properties.html

    28. CSS Menus - Uberlink CSS Rollovers: http://www.projectseven.com/tutorials/css_menus/list_01/index.htm

    29. CSS-TD CSS Table Design: http://www.projectseven.com/tutorials/css_t/index.htm

    30. (link removed)

    31. Dynamic @import CSS files using PHP: http://www.1976design.com/blog/archive/2004/02/03/php-dynamic-css/

    32. max-width in Internet Explorer: http://www.svendtofte.com/code/max_width_in_ie/

    33. The Basics of Positioning http://www.communitymx.com/content/article.cfm?cid=3B56F

    34.
    Creating radically different list options http://css.maxdesign.com.au/listamatic/

    35. (link removed)


    -------

    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. (Link removed)

    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/

    5. (link removed)
    Last edited by Paul O'B; Feb 24, 2012 at 06:25. Reason: another broken link removed


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •