Forum PHP.pl > [HTML] Firefox i top dla diva z wykazem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML] Firefox i top dla diva z wykazem

gumis7

30.07.2008, 12:05:44

Witam,
mam problem z wysokością elementu w przeglądarce firefox (w IE7 jest ok).
mam tabelę z jednym wierszem o wysokości 20px
pod nią znajduje się div a w nim wykaz,
chcę aby ten div znajdował sie bezpośrednio pod tą tabela bez żadnych odstępów
w stylach określam więc wysokość top div'a na 20 px no i w Firefoxie jest więcej (jest widoczna przerwa)
gdy w div'a wstawię tabelkę to wszystko gra, ale gdy jest wykaz to zjeżdża wszystko niżej

Czy za pomocą stylów mozna zmieniać kolor wiersza w tabeli po najechaniu na nią myszką bez wykorzystywania javascriptu?
Chcę po prostu zrobić menu gdzie po najechaniu myszką będzie się zmieniał kolor tła tej komórki. Stosując wykaz i css można to zrobic ale stosując tabelkę to już nie potrafię (no chyba że zastosuję zdarzenie onmouseover, ale chcę uniknąć javyscriptu).

Pozdrawiam
Tomasz

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#menu1{
	top: 20px; 
	width: 200px;	
}
ul, ul li {
	display: block;
	list-style: none;
}
</style>
</head>
 
<body leftmargin="0" topmargin="0">
<table width="1014" height="20" border="0" cellpadding="0" cellspacing="1" bordercolor="#9900FF">
  <tr bgcolor="#CCFF66">
    <td width="211"></td>
  </tr>
</table>
  <div id="menu1" style="position:absolute">
      <ul>
     <li><a href="menu.htm">menu1</a></li>
    <li><a href="menu.htm">menu1</a></li>
    <li><a href="menu.htm">menu1</a></li>
  </ul></div>
</body>
</html>
[HTML] pobierz, plaintext

Tomplus

30.07.2008, 14:09:25

w #menu1 zmien na top: 0px;

a aby tabelka zmieniala kolor to skasuj kolorwanie tabelki z HTML i wstaw w styl CSS:

[HTML] pobierz, plaintext 
table {
     background-color:#CCFF66;
}
 
table:hover {
     background-color: gold; 
}
[HTML] pobierz, plaintext

JoShiMa

30.07.2008, 14:39:09

1. Tabelka z jednym wierszem ? To musi być tabelka? Co w niej masz? Może img?
3. Tabelka z jedną komórką = div tabelka tu nie potrzebna
4. Zamiast wykazu w diwie wystarczy sam wykaz nie ma powodu, żeby dodatkowo pakować go w div, chyba, że poza nim ma być tam coś jeszcze.
5. Różnice międy IE i FF mogą wynikać z różnego sposobu interpretowania margin, padding i rozmiarów.
6. Zrezygnuj z position:absolute to się da zrobić bez takich wygibasów.
7. To: width="1014" height="20" border="0" cellpadding="0" cellspacing="1" bordercolor="#9900FF" oraz to: bgcolor="#CCFF66", powinno być w stylach. Mieszanie tego typu atrybutów ze stylami jest nieeleganckie

gumis7

30.07.2008, 19:54:47

Dziękuję za podpowiedzi trochę mnie natchnęły i dodałem do styli ul MARGIN: 0px; i teraz działa jak powinno

Tomasz

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.