Block-formatting context and floats
Block-formatting context and floats
|
|
Article about containing floats without structural markup. It sheds some light on the different methods … Remote Linking – Multiple Clickable Areas with CSS …
Similar Posts
- Server bandwidth reduction
- Media type formatting
- Menu overlapping
- Styling of form elements
- and even E-mail address obfuscation
webdesign SEO resource and news – Remote Linking
… is what I call it when a single anchor link has multiple clickable areas in different locations. It … Category: CSS | Tags: remote linking anchor link css …How does your design approach affect accessibility?
In an article entitled “Visual vs. Structural,” Tommy Olsson compares the two most typical – and often competing – web design approaches: visual design and structural design. The balanced and well-written article makes the point that while there are often no major differences in the code produced from one design approach or another, using a structural approach can result in more accessible sites. While I hesitate to use such loaded words as “better,” I definitely agree that structural design can contribute to a product that is more scalable, easier to maintain, and more accessible. (I say this from the perspective of someone who has employed both approaches at one time or another.) And remember, “accessibility” doesn’t just mean “blind people.” As the web moves away from being confined to the desktop computer, accessibility is as much about accommodating mobile technologies as it is about making sure content is available to disabled users.Read | Permalink | Email this | Linking Blogs | Comments
How to Left, Right, Center Align With Css | eHow.com
How to article – how to left, right, center align with css. Instead of using HTML alignment attributes with the HTML tags that markup text, the best practice for web…How to Left, Right, Center Align With Css | eHow.com
How to article – how to left, right, center align with css. Instead of using HTML alignment attributes with the HTML tags that markup text, the best practice for web…ghettocooler.net " Image floats, without the text wrap!
View the final HTML: CSS Image floats, no text wrap. Did you find this … Image floats, without the text wrap. Simple Navigation with CSS Image Replacement …IE 7 Beta 3 available
Internet Explorer 7 Beta 3 has been announced and is now available for download. Features include tabbed browsing, RSS integration, multiple search engines via the built-in search box, and more. Sure, these are all features that Firefox, Safari, etc. have had for a quite some time, but as the old saying goes, better late than pregnant. There are no new CSS features, however; Microsoft has stayed true to their promise that, for better or for worse, as of this March IE 7 was “layout complete.”Read | Permalink | Email this | Linking Blogs | Comments5 Great CSS Techniques To Improve Your Website
CSS or Cascading Style Sheets is normally used to separate the style and layout of your HTML files from the actual content. However, few are aware of the added value that CSS can give to your website. Aside from the obvious ones like style standardization, CSS can be utilized to provide other useful stuff not possible with table-based layouts.
Among these benefits are things like:
Much information about these techniques can be found on the web. Below are some example implementations.
Server bandwidth reduction
CSS Optimization can translate to huge savings in server bandwidth, resulting in lower operational costs.
This article compares some of the best CSS optimizers available on the web by using heavy traffic websites like Digg and Slashdot as an example.
Media type formatting
By utilizing the CSS media attribute, you can easily control display for different media types. This is best used when formatting websites for mobile display and creating printer-friendly pages.
Here is a good tutorial that covers CSS development for mobile browsers. For techniques related to print styling, refer to this tutorial, another tutorial, and this article by Eric Meyer.
Menu overlapping
The CSS z-index property specifies the order an element is stacked, similar to how layers are arranged in Adobe Photoshop. It is also relatively easy to understand, and can be quite powerful when used correctly. It can also come in handy when creating overlapping menus. Here is a very good tutorial on how this can be done.
Styling of form elements
In a previous article we linked to Jeff Howden’s CSS-Only, tableless forms article which gives an example of what can be accomplished with CSS form styling.
Then, there’s also The Form Assembly, a CSS Zen Garden clone for showcasing form designs.
E-mail address obfuscation
When displaying an e-mail address on a website you obviously want to obfuscate it to avoid it getting harvested by spammers. There are many ways to accomplish this, and one such method can easily be implemented in CSS. Silvan Mühlemann tested nine methods and published a test page for spambots to harvest. 1.5 years later the results are out and surprisingly, only the CSS methods resulted in absolutely zero spam.