Skip to main content

Posts

Bootstrap Grid System guidance

Bootstrap Grid System Bootstrap's grid system allows up to 12 columns across the page. If you do not want to use all 12 columns individually, you can group the columns together to create wider columns: span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1  span 4  span 4  span 4 span 4 span 8 span 6 span 6 span 12 Bootstrap's grid system is responsive, and the columns will re-arrange automatically depending on the screen size. Grid Classes The Bootstrap grid system has four classes: xs  (for phones - screens less than 768px wide) sm  (for tablets - screens equal to or greater than 768px wide) md  (for small laptops - screens equal to or greater than 992px wide) lg  (for laptops and desktops - screens equal to or greater than 1200px wide) The classes above can be combined to create more dynamic and flexible layouts. Grid System Rules Some Bootstrap grid system rules: Rows must be plac...

position absolute example

output:: <html> <head> <title>position absolute example </title> <style type="text/css"> #Layer1 { position:absolute; width:200px; height:184px; left: 13px; top: 25px; background-color:orange; } #Layer2 { position:absolute; width:200px; height:176px; left: 255px; top: 25px; background-color:yellow; } #Layer3 { position:absolute; width:200px; height:179px; left: 498px; top: 25px; background-color:red; } .container{ background-color:black; height:400px; width:800px; } </style> </head> <body>   <div  class=container>     <div id="Layer1"></div>     <div id="Layer2"></div>   <div id="Layer3"></div> </div> </body> </html>

How to handle XML with PHP

What is XML? The  eXtensible Markup Language  is a way to structure your data for sharing across sites. Some of the technologies that are crucial to the web like  RSS  (Real Simple Syndication) and  Podcasts  are special flavors of XML. The beautiful thing about XML is that you can easily roll your own for anything you need. XML is easy to create because it’s a lot like HTML…except you can make up your own tags. Let’s say, for example that you’re putting together a feed for a list of songs playing at your own radio station. We’ll keep this simple, so we’ll just encode the name of the artist, the title of the song, plus the time when the song was played. We make up a couple of tags called  <title>  and  <artist>  and wrap each of them around a  <song>  tag. We’ll create a dateplayed attribute for each song with the date and time the song was played. You might encode something like that in this manner. ...