+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [html] problem z wyśrodkowaniem obrazka (/thread-html-problem-z-wy%C5%9Brodkowaniem-obrazka)
[html] problem z wyśrodkowaniem obrazka - Morfeusz_2005 - 09-02-2008
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?
RE: [html] problem - Poju - 09-02-2008
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>
<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> <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:
RE: [html] problem - Morfeusz_2005 - 09-02-2008
Wielkie dzięki o to chodziło. Dzięki takim jak ty moge się przynajmniej więcej nauczyć niż czytając tutoriale :-)
RE: [html] problem - ppawel4 - 19-02-2008
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:
Kod:
margin-left: 20px;RE: [html] problem - Morfeusz_2005 - 19-02-2008
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
RE: [html] problem - Marcin - 21-02-2008
Stosowanie do przesuwania elementów powinno być zakazane, tak samo jak użycie więcej niż jeden raz tego znaku
. 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:
<div id="obrazki">
<img src="obrazek.jpg" alt="" class="lewy" />
<img src="obrazek.jpg" alt="" class="prawy" />
</div>