Autor Zpráva
Ossis
Profil *
#1 · Zasláno: 7. 2. 2006, 11:18:10
Odpovědět Citovat
Nevíte, jak udělat, aby se text (adf) neodsazoval podle menu?
http://gimik.borec.cz/!php/bara/index.html
Miloš
Profil
#2 · Zasláno: 8. 2. 2006, 22:15:28
Odpovědět Citovat
Podle jakého menu se to nemá odsazovat? Jednak tam žádné menu nevidím, druhak to vypadá stejně v IE, Opeře i FF.
Ossis
Profil *
#3 · Zasláno: 9. 2. 2006, 13:42:20
Odpovědět Citovat
Špatně jsem se vyjádřil. Snad obrázek řekne více.

Ještě přihodím stylopis:
#obal {width: 80%; margin: auto;}
#menu {position: aboslute; top: 0px; left: 0px; float: left; background: url('pict/levyroh.gif') top left no-repeat #CC9933; width: 180px; text-align: center;}
.spodek {background: url('pict/spodniroh.gif') bottom left no-repeat; padding: 10px;}
.hlavicka {background: url('pict/pravyroh.gif') top right no-repeat #CC9933; margin-left: 0px; padding-left: 15px; height: 55px}
#patka {background: url('pict/spodniroh.gif') bottom left no-repeat #CC9933; clear: left; text-align: center;}
#patka-uvnitr {background: url('pict/spravy.gif') top right no-repeat;}
#obsah {margin-left: 0px; padding-left: 15px; margin-right: 35px;}
#podteceni {background: url('pict/vynechani.gif') right repeat-y beige; margin-left: 180px;}
#obteceni {background: url('pict/vypln.gif') left repeat-y; margin-left: 0px;}
Miloš
Profil
#4 · Zasláno: 10. 2. 2006, 01:47:02
Odpovědět Citovat
Chtělo by to zlidštit sémantiku kódu, neb jsem se nestačil <div>it. Trochu jsem to tedy učesal a tady to je, funkční v IE <= 5, FF 1.5 a Opeře 8.51 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<style type="text/css">

body {font: 90% "Trebuchet MS", arial, sans-serif;

  background-color: #fff; color: #000; text-align: center;}

#obal {width: 80%; margin: auto; position: relative; text-align: left;}



#menu {position: aboslute; top: 0px; left: 0px;

  background: url('levyroh.gif') top left no-repeat #cc9933;

  width: 180px; text-align: center;}

#spodek {background: url('spodniro.gif') bottom left no-repeat; padding: 10px;}

#spodek p {background: #cc9933 url(logo.gif) no-repeat top center; padding-top: 150px;}



#podteceni {background: url('vynechan.gif') right repeat-y beige;

  position: absolute; left: 180px; top: 0; width: 80%;}

#obteceni {background: url('vypln.gif') left repeat-y; margin-left: 0px;}

h1 {background: url('pravyroh.gif') top right no-repeat #cc9933;

  margin: 0; padding-left: 15px; height: 55px;}

#patka {background: url('spodniro.gif') bottom left no-repeat #cc9933;

  text-align: center;}

address {background: url('spravy.gif') top right no-repeat;}

#obsah {margin: auto 35px 0 15px; padding-left: 0px; }

</style>



<title>Test</title>



<meta http-equiv="Content-Type" content="text/html;charset=windows-1252">

</head>

<body>

<div id="obal">

  <div id="menu">

    <div id="spodek">

      <p>adf<br>adf<br>adf<br>adf<br>adf<br>adf<br></p>

    </div>

  </div>

  <div id="podteceni">

    <div id="obteceni">

      <h1>hlavicka</h1>

      <p id="obsah">adf<br>adf<br>adf<br>adf<br>adf<br>adf<br>adf<br>adf

          <br>adf<br>adf<br>adf<br>adf<br>adf<br>adf<br>adf<br>adf<br>adf<br>adf <br>adf<br>adf<br>

      </p>

      <div id="patka"><address>Webmaster:<a href="mailto:vykuk@bohmicka-lecebna.cz">vykuk@bohmicka-lecebna.cz</a>< /address></div>

    </div>

  </div>

</div>

</body>

</html>
Miloš
Profil
#5 · Zasláno: 10. 2. 2006, 01:51:09
Odpovědět Citovat
miniBB tam opět přidal mezery, takže v řádku s patkou má být </address> a ne < /address>.
A pak – přehlédnul jsem: windows-1250 a ne 1252!
Ossis
Profil
#6 · Zasláno: 10. 2. 2006, 21:07:26
Odpovědět Citovat
Díky, <div>y ty já rád :D...
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0