WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Hibrid kétoszlopos szerkezet


A tartalom div kitölti a rendelkezésre álló ablakot. A fix szélességű menü számára szükséges helyet a Folyékony oldalelrendezéshez hasonlóan, a baloldali 110 pixel széles margó biztosítósítja.

1. Példa:

Forráskód


...
<style type="text/css"> 
...
  /* Változik a Folyékony elrendezéshez képest */
  #tartalom { padding:5px 5px 5px 110px;} 
  #balmenu {  width:100px; float:left;}
</style>   ....
<body>
   <div id="tarolo">        
     <header id="fejlec"> Webáruház neve és lógója </header>
     <nav id="menu">Termékek | Vásárlás | Kapcsolatok </nav>
     <div id="balmenu"> 
       <br>
       <b>Kínálat</b>
       <ul> 
         <li>PC</li>
         <li>Laptop</li>     
         <li>Táblagép</li>     
       </ul>
     </div>  
     <div id="tartalom">
       <p> Az oldal tartalma ... </p>     
     </div>
     <footer id="lablec"> Céginfó, jogi info...</footer>
   </div>     
</body> 

Eredmény*

Eredmény*

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: ketoszlopos_hibrid_webaruhaz.html