html - Xbox Dashboard using CSS "Display" attribute -

-

i haven't used css's display attribute because tables have been sufficient after deciding practice html again trying recreate xbox dashboard. because dashboard has cells few cells big not think application tables, because div tags being used more , more feel should practice them.
leaves me how align cells on side of others such 2 on left , 1 big 1 side of them both, how can this? have tried display attribute of inline-block along combinations of loads of others different cells no success. far code only:

<div style="width: 50px; height: 50px; background-color:red;"></div> <div style="width: 50px; height: 50px; background-color:green;"></div> <div style="width: 100px; height: 100px; background-color:blue;"></div>

use css float: property arrange divs. in case takes bit of thinking spatially it's not difficult.

for example http://jsfiddle.net/2k9tg/ in example divs black borders have no float set , divs red borders have float set to

float:left;

so floating object, of objects float set float:left or float:right, formatted next each other (inline) rather underneath each other. xbox dashboard, gets lot more complicated, have put divs inside of divs , float of divs , others not. made jsfiddle example http://jsfiddle.net/xpagd/ check out. divs have red border can see do. hope helped out

also here's great tutorial on floating w3schools, explain better can. http://w3schools.com/css/css_float.asp


Comments

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

c# - must be a non-abstract type with a public parameterless constructor in redis -

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more

ajax - PHP/JSON Login script (Twitter style) not setting sessions -

-
i'm having trouble getting twitter style login work properly, reason gets stuck at session_register("useremail"); session_register("userpass"); and doesn't redirect after it. if enter wrong account data, works , appropriate error message pops up. this full code: <?php if(empty($_post['email']) || empty($_post['password'])) { die(msg(0,"all fields required")); } if(!(preg_match("/^[\.a-z0-9_\-\+]+[@][a-z0-9_\-]+([.][a-z0-9_\-]+)+[a-z]{1,4}$/", $_post['email']))) die(msg(0,"you haven't provided valid e-mail")); $host="localhost"; $username="root"; $password="x"; $db_name="x"; $tbl_name="x"; mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select db"); $useremail=$_post['email']; $userpass=
Read more