Autor Zpráva
Sathy
Profil *
Zdravím mam takový problém při zmenšení stránky (ctrl + kolečko myši). KDyž stránky zmenším, všechno se rozhodí všude možně..

Tu je css:

/* CSS Document */
body, html {
background-image: url(loga/pozadi.jpg);


}






.logo1 {
position: relative; 
left: 685px;
top: 100px;
border: 0px;
}             


.logo2 {
position: relative; 
left: 700px;
top: 100px;
border: 0px;
}


.logo3 {
position: relative; 
left: 78px;
top: 420px;
border: 0px;
}


.logo4 {
position: relative; 
left: 95px; 
top: 420px;
border: 0px;
}






.napis {
position: relative; 
left: -525px; 
top: -230px;
}


.napis1 {
position: relative; 
left: -525px; 
top: -227px;
border: 0px;
}


div#text
{
position: absolute; 
left: 730px;
top: 130px;
border: 0px;


}


div#text2
{
position: absolute; 
left: 1230px;
top: 130px;
border: 0px;


}


div#text3
{
position: absolute; 
left: 730px;
top: 700px;
border: 0px;


}


div#text4
{
position: absolute; 
left: 1230px;
top: 700px;
border: 0px;


}


div#text5
{
position: absolute; 
left: 700px;
top: 770px;
border: 0px;


}






div#pata
{
 position: absolute; 
 left: 700px;
top: 870px; 
border: 0px;

A tu je html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//CS">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="generator" content="PSPad editor, www.pspad.com" />




  <link rel="stylesheet" href="index.css">
  <title></title>
  </head>
  <body>
  <div id="hr">
<hr align="center">
</div>
  <div id="cara">


  </div>
    <a href="news.php"><img src="loga/logo.png" alt="logo" width="300"  class="logo1"></a>
    <a href="news.php"><img src="loga/Logo2.png" alt="logo" width="300"  class="logo2"></a>
    <a href="news.php"><img src="loga/Logo3.png" alt="logo" width="300"  class="logo3"></a>
    <a href="news.php"><img src="loga/Logo4.png" alt="logo" width="300" class="logo4"></a>
    <a href="news.php"><img src="loga/Napis1.png" alt="logo" width="300"  class="napis1"></a>
    <a href="news.php"><img src="loga/Napis.png" alt="logo" width="300"  class="napis"></a>


    <div id="text">
    <b>INTERNET</b>
    </div>
    <div id="text2">
    <b>VOIP</b>
    </div>    
    <div id="text3">
    <b>IP TV</b>
    </div>
    <div id="text4">
    <b>SERVIS</b>
    </div>


    <div id="text5">
    Rozhodli jsme se nesrovnávat naše služby s ostatními, rozhodovat se 
    samostatně a stanovit vlastní pravidla,<br> která budete mít rádi. Naše slovo 
    platí a proto nabízíme takovou úroveň služeb, se kterou bychom se rádi 
    <br>sami setkávali jako lidé každý den.


    Vítejte ve světě MIDGARD
    </div>


<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


<div id="hr">
<hr align="center">
</div>


  <br><br><br><br>
  
  <div id="hr">
<hr align="center">
</div>


  <div id="pata">
  <big><big>O firmě | Kontakty</big></big>
  </div>
  
  <br><br>
  <div id="hr">
<hr align="center">
</div>


  </body>
</html>


Ukázka jak se to rozhodí:

juriad
Profil
Prosím o odkaz na živou ukázku. Nikdo se nebude zabývat 200 řádky kódu, který si musí sám zprovoznit.
_es
Profil
Sathy:
Relativní pozicování trápí začátečníky

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: