nutradiction
New Member
I wan't to show a list of videos on my website, as many in a row as possible.On the left side I want a navigation area. Next to the navigation I want to place the first videos.Unfortunately the videos will be placed below the navigation. I already tried display: inline-block; and so on but there has been no solution yet.What did I do wrong?
\[code\]<div id="content_wrapper"> <div id="navigation_area"></div><!-- div end video area --> <div id="video_area"> <div class="video_container"> <div class="video_thumb"></div> <div class="video_info_container"> <div class="video_name">Video Name 1</div> <div class="rating_container"> <div class="rating"></div> </div> </div> </div><!-- video_container --> <div class ="video_container"> <div class="video_thumb"></div> <div class="video_info_container"> <div class="video_name">Video Name 2</div> <div class="rating_container"> <div class="rating"></div> </div> </div> </div><!-- video_container --> </div> <!--div end video area--></div><!--div end content_wrapper-->\[/code\]css:\[code\]navigation_area{ height:500px; width:100px; background-color:#ffffff; border-radius: 15px; -moz-border-radius: 15px; margin:2px;}#video_area{ float: left;}.video_container{ width: 400px; height: 300px; background-color: #ffffff; margin-left: 20px; margin-top: 20px; border-radius: 15px; -moz-border-radius: 15px; float: left; display: inline;}\[/code\]