strona sie rozchodzi dlaczego?

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
mala88888
Posty: 3
Rejestracja: pn mar 14, 2011 5:00 pm

strona sie rozchodzi dlaczego?

Post autor: mala88888 »

witam stworzylam strone w photoshopie pocielam ja poskladalam w adobe dreamweaver niestety po umieszczeniu strony na serwerze rozchodzi sie w miejscu ciec guzików
http://www.sprinttravel.pl
wkleje kod strony glownej reszta jest ta sama tylko odnosniki sa inaczej :)

Kod: Zaznacz cały

<HTML>
<HEAD>
<TITLE>Sprint Travel przewóz osób</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
</HEAD>
<BODY BGCOLOR=#616161 LEFTMARGIN=0 TOPMARGIN=20 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Bez nazwy 1 kopia.jpg) -->
<TABLE WIDTH=1024 align="center" BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=10>
			<IMG SRC="Obrazki/logo.jpg" WIDTH=1024 HEIGHT=330 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=330 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=4>
			<IMG SRC="Obrazki/index_02.jpg" WIDTH=319 HEIGHT=2 ALT=""></TD>
		<TD ROWSPAN=6><IMG SRC="Obrazki/logo2.jpg" WIDTH=371 HEIGHT=45 ALT=""></TD>
		<TD COLSPAN=5 ROWSPAN=2>
			<IMG SRC="Obrazki/index_04.jpg" WIDTH=334 HEIGHT=5 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=2 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=7><IMG SRC="Obrazki/index_05.jpg" WIDTH=39 HEIGHT=476 ALT=""></TD>
		<TD ROWSPAN=3><a href="index.html"><IMG SRC="Obrazki/glowna.jpg" border="0" WIDTH=134 HEIGHT=39 ALT="Obrazki/glowna.jpg"/></a>
		<TD ROWSPAN=4><a href="oferta.html"><IMG SRC="Obrazki/oferta.jpg" border="0" WIDTH=145 HEIGHT=42 ALT="Obrazki/ofeta.jpg"/></a>
		<TD ROWSPAN=7>
			<IMG SRC="Obrazki/index_08.jpg" WIDTH=1 HEIGHT=476 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=3 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=6>
			<IMG SRC="Obrazki/index_09.jpg" WIDTH=1 HEIGHT=473 ALT=""></TD>
		<TD ROWSPAN=5><a href="galeria.html"><IMG SRC="Obrazki/galeria.jpg" border="0" WIDTH=139 HEIGHT=41 ALT="Obrazki/galeria.jpg"/></a>
		<TD COLSPAN=3>
			<IMG SRC="Obrazki/index_11.jpg" WIDTH=194 HEIGHT=1 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=5>
			<IMG SRC="Obrazki/index_12.jpg" WIDTH=1 HEIGHT=472 ALT=""></TD>
		<TD ROWSPAN=4><a href="kontakt.html"><IMG SRC="Obrazki/kontakt.jpg" border="0" WIDTH=172 HEIGHT=40 ALT="Obrazki/kontakt.jpg"/></a>
		<TD ROWSPAN=5><IMG SRC="Obrazki/index_14.jpg" WIDTH=21 HEIGHT=472 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=35 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=4><IMG SRC="Obrazki/index_15.jpg" WIDTH=134 HEIGHT=437 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=3 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=3><IMG SRC="Obrazki/index_16.jpg" WIDTH=145 HEIGHT=434 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
	</TR>
	<TR>
		<TD ROWSPAN=2>
			<IMG SRC="Obrazki/index_17.jpg" WIDTH=371 HEIGHT=433 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=1 ALT=""></TD>
	</TR>
	<TR>
		<TD><IMG SRC="Obrazki/index_18.jpg" WIDTH=139 HEIGHT=432 ALT=""></TD>
		<TD><IMG SRC="Obrazki/index_19.jpg" WIDTH=172 HEIGHT=432 ALT=""></TD>
		<TD>
			<IMG SRC="Obrazki/spacer.gif" WIDTH=1 HEIGHT=432 ALT=""></TD>
	</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
prosze o pomoc co zrobilam zle cielam na rozne sposoby i zawsze sie rozchodzi
darek_w
Nowy
Nowy
Posty: 41
Rejestracja: sob lip 31, 2010 8:48 am

Re: strona sie rozchodzi dlaczego?

Post autor: darek_w »

Witam,
Nie wiem w którym miejscu się "rozchodzi" u mnie w FF wygląda OK. Pokaż może jakiś printscreen.
A co do reszty, to stron nie buduje się w oparciu o tabele (tabelki służą do prezentowania danych ewentualnie umieszczania formularz). Powinnaś na początku dokumentu umieścić deklarację DOCTYPE i dalej w dokumencie się jej trzymać. Nie wiem czy chcesz się zajmować dalej tworzeniem stron internetowych czy jest to jednorazowa próba - ale sposób który przedsatwiłaś powyżej jest już dość bardzo archaiczny, proponuję zajrzeć do literatury/internetu.
Pozdrawiam
Darek
mala88888
Posty: 3
Rejestracja: pn mar 14, 2011 5:00 pm

Re: strona sie rozchodzi dlaczego?

Post autor: mala88888 »

to juz 2 strona w moim wykonaniu tym samym sposobem ale tamta byla prostsza tu sie rozchodzi wlasnie tylko w internet eksplorerze bo w frifoksie dziala dobrze tu jest screen
http://img34.imageshack.us/i/beznazwy1kopiazl.jpg/
chce skonczyc ta strone aby chodzila w kazdej przegladarce czy to moze byc spowodowane rozdzielczoscia? mam ja zmniejszyc czemu w w ff dziala a w ie nie
jamart
Nowy
Nowy
Posty: 23
Rejestracja: czw gru 16, 2010 2:10 pm

Re: strona sie rozchodzi dlaczego?

Post autor: jamart »

pod ff u mnie też wygląda ok ale już pod ie to faktycznie się "rozchodzi" .
tak kończy się generowanie strony za automatu. (tagi pisane dużymi literami, brak stylów, układ na tabelkach)

przychylam się do odpowiedzi przedmówcy.

strona jest na tyle mało skomplikowana, że można się pokusić ostatecznie samemu ją posklejać lub w ostateczności użyć innego lub nowszego generatora (nie wiem na jakiej zasadzie działa dreamweaver bo nie korzystam z takich narzędzi)
mala88888
Posty: 3
Rejestracja: pn mar 14, 2011 5:00 pm

Re: strona sie rozchodzi dlaczego?

Post autor: mala88888 »

ok juz sie uporalam z tym faktem teraz mam problem innego typu :( jak mam ja wyposrodkowac w jakim miejscu bo juz stosowalam wielu sposobow podawanych na google i nic :(

oto kod :

Kod: Zaznacz cały

<DOCTYPE html PUBLIC! "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<HTML>
<HEAD>
<TITLE>Sprint Travel przewóz osób</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
<!-- ImageReady Styles (index.pdf) -->
<STYLE TYPE="text/css">
<!--

#ramka {
	position:absolute;
	left:0px;
	top:0px;
	width:49px;
	height:808px;
}

#logo {
	position:absolute;
	left:49px;
	top:0px;
	width:938px;
	height:322px;
}

#ramka2 {
	position:absolute;
	left:987px;
	top:0px;
	width:37px;
	height:808px;
}

#glowna {
	position:absolute;
	left:49px;
	top:322px;
	width:150px;
	height:56px;
}

#oferta {
	position:absolute;
	left:199px;
	top:322px;
	width:141px;
	height:56px;
}

#logo2 {
	position:absolute;
	left:340px;
	top:322px;
	width:345px;
	height:56px;
}

#galeria {
	position:absolute;
	left:685px;
	top:322px;
	width:159px;
	height:56px;
}

#kontakt {
	position:absolute;
	left:844px;
	top:322px;
	width:143px;
	height:56px;
}

#index-099 {
	position:absolute;
	left:49px;
	top:378px;
	width:938px;
	height:430px;
}
body {
	margin-left: 50%;
	margin-right: 50%;
}

-->
</STYLE>
<!-- End ImageReady Styles -->
</HEAD>
<BODY STYLE="background-color:#616161; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (index.pdf) --> 
<DIV ID="ramka">
	<IMG SRC="Obrazki/ramka.jpg" WIDTH="49" HEIGHT="808" ALT="">
</DIV>
<DIV ID="logo">
	<IMG SRC="Obrazki/logo.jpg" WIDTH="938" HEIGHT="322" ALT="">
</DIV>
<DIV ID="ramka2">
	<IMG SRC="Obrazki/ramka2.jpg" WIDTH="37" HEIGHT="808" ALT="">
</DIV>
<DIV ID="glowna">
	<a href="index.html"><IMG SRC="Obrazki/glowna.jpg" border="0" WIDTH="150" HEIGHT="56" ALT="Obrazki/glowna.jpg"></a>
</DIV>
<DIV ID="oferta">
	<a href="oferta.html"><IMG SRC="Obrazki/oferta.jpg" border="0" WIDTH="141" HEIGHT="56" ALT="Obrazki/oferta.jpg"></a>
</DIV>
<DIV ID="logo2">
	<IMG SRC="Obrazki/logo2.jpg" WIDTH="345" HEIGHT="56" ALT="">
</DIV>
<DIV ID="galeria">
	<a href="galeria.html"><IMG SRC="Obrazki/galeria.jpg" border="0" WIDTH="159" HEIGHT="56" ALT="Obrazki/galeria.jpg"></a>
</DIV>
<DIV ID="kontakt">
	<a href="KONTAKT-1.html"><IMG SRC="Obrazki/kontakt.jpg" border="0" WIDTH="143" HEIGHT="56" ALT="Obrazki/kontakt.jpg"></a>
</DIV>
<DIV ID="index-099">
	<IMG SRC="Obrazki/index_099.jpg" WIDTH="938" HEIGHT="430" ALT="">
</DIV>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
darek_w
Nowy
Nowy
Posty: 41
Rejestracja: sob lip 31, 2010 8:48 am

Re: strona sie rozchodzi dlaczego?

Post autor: darek_w »

Aby wyśrodkować, nadaj div'owi w którym umieszczona jest strona wartość margin: auto. Aha pamiętaj aby zdefiniować width i height tego diva.
ODPOWIEDZ