[JS/CSS] Zmiana miejsca położenia rysunku na stronie

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
felis
Posty: 3
Rejestracja: czw lis 11, 2004 1:37 pm

[JS/CSS] Zmiana miejsca położenia rysunku na stronie

Post autor: felis »

Witam
Mam taki problem. Poniższy kod powoduje przestawienie rysunku (animacji) z jednego miejsca strony w inne. Tzn. mimo, że kod rysunku jest wstawiony po tekście to rysunek wyświetla się przed nim.

Kod: Zaznacz cały

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> 
</head> 

<body onload="if(document.body.insertBefore)with(document) body.insertBefore(getElementById('logo'),  getElementById('tuPrzestaw'));">

<h3>Nagłówek</h3><br />
<span id="tuPrzestaw"></span><br />

<p>UWAGA: Zajrzyj do źródła, w źródle, <br />
ten rysunek jest za tekstem a nie przed</p> <br />
<img id="logo" src="grafika.jpg" width="400" height="50" alt="rysunek"> 

</body>
</html> 
Wszytko działa poprawnie, dopóki nie wykorzystuje się tego w tabelkach.
Czy ktoś ma pomysł co zrobić, by takie przestawianie działało też w obrębie tabeli. Np. wstawiło rysunek do określonej komórki mimo, że jego kod został umieszczony już poza tabelą.
Pozdrawiam
Cotter
Nowy
Nowy
Posty: 69
Rejestracja: pn lut 06, 2006 3:11 pm

Warstwy

Post autor: Cotter »

Może użyć dwóch warstw? DIV dla tekstu i DIV dla obrazka? Nie jestem pewien czy to zadziała.
felis
Posty: 3
Rejestracja: czw lis 11, 2004 1:37 pm

Re: [JS/CSS] Zmiana miejsca położenia rysunku na stronie

Post autor: felis »

OK dzięki, spróbuje. Z div-em chyba nie kombinowałem. Jeśli się uda to napiszę.
Pozdrawiam
felis
Posty: 3
Rejestracja: czw lis 11, 2004 1:37 pm

Re: [JS/CSS] Zmiana miejsca położenia rysunku na stronie

Post autor: felis »

Witam
dodałem div, ale to nic nie dało. Wyskakuje błąd w skrypcie - "nieprawidłowy argument"
a oto kod z div powodujący błąd:

Kod: Zaznacz cały

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
</head>

<body onload="if(document.body.insertBefore)with(document) body.insertBefore(getElementById('logo'),  getElementById('tuPrzestaw'));"> 

<h3>Nagłówek</h3><br /> 

<table border="2">
<tr>
	<td> </td>
	<td> </td>
</tr>

<tr>
	<td><div id="tuPrzestaw"></div></td>
	<td> </td>
</tr>
</table>

<br>

<div>UWAGA: Zajrzyj do źródła, w źródle, <br /> 
ten rysunek jest za tekstem a nie przed</div> <br /> 
<img id="logo" src="grafika.jpg" width="400" height="50" alt="rysunek"> 

</body> 
</html>
POzdrawiam
ODPOWIEDZ