Zaloguj się

Morfeusz_2005 · (Ten post był ostatnio modyfikowany: 21-02-2008, 02:48 przez Marcin.)

Mam taki kod:

Kod:
<html>

  <body bgcolor="black">

<bgsound src="/howsoonisnow.wav" loop="infinite" />

<center>

<img src="/images/startnapis.jpg"/>

<br>

<img src="/images/startlogo.jpg"/>

<br>

<td  class='mbody' align='right'><table width='100%' cellpacing='0' cellpadding='0' border='0'><tr><td class='toplogo'><center><a href="/portal.php"><img src="/images/wejscie.jpg" alt="Wejście" border="0" onmouseover="this.src = '/images/wejscie.gif'" onmouseout="this.src = '/images/wejscie.jpg'"/></a><img src="/images/kreska.jpg"/><a href="http://google.pl/"><img src="/images/wyjscie.jpg" alt="Wyjście" border="0" onmouseover="this.src = '/images/wyjscie.gif'" onmouseout="this.src = '/images/wyjscie.jpg'"/></a></center></td></tr></table>

<br>

<img src="/images/startnapis.jpg"/>

</center>

</body>

</html>

Wiem że jest on tragicznie napisany. Nieraz nie ładuje się dźwięk a nieraz animowane ikony, nie wiem kompletnie jak oddzielić ikonę wyjście od wejścia, ale tak żeby były wyśrodkowane (musiałem pomiędzy włożyć pusty rysunek. Napisze mi ktoś jak powinien poprawnie , (albo lepsze zamienniki) wyglądać ten kod?

Poju · 09-02-2008, 19:09

Kod html wstawiamy w code.

Kod:
<html>

<head>

<bgsound src="howsoonisnow.wav" loop="-1">

</head>

<body bgcolor="black">

<center>

<img src="/images/startnapis.jpg"/>

<br>

<img src="/images/startlogo.jpg"/>

<br>

&nbsp;<table width='100%' cellpacing='0' cellpadding='0' border='0'><tr><td class='toplogo'><center><a href="/portal.php"><img src="/images/wejscie.jpg" alt="Wejście" border="0" onmouseover="this.src = '/images/wejscie.gif'" onmouseout="this.src = '/images/wejscie.jpg'"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://google.pl/"><img src="/images/wyjscie.jpg" alt="Wyjście" border="0" onmouseover="this.src = '/images/wyjscie.gif'" onmouseout="this.src = '/images/wyjscie.jpg'"/></a></center></td></tr></table>

<p>

<img src="/images/startnapis.jpg"/>

</p>

</center>

</body>

</html>

Wd. mnie podkład dziwiękowy daj w zakładce <head>, a odstęp pomiędzy obrazkami zwykłym:

Kod:
&nbsp;

Morfeusz_2005 · 09-02-2008, 19:25

Wielkie dzięki o to chodziło. Dzięki takim jak ty moge się przynajmniej więcej nauczyć niż czytając tutoriale :-)

ppawel4 · 19-02-2008, 02:52

Poju napisał(a):Wd. mnie podkład dziwiękowy daj w zakładce <head>, a odstęp pomiędzy obrazkami zwykłym:
Kod:
 

Wd. mnie zamiast stosować

Kod:
&nbsp;

lepszym gozwiązaniem byłoby użyć marginesu np.

Kod:
margin-left: 20px;

Morfeusz_2005 · 19-02-2008, 03:05

Próbowałem z marginesami ale nie działa. Przesuwa obrazek za bardzo w jena stronę tak że obrazki nie są wyśrodkowane. Jest dobrze jak jest

***Marcin*** · 21-02-2008, 02:44

Stosowanie   do przesuwania elementów powinno być zakazane, tak samo jak użycie więcej niż jeden raz tego znaku Wink

. Wystarczy obrazki wrzucić w diva i wyśrodkować zawartość. Następnie dla obrazków nadać padding lub margin i będzie zgodnie ze stadardami. Poniżej przykład:

kod CSS:

Kod:
#obrazki {

width: 500px;

text-align: center;

} 

#obrazki .lewy {

margin-right: 10px;

}

#obrazki .prawy{

margin-left: 10px;

}

Kod HTML:

Kod:
<div id="obrazki">

    <img src="obrazek.jpg" alt="" class="lewy" />

    <img src="obrazek.jpg" alt="" class="prawy" />

</div>

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie