Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

What is this XAML in HTML 5 + CSS

What is this XAML in HTML 5 + CSS

Problem

Does any body know how to achive the output of the Xaml below to HTML5 and CSS3:

Thanks

Problem courtesy of: Allan Chua

Solution

If I understand you correctly, you just want this code snipped translated to HTML/CSS. A one-to-one translation is shown below.

However, HTML/CSS is a different medium than XAML. E.g. there is no easy way to do Width="*" in CSS and there is no grid-system built in, so you have to build it with floats (this is for historical reasons, CSS was invented to style text documents, not build layouts). So I would recommend that you look at a more web-friendly solution: a widely-used HTML/CSS scaffolding framework with rows and columns is Bootstrap.

Crude one-to-one translation:




    
Solution courtesy of: mb21

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

What is this XAML in HTML 5 + CSS

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×