[JS] Tło tabeli

0

Witojcie!
Mam coś takiego w pliku *.js:

document.writeln('<table background="gfx\menu.jpg" width=100% cols=1 rows=6 border=0 cellpadding=0 cellspacing=0>');
//tutaj definicja poszczególnych wierszy i komórek
document.writeln('</table>');

Czemu nie ładuje się obrazek na tło?
Próbowałem już daś slash zamiast backslasha, ale nic nie daje.
Ktoś wie, jak to zrobić?

0

moze dwa pomoga ? "gfx\menu.jpg"

0

moze dwa pomoga ? "gfx\menu.jpg"

Niestety nie i nie wiem czemu :|

0

document.writeln('

0

a samo "gfx/costam.jpg" ?

0

document.writeln('

Niestety. Folder gfx jest w tym samym katalogu, więc nie widziałem zbytniego sensu, ale spróbowałem. Nic z tego :(

a samo "gfx/costam.jpg" ?

Czytałeś pierwszy post?
Nici...
Ludzie ratujcie, bo już mi nerwy siadają.

0

a może ustalasz tło dla komórek i przysłaniają one tło tabeli albo spróbuj style="background:url(gfx/costam.jpg) no-repeat top left".

0

a może ustalasz tło dla komórek i przysłaniają one tło tabeli

Ustalam tło dla linków(które mają rozmiar całej komórki), ale tylko po najechaniu na nie. Sprawdzałem i bez tego też nic się nie dzieje.

albo spróbuj style="background:url(gfx/costam.jpg) no-repeat top left".

To też nie działa :|

0

Jakiej przeglądarki używasz?

0

Jakiej przeglądarki używasz?

IE 6.0

0

Dziwne... U mnie działa zarówno na IE6.0 jak i na FireFoxie...

0

Przez 10 postów podajesz szczątkowe informacje a reszta bawi się we wróżkę - daj namiar na stronkę i wtedy się zobaczy skoro u innych działa a tylko u Ciebie nie.

0

Przez 10 postów podajesz szczątkowe informacje a reszta bawi się we wróżkę - daj namiar na stronkę i wtedy się zobaczy skoro u innych działa a tylko u Ciebie nie.

Stronka nie jest gotowa jeszcze i nie ma jej na żadnym serwerze. Podałem chyba dostateczne info nt. tego wszystkiego. Jednak jeśli ktoś chce to mogę umieścić tutaj kody z body(z htmla), css'a, a także tego nieszczęsnego skryptu.

0

no to podaj :|

i możesz jeszcze spróbować tak:

document.writeln('<style type="text/css">');
document.writeln('.komorka{background:url(gfx/menu.jpg) no-repeat left top}');
document.writeln('</style>');
document.writeln('<table width=100% cols=1 rows=6 border=0 cellpadding=0 cellspacing=0>');
//tutaj definicja poszczególnych wierszy i komórek
document.writeln('<tr><td class=komorka> <!-- costam --></td></tr>');
document.writeln('</table>'); 
0

no to podaj :|

odwołanie się w head html'a do css:

<link rel="stylesheet" href="styl.css" type="text/css"> body html'a ``` <center>
 
<script language="JavaScript" src="menu.js"></script>    
<script language="JavaScript" src="stopka.js"></script> </center> ```

plikmenu.js

document.writeln('<table width=100% cols=1 rows=6 border=0 cellpadding=0 cellspacing=0 style="background:url(gfx/menu.jpg) no-repeat top left">');
//najprawdopodobniej chodzi o powyższą linijkę, która tutaj jest lekko zmodyfikowana wg Waszych wskazówek

document.writeln('<tr><td><a class="menu" href="index.html">Strona startowa</a></td></tr>');
document.writeln('<tr><td><a class="menu" href="subskrypcja.html">Subskrypcja</a></td></tr>');
document.writeln('<tr><td><a class="menu" href="download.html">DOWNLOAD</a></td></tr>');
document.writeln('<tr><td><a class="menu" href="zlecenie.html">Program na zlecenie</a></td></tr>');
document.writeln('<tr><td><a class="menu" href="gra_online.html">Zagraj on-line!</a></td></tr>');
document.writeln('<tr><td><a class="menu" href="wspolpraca.html">Współpraca</a></td></tr>');
document.writeln('</table>');

plikstyl.css

BODY TABLE
  {background: FFFBF0}

A
  {text-decoration: none; color: red; font-weight: bold; font-size: 11pt}
A:HOVER
  {text-decoration: underline; color: #F5FDFF}
A:ACTIVE
  {text-decoration: none; color: yellow}

A.menu
  {color: red; background-color: #FFFBF0; width: 100%; text-decoration: none; padding: 3px}
A.menu:VISITED
  {color: red; background-color: #FFFBF0; width: 100%; text-decoration: none; padding: 3px}
A.menu:HOVER
  {color: #FFFBF0; background-color: #0000FF; width: 100%; text-decoration: underline}
BODY TABLE
  {background: FFFBF0}

A
  {text-decoration: none; color: red; font-weight: bold; font-size: 11pt}
A:HOVER
  {text-decoration: underline; color: #F5FDFF}
A:ACTIVE
  {text-decoration: none; color: yellow}

A.menu
  {color: red; background-color: #FFFBF0; width: 100%; text-decoration: none; padding: 3px}
A.menu:VISITED
  {color: red; background-color: #FFFBF0; width: 100%; text-decoration: none; padding: 3px}
A.menu:HOVER
  {color: #FFFBF0; background-color: #0000FF; width: 100%; text-decoration: underline}

Oczywiście plik html nie ma zrobionych jeszcze wszystkich komórek, ale to chyba nie rzutuje :/

No i skrypt: stopka.js działa w porządku.

1 użytkowników online, w tym zalogowanych: 0, gości: 1