Skocz do zawartości

Li i hover pod IE i FF

PawelC

Przez PawelC
w HTML i CSS

Rekomendowane odpowiedzi

barat Newbie

barat

Opublikowano
Opublikowano

Nie jestem pewien, ale dla IE jak coś jest Inline to wtedy jest ignorowane padding top/bottom...

Zrób to normalnie na blokowych ale z floatem :P

Tylko wtedy float dla elementu li.

I chyba element ul też będzie trzeba dać float bo inaczej wystąpi problem z podwójnym marginesem w IE :)

Odnośnik do komentarza
Udostępnij na innych stronach
barat Newbie

barat

Opublikowano
Opublikowano

Sprawdzałem jak wygląda, a po zerknięciu w style masz dla elementów a wklepane inline ... i to bezsensownie ... przecież element a jest z założenia elementem inline ... dodatkowo dla ul masz 760px, a dla poszczególnych li po 250px ... i tą szerokość wpisujesz dla zadeklarowanego inline , a przecież inline ignoruje width/height

li a{
text-decoration:none;
width:250px;
color:#6d6d6d;
display:inline;
border:1px groove #dadada;
padding: 7px 25px 7px 25px;

}
li a:hover{
text-decoration:underline;
background-color:#3399ff;
display:inline;
color:white;

padding: 7px 25px 7px 25px;
border:1px groove #dadada;

}

a teraz tak na szybko ... chyba działa:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--
#nav {
float: left;
width: 760px;
margin: 0;
padding: 0;
list-style: none;
background-color:white;
}
#nav li {
float: left;
margin: 0;
padding: 0;
font-family: Tahoma, sans-serif;
font-size: 11px;
}

#nav a {
float: left;
display: block;
margin: 0 2px 0 0;
padding: 7px 25px 7px 25px;
border:1px solid #dadada;
color: #6d6d6d;
text-decoration: none;
}

#nav a:hover {
text-decoration:underline;
background-color:#3399ff;
color: #ffffff;
}

-->
</style>
</head>

<body>
<ul id="nav">
<li><a href="index.php">Strona główna</a></li>
<li><a href="zarejestruj-sie.php">Zarejestruj się</a></li>
<li><a href="zaloguj-sie.php">Zaloguj się</a></li>
<li><a href="uzytkownicy.php">Użytkownicy</a></li>
<li><a href="regulamin-serwisu.php">Regulamin serwisu</a></li>
<li><a href="napisz-do-nas.php">Napisz do nas</a></li>

</ul>
</body>
</html>

Odnośnik do komentarza
Udostępnij na innych stronach
  • 3 tygodnie później...

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności