pozycjonowanie - Wersja do druku

pozycjonowanie - Wersja do druku

+- 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: pozycjonowanie (/thread-pozycjonowanie--7368)

pozycjonowanie - stozek419 - 28-07-2011

Mam problem z ulozeniem strony!
http://peempro.polspeed.0lx.net
strona na rozdzielczosci 124 768 wyglada tak jak chce ale na wiekrzych rozdzielczosciach przesowa sie wszystko zdiecie buttony odtwarzacz wyglada to wtedy jak porozrucane w czym moze byc problem pomozecie?
oto kod


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>

<HEAD>
<head>
<meta name="Robots" content="index, follow" />

</head
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<META HTTP-EQUIV="Creation-date" CONTENT="2002.03.16">
<META HTTP-EQUIV="Reply-to" CONTENT="adres zwrotny">
<META NAME="Description" CONTENT="peempro">
<META NAME="Author" CONTENT="peempro">
<META NAME="Generator" CONTENT="peempro">
<TITLE>PEEMPRO Oficjalna strona</TITLE>
</HEAD>
<BODY>


<IMG SRC="logo.JPG" WIDTH="654" HEIGHT="56" BORDER="0" alt="position: absolute; right: 90px; top: 0px" style="position: absolute; right: 90px; top: 0px" />

<style type="text/css">

</style>

<div style="position:relative; top:50px; left:750px;">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div id="player-holder"></div>

<script type="text/javascript">
var options = {};
options.playlistXmlPath = "playlist.xml";

var params = {};
params.allowScriptAccess = "always";

swfobject.embedSWF("OriginalMusicPlayerPlaylist.swf", "player-holder", "250", "250", "9.0.0",false, options, params, {});
</script>
/></a></div>

<div style="position:relative; top:80px; left:1px;">
<font color=#F9900F><B>WITAMY NA STRONIE</B>
<B><I><U>PEEMPRO</U></I></B>
<br />
<B>LUBELSKI HIP-HOP (PODZIEMIE)</B>
</font>
/></a></div>

<IMG SRC="2.jpg" WIDTH="350" HEIGHT="320 alt="position: absolute; right: 320px; top: 180px" style="position: absolute; right: 320px; top: 100px"
/>

<div style="position:relative; top:-30px; left:235px;">
<a href="index.html"><img style="border-style: none" alt="" src="sg.jpg" onmouseout=" this.src='sg.jpg' " onmouseover=" this.src='sg1.jpg' " onmousedown=" this.src='sg2.jpg'"hspace="0" vspace="150 " /></a>
<a href="index1.html"><img style="border-style: none" alt="" src="g.jpg" onmouseout=" this.src='g.jpg' " onmouseover=" this.src='g1.jpg' " onmousedown=" this.src='g2.jpg'"hspace="0" vspace="150 " /></a>
<a href="index2.html"><img style="border-style: none" alt="" src="b.jpg" onmouseout=" this.src='b.jpg' " onmouseover=" this.src='b1.jpg' " onmousedown=" this.src='b2.jpg'"hspace="0" vspace="150 " /></a>
<a href="index3.html"><img style="border-style: none" alt="" src="d.jpg" onmouseout=" this.src='d.jpg' " onmouseover=" this.src='d1.jpg' " onmousedown=" this.src='d2.jpg'"hspace="0" vspace="150 " /></a>
<a href="index6.html"><img style="border-style: none" alt="" src="v.jpg" onmouseout=" this.src='v.jpg' " onmouseover=" this.src='v1.jpg' " onmousedown=" this.src='v2.jpg'"hspace="0" vspace="150 " /></a>

/></a></div>

<div style="position:relative; top:-150px; left:800px;">
<font color=#F9900F><B>w dziale</B></font><p></p>
<font color=#F9900F><B><U>DOWNLOAD</U></B></font><p></p>
<font color=#F9900F><B>mozna pobierac<p></p> nasze kawalki<p></p> nagrane w 2010 / 2011 roku</B></font>
/></a></div>

<div style="position:relative; top:-240px; left:1px;">
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPEEMPRO%2F206780442707383&width=292&colorscheme=dark&show_faces=true&border_color&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>
/></a></div>

<div style="position:relative; top:-750px; left:300px;">
<font color=#F9900F><B><U>ruszyla praca nad nowa plytka</U></B><p></p>ktora nazwa wyjdzie w " praniu "<p></p>bity oczywiscie 100% nasze<p></p>goscie na majku Nerwus , Smoker BRW oraz inni<p></p>narazie jestesmy na etapie produkcji podkladow :)</font>
/></a></div>

<div style="position:relative; top:-710px; left:300px;">
<font color=#F9900F><B><U>sa juz pierwsze ujecia do klipu</U></B></font><p></p><font color=#F9900F>Smoker (Wbrew Regulom) - Cos jest nie tak</font><p></p><font color=#F9900F><U>( prod. <B>PEEMPRO</B> )</U></font>
/></a></div>

<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>

<div id="404kon"><font color=#FFFFFF></font><a href="http://www.404bajery.pl"></a></div><script type="text/javascript" src="http://404bajery.pl/kontakt/[email protected]&szer=122"></script>



<table width="160" border="0" cellspacing="1" cellpadding="0" align="center" bgcolor="#000000"><tr><td><table width="100%" border="0" cellspacing="0" cellpadding="3" align="center" bgcolor="#FFFFFF">
<form method="post" action="http://www.sub.4free.pl/subscribe.php">
<input type="hidden" name="uid" value="501183">
<tr><td align="center" bgcolor="#66cc99"><b>subskrypcja</b></td></tr> <tr><td align=center>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr><td align="center"><input type="hidden" name="sub_id[]" value="52429"><b>PEEMPRO</b></td></tr></table><br>
<b>Twój email</b><br><input type="text" name="email" size="15"><br>
<select name="action"><option value="subscribe" selected>Wpisz na listę</option><option value="unsubscribe">Wypisz z listy</option>
</select><br><br><input type="hidden" name="allow_html" value="1">
<input type="submit" value="Gotowe !"></td></tr>
<tr><td align="right"><a href="http://www.sub.4free.pl/info.php?sub_id=52429&uid=501183" style="font-family: tahoma; font-size:11px; color:#009900; font-weight:normal;">dowiedz się więcej >> </a></td></tr></form></table></td></tr></table>


<font color=#F9900F><P ALIGN="CENTER">Copyright &copy 2011 PEEMPRO Wszystkie prawa zastrzeżone©</P></font>


</BODY>
</HTML>

RE: pozycjonowanie - Marys - 28-07-2011

Nie wiem czy o to Ci chodzi, ale ja np. zrobiłbym tak dał wszystko do jednego div i nadał takie style

Kod:
width: 980px; margin: 0 auto; text-align: center;

RE: pozycjonowanie - stozek419 - 28-07-2011

chodzi mi ot to zeby wszystko wygladlo jednakowo na kazdej rozdzielczosci bo na 768-1024 jest dobrze a na wyrzszej logo buttony oraz zdiecie ulega przesunieciu w rozne kierunki
http://peempro.polspeed.0lx.net

chodzi mi o to logo
<IMG SRC="logo.JPG" WIDTH="654" HEIGHT="56" BORDER="0" alt="position: absolute; right: 90px; top: 0px" style="position: absolute; right: 90px; top: 0px" />

zdiecie
<IMG SRC="2.jpg" WIDTH="350" HEIGHT="320 alt="position: absolute; right: 320px; top: 180px" style="position: absolute; right: 320px; top: 100px"
/>

oraz buttony

<div style="position:relative; top:-30px; left:235px;">
<a href="index.html"><img style="border-style: none" alt="" src="sg.jpg" onmouseout=" this.src='sg.jpg' " onmouseover=" this.src='sg1.jpg' " onmousedown=" this.src='sg2.jpg'"hspace="0" vspace="150 " /></a>
<a href="index1.html"><img style="border-style: none" alt="" src="g.jpg" onmouseout=" this.src='g.jpg' " onmouseover=" this.src='g1.jpg' " onmousedown=" this.src='g2.jpg'"hspace="0" vspace="150 " /></a>
<a href="index2.html"><img style="border-style: none" alt="" src="b.jpg" onmouseout=" this.src='b.jpg' " onmouseover=" this.src='b1.jpg' " onmousedown=" this.src='b2.jpg'"hspace="0" vspace="150 " /></a>
<a href="index3.html"><img style="border-style: none" alt="" src="d.jpg" onmouseout=" this.src='d.jpg' " onmouseover=" this.src='d1.jpg' " onmousedown=" this.src='d2.jpg'"hspace="0" vspace="150 " /></a>
<a href="index6.html"><img style="border-style: none" alt="" src="v.jpg" onmouseout=" this.src='v.jpg' " onmouseover=" this.src='v1.jpg' " onmousedown=" this.src='v2.jpg'"hspace="0" vspace="150 " /></a>

kture tez ulegaja przesunieciu na wyrzszej stronie