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    

Felsorolás formázása



Az 1. példakódban eltüntetjük a menüsor háttérszínét, így egybeolvad a tartalommal. Eltüntetjük továbbá a listajeleket is.

A 2. példakódban sorközi elemmé alakítjuk a listaelemeket. Így már egy sorban középre igazítva jelennek meg.

1. Példa:

Forráskód


...<style type="text/css"> 
 /* Háttérszín változik */
  #menu {position:absolute; display:block; top: 50px;  left: 0;  height:30px; width: 100%; 
     text-align:center; }

/* Listajel nem kell */
  #menu ul {list-style-type: none; }
</style>   ....
<body>
 <div id="tarolo">   
...  
 </div>  
</body> 

Eredmény*

2. Példa:

Forráskód


...<style type="text/css"> 
/* Inline felsorolás  */
  #menu li {padding:1px; margin:0; display:inline; }    
  #menu ul {padding:1px; margin:0;} 
</style>   ....
<body>
...
</body> 

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ő: webshop_menu_3.html