Problem wygląda następująco. Mam sekcje "opis". W niej 7 linijek tekstu. Gdy usunę 1 linijkę to "opis1" podchodzi do góry. Gdy usunę, np. 4 kolejne linijki to już wszystko na stronie nie jest na swoim miejscu.
Ludzie, ratujcie. Sram się z tą stroną dzisiaj od samego rana, a tutaj chce zmienić sekcje i lipa.
Wrzucam kod, mam nadzieje, że nie dostaniecie oczopląsów, gdyż kod jest trochę obszerny..
HTML:
<nav id="nawigacja" class="anchor">
<div class="logo"><a href="index.php">Mazurski 1.0
</a></div> <div class="menu"><a href="#opis3" rel="rozsuwane_1">Serwer
</a> <a href="#opis1">Rejestracja
</a> <a href="#forum">Forum
</a> <p5><?php print (''.$_SERVER['REMOTE_ADDR'].''); ?></p5>
<div class="jezyk"><a href="en/index.php"> </a></div> </nav>
<? include 'config.php';?>
<?php
$ilosc = count(glob("$diraccount/*.*"));
$ilosc_monsters = count(glob("$dirmonsters/*.*"));
?>
<div style="position: relative; top: -10px;"> <b>IP:
<?=$ip_serwera?><br> PORT:
<?=$port_serwera?></b><br>Istniejących kont:
<?=$ilosc;?><br>Ilość potworów:
<?=$ilosc_monsters;?><br>
<?php
$info = chr(6).chr(0).chr(255).chr(255).'info';
$sock = @fsockopen($ip_serwera, $port_serwera, $errno, $errstr, 1);
if ($sock)
{
fwrite($sock, $info);
$data='';
while (!feof($sock))
$data .= fgets($sock, 1024);
fclose($sock);
print '<div style="position: relative; top: -23px; font-size: 13; font-weight: bold; color: darkgreen"><br><font color="green">ONLINE!
</font></div>';
preg_match('/players online="(\d+)" max="(\d+)" peak="(\d+)"/', $data, $matches);
print '
<div style="position: relative; top: -25px; font-size: 11; font-weight: normal; color: #000000"><font face="verdana"><strong>Graczy:
</strong></font> ';
print $matches[1] . '/' . $matches[2];
preg_match('/uptime="(\d+)"/', $data, $matches);
$h = floor($matches[1] / 3600);
$m = floor(($matches[1] - $h*3600) / 60);
print "
<br><strong>Uptime:
</strong> $h " . ($h==1? 'godzina' : ($h==2||$h==3||$h==4? 'godziny' : 'godzin'));
print " $m " . ($m==1? 'minuta' : ($m==12||$m==13||$m==14? 'minut' : ($m%10==2||$m%10==3||$m%10==4? 'minuty' : 'minut'))) . '
</div>';
}
else
print '
<div style="position: relative; top: -23px;font-size: 13; font-weight: bold; color: red"><br>OFF!
</div>';
<header class="anchor">
<div class="content-top">
<div class="content-bot">
<script type="text/javascript" src="slideshow.js?v42"></script>
<script type="text/javascript" src="/wow/static/local-common/js/third-party/swfobject.js?v42"></script>
<div id="slideshow" class="ui-slideshow">
<div class="slide" id="slide-0"
style="background-image: url(images/1.png); ">
<div class="slide" id="slide-1"
style="background-image: url(images/2.png); display: none;">
<div class="slide" id="slide-2"
style="background-image: url(images/3.png); display: none;">
<div class="slide" id="slide-3"
style="background-image: url('images/4.png'); display: none;">
<div class="slide" id="slide-4"
style="background-image: url('images/5.png'); display: none;">
<a href="java script:;" id="paging-0"
onclick="Slideshow.jump(0, this);"
onmouseover="Slideshow.preview(0);"
class="current">
<a href="java script:;" id="paging-1"
onclick="Slideshow.jump(1, this);"
onmouseover="Slideshow.preview(1);"
>
<a href="java script:;" id="paging-2"
onclick="Slideshow.jump(2, this);"
onmouseover="Slideshow.preview(2);"
>
<a href="java script:;" id="paging-3"
onclick="Slideshow.jump(3, this);"
onmouseover="Slideshow.preview(3);"
>
<a href="java script:;" id="paging-4"
onclick="Slideshow.jump(4, this);"
onmouseover="Slideshow.preview(4);"
class=" last-slide">
<h3><a href="#" class="link"></a></h3>
<script type="text/javascript">
//<![CDATA[
$(function() {
Slideshow.initialize('#slideshow', [
{
image: "images/1.png",
title: "Interesujące miejsca!",
url: "",
id: "5469718"
},
{
image: "images/2.png",
title: "Ciekawe zadania!",
url: "",
id: "5469724"
},
{
image: "images/3.png",
title: "Niezliczone nagrody!",
url: "",
id: "5543230"
},
{
image: "4.png",
title: "Areny gladiatorów!",
url: "",
id: "5490809"
},
{
image: "5.png",
title: "Ogromne piekła z wieloma tajemnicami!",
url: "",
id: "5338753"
}
]);
});
//]]>
<section id="opis">
Styl strony powstał na podstawie jednego z portfolii. Chciałem napisać coś unikalnego, unikatowego. Chciałem, aby owy ACC maker odróżniał się od innych. Aby nie był taki sam jak reszta. Dwie kolumny po prawej stronie, środek i koluma po lewej. Jest to mój pierwszy ACC Maker. Obecna wersja strony jest pod
<strong>XML
</strong>. W przyszłości może napiszę wersję SQL! Wszelkie propozycje, błędy etc. proszę zgłaszać w
<strong>temacie na forum
</strong>, z którego pobraliście owy ACC Maker!
<br> s
<p>Wszystkie opisy na stronie głównej można usunąć i edytować według swojego upodobania!
<br> Proszę nie usuwać tylko
<strong>stopki
</strong> na samym dole strony!
</p> </section>
<section id="opis1">
<form method="post" action="newacc.php">
Account Number:
<?
$account = rand(100000, 999999);
print '<font color="#000000" face="verdana" size="1">' . $account . '
</font> <input type="hidden" name="account" value="' . $account . '">' . "\n";
Nick:
<input type="text" name="nick" maxlength="20" /> <p3>(Maksymalnie 20 znaków!)
</p3><br> Password:
<input type="password" name="pass" maxlength="10"><p3>(Maksymalnie 10 znaków!)
</p3><br> Płeć:
<br><input type="radio" name="sex" value="1" checked> Male
<br> <input type="radio" name="sex" value="0"> Famale
<br> Klasa:
<br><input type="radio" name="vocation" value="1" checked> Sorcerer
<br> <input type="radio" name="vocation" value="2" > Druid
<br> <input type="radio" name="vocation" value="3" > Paladin
<br> <input type="radio" name="vocation" value="4" > Knight
<br> <input type="submit" value="Create"> <input type="reset" value="Reset"> </section>
<section id="opis2">
<p4>
Account Number:
<input type="text" name="account"><br> Password:
<input type="password" name="pass"><br> <input type="submit" value="Zaloguj!"> </p4>
</section>
<section id="opis3">
<a href="stats.php&showskill=level"><p3>Level
</p3></a><br> <a href="?body=stats&skill=magic"><p3>Magic Level
</p3></a><br> <a href="?body=stats&skill=sword"><p3>Sword
</p3></a><br> <a href="?body=stats&skill=axe"><p3>Axe
</p3></a><br> <a href="?body=stats&skill=club"><p3>Club
</p3></a><br> <a href="?body=stats&skill=distance"><p3>Distance
</p3></a><br> <a href="?body=stats&skill=fist"><p3>Fist
</p3></a><br> <a href="?body=stats&skill=fishing"><p3>Fishing
</p3></a><br> <a href="?body=stats&skill=shield"><p3>Shielding
</p3></a><br> <a href="?body=stats&skill=kills"><p3>Kills Frag
</p3></a><br>
</section>
<div class="praca"><div class="first"><img src="images/1a252.png" alt="" /></div> <div class="praca1"><div class="first"><img src="images/2a252.png" alt="" /></div> <div class="praca2"><div class="first"><img src="images/3a252.png" alt="" /></div> <div style="clear: both"></div> </header>
[HTML][CSS][PHP]Gdy usunę linijkę tekstu to wszystko na stronie traci pozycje
6.08.2012, 21:17:08
