logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

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

Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.