CSS: Řazení boxů – CSS – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

21:17, Inzerce FPGA vývojová deska XILINX VIRTEX 5 ML507

20:59, OS - GNU / Linux Ubuntu a OpenSuse

21:47, Offtopic Digitalizace v Česku

10:10, Cinema 4D Export USDC do DaVinci Resolve

16:58, Photoshop Jak odstranit (potlačit) odlesky

10:58, C / C++ Procházení struktury byte o byte?

Stavba Laser Arény
Laser Game Brno

Fórum › CSS

CSS: Řazení boxů

Marek Šrám0

Duch

3. 1. 2017 #1

Dobrý den,
chtěl bych se zeptat, jak udělat tzv. řazení boxů ve dvou sloupcích hned pod sebe bez ohledu na obsah v jednom ze sloupců.

Náhled: www.ontwig.com

Nyní se boxy řadí s ohledem obsahu v jednom ze sloupců. Potřebuji, aby šli hned pod sebe. Děkuji za každou radu :)

Nahlásit jako SPAM

IP: 78.102.143.–

Jerry

~ Anonymní uživatel
~ 512 příspěvků

3. 1. 2017 #2

#1 Marek Šrám
co tohle ?

http://stackoverflow.com/questions/5645986/two-column-div-layout-with-fluid-left-and-fixed-right-column

Nahlásit jako SPAM

IP: 194.228.128.–

Jerry

~ Anonymní uživatel
~ 512 příspěvků

3. 1. 2017 #3

#1 Marek Šrám
tohle taky neni špatný

http://stackoverflow.com/questions/5645986/two-column-div-layout-with-fluid-left-and-fixed-right-column

Nahlásit jako SPAM

IP: 194.228.128.–

Jerry

~ Anonymní uživatel
~ 512 příspěvků

3. 1. 2017 #4

a ještě jeden hezký způsob

<!DOCTYPE html>
<html>
<body>

<style>

 .nav {
        height: auto;
        float: left; 
        text-align: center; 
 	    list-style: none; 
        position: relative; top:0px
        padding: 0;
        margin: 0;
        background-color: lightblue;	
      }
                    
</style>

<table style="width:100%; position:relative;">
  <tr>
    <th>Col1</th>
    <th>Col2</th> 
  </tr>
  <tr>
    <td style="vertical-align: top;">
      <div class="nav";> 
         HELLO
      </div>
      </br>
      <div class="nav";> 
         HELLO
      </div>      
    </td>
    <td>
      <div style="background-color: lightblue; height:50px; text-align: center;"> 
         HELLO
      </div>
      <div style="background-color: lightblue;"> 
         HELLO
      </div>      
      <div style="background-color: lightblue;"> 
         HELLO
      </div>  
      <div style="background-color: lightblue;"> 
         HELLO
      </div>        
    </td>    
  </tr>
</table>

</body>
</html>

Nahlásit jako SPAM

IP: 194.228.128.–

← Zpět na seznam vláken ← Zpět do Fóra