Skip to content

Instantly share code, notes, and snippets.

@DouweM

DouweM/info.markdown

Forked from alloy/info.markdown
Created July 29, 2012 16:11
Show Gist options
  • Save DouweM/3199954 to your computer and use it in GitHub Desktop.
Save DouweM/3199954 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
info.markdown

I want to display these 4 player wrapper divs as in a grid. I.e.

---------- ----------
|player 1| |player 2|
---------- ----------
---------- ----------
|player 3| |player 4|
---------- ----------
Raw
player.css
ul.players {
overflow: hidden;
list-style: none;
width: 400px;
}
ul.players li {
float: left;
width: 200px;
height: 200px;
}
Raw
players.html
<!DOCTYPE HTML>
<html>
<body>
<ul class="players">
<li class="player_wrapper">
<form><select></select></form>
<div class="player"><video></video></div>
</li>
<li class="player_wrapper">
<form><select></select></form>
<div class="player"><video></video></div>
</li>
<li class="player_wrapper">
<form><select></select></form>
<div class="player"><video></video></div>
</li>
<li class="player_wrapper">
<form><select></select></form>
<div class="player"><video></video></div>
</li>
</ul>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment