Strona 1 z 1

Problem z akapitami w kodzie do menu

: 06 czerwca 2011, 17:14
autor: Vansen
Co robię źle...

Chcę zbudować kod dla własnego menu, który zostanie umieszczony w module.

- nazwy linków wyjustowane do lewej
- nazwy linków wypunktowane, wypełnionym kółkiem,
- linki po najechaniu zostaną podświetlone na biało (za wyjątkiem wypunktowania)

Tutaj jest kod:

Kod: Zaznacz cały

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr>
   <td class="catHead" height="25" align="left">
   <span class="genmed"><b>Nazwa menu</b></span></td></tr>
   
  <tr>
<head>
<style type="text/css">
/* <![CDATA[ */
a:hover { color: white }
/* ]]> */
</style>
   <td class="row1" align="left">
<ul style="list-style-type: disc">
   <p align="left"><a href="adres_linku_1" style="text-decoration: none"><li>Nazwa linku 1</li></a></p>
   <p align="left"><a href="adres_linku_2" style="text-decoration: none"><li>Nazwa linku 2</li></a></p>
   <p align="left"><a href="adres_linku_3" style="text-decoration: none"><li>Nazwa linku 3</li></a></p>
   <p align="left"><a href="adres_linku_4" style="text-decoration: none"><li>Nazwa linku 4</li></a></p>
</ul>
</head>
</table>

<br />
Prawie się udało.
Wypunktowane menu ma jednak za duży akapit od lewej strony oraz za wysoki odstęp między wierszami.

Obrazek

- jak zmniejszyć akapit od lewej, najlepiej do zera ?
- jak zmniejszyć odstęp między wierszami ?

Re: Problem z akapitami w kodzie do menu

: 06 czerwca 2011, 17:52
autor: glizda
Najlepiej zrób sobie margines 0 dla całej strony. W CSS wygląda to mniej więcej tak :

Kod: Zaznacz cały

* { margin: 0; padding: 0; }

Re: Problem z akapitami w kodzie do menu

: 07 czerwca 2011, 13:34
autor: Vansen
A jak zmniejszyć odstęp między wierszami ?

Re: Problem z akapitami w kodzie do menu

: 07 czerwca 2011, 16:07
autor: Vansen
Już sobie poradziłem.
Nie wiem czy ten kod jest napisany profesjonalnie, ale działa.

Kod: Zaznacz cały

<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
  <tr>
   <td class="catHead" height="5" align="left">
   <span class="genmed"><b>Aktualno?ci</b></span></td></tr>
   
  <tr>
<head>
<style type="text/css">
/* <![CDATA[ */
a:hover { color: white }
/* ]]> */
</style>
<ul>
   <td class="row1" align="left">
<li><a href="link.html" style="text-decoration: none">Tytuł menu</a></li>
<li><a href="link.html" style="text-decoration: none">Tytuł menu</a></li>
<li><a href="link.html" style="text-decoration: none">Tytuł menu</a></li>
<li><a href="link.html" style="text-decoration: none">Tytuł menu</a></li>
<li><a href="link.html" style="text-decoration: none">Tytuł menu</a></li>
</ul>
</head>
</table>

<br />