správné napozicování CSS

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

správné napozicování CSS

Příspěvekod mr.M » 05 říj 2010 16:17

Ahoj potřebuju nutně pomoct... mám tento kód CSS (nedávám celý jen to k věci)

Kód: Vybrat vše

body
{
background-color: #black;
font-size: 17px;
font-family: arial;

}

#celek
{border-style:solid;
border-width:1px;
border-color: white;
margin : 0 auto;
width: 850px;
height:auto;

}

#h1{
margin: left;
font-size: 44px;
}
#head
{
position:relative;

width: 852px;
height: 633px;
background-color: none;
}




#leva
{
float: left;
width: 240px;
height:240px;
background-image: url(img/leva.png);
background-repeat: no-repeat;

}
#stred{font-color:white;
float: left;
width: 372px;
height:153px;
background-image: url(img/stred.png);
background-repeat: no-repeat;
}
#prava{
float: left;
width: 240px;
height: 240px;
background-image: url(img/prava.png);
background-repeat: no-repeat;
}
#navigace
{
clear:both;
}


a takto je v html

Kód: Vybrat vše

<?
$p=$_GET["p"];
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />


  <link rel="stylesheet" type="text/css" href="style.css" />
  <title>gaseki.cz</title>
  </head>
  <body>
<!--[if IE]>
<center>
 <![endif]--> 
<div id="celek">
<div id="mezera">
</div> 
<div id="h1">

<div id="head">

<div id="leva"></div>
<div id="stred">
blabla
<div id="navigace"><center> <a href="gaseki.php?p=onas">O nás</a>
  <a href="gaseki.php?p=onas">Reference</a>
  <a href="gaseki.php?p=onas">Fotogalerie</a>
</center></div></div>
<div id="prava"></div>
 
 
    
</div>
  <div id="spodek">
<!--[if IE]>
</center>
 <![endif]-->
<!--[if IE]>
<left> 
<![endif]-->
<div id="menu">
<ul>
<li><a href="gaseki.php?p=evmark">Event Marketing a firemní akce</a></li>
<li><a href="gaseki.php?p=evmark">Dárkové předměty</a></li>
<li><a href="gaseki.php?p=evmark">Grafická studia</a></li>
<li><a href="gaseki.php?p=evmark">Catering</a></li>
<li><a href="gaseki.php?p=evmark">Databáze společnských prostorů</a></li>
<li><a href="gaseki.php?p=evmark">Hostesky</a></li>
<li><a href="gaseki.php?p=evmark">Hudba</a></li>
</ul>
</div>
<!--[if IE]>[attachment=0]PCH.png[/attachment]
</left> 
<![endif]-->
<!--[if IE]>
<center>
 <![endif]-->

<?
if($p=="")
{
$a="index";
}

if($p=="evmark")
{
$a="evmark";
}

if($p=="onas")
{
$a="onas";
}
?>

<div id="obsah">

<div id="odsazeni">
<? include("inc/".$a.".html");?></div>
</div></div>
</div><!--[if IE]>
</center>
  </div>

 <![endif]-->

  </body>
</html>








za boha, ale nemůžu přijít jak napozicovat ten tmavě žlutý obdelník nahože viz
PCH.png
No stress, have fun.

Reklama
Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod Stene » 05 říj 2010 16:34

Tvůj kód kopírovat nebudu. Nemám na to čas, pokud chceš opravdu poradit, nahoď to na živej web.

Jinak, ty neumíš udělat tři sloupce v css? :smile:
Ve finále ani nevím, co po nás chceš? Co vůbec znamená napozicování žlutého obdélníku?
vo v css znamená tohle?
font-color:white;

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod mr.M » 05 říj 2010 17:35

ne.. tři obedlníky ti napozicuju bez problémů.. ale jeden velkej a vedle něho dva malý a pak zase velkej ... nějak si to neumím sesumírovat v hlavě.. a v důsledku tam bude malá navigace.. :)
No stress, have fun.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod CZechBoY » 05 říj 2010 19:28

http://www.testing.jabko.net/spravne-pozicovani-css.php
pošli prosím všechny zdrojáky které tam mám nahodit, jinak nevím o co se tu snažíš a co ti nejde
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod Stene » 05 říj 2010 20:46


Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod mr.M » 06 říj 2010 11:12

CZechBoY: www.4all4.xf.cz/gasekicz/ostylovano/gaseki.php ... ;-)
Stene: .. ano, přesně tak to myslím :)
No stress, have fun.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod CZechBoY » 06 říj 2010 15:55

takže ty si přeješ dát ty odkazy(asi menu) mezi ty dva kusy?
proč radši neudělal 1DIV menu(tam dáš to pozadí) a do toho nenarveš to menu přes nějaký záporný pozicování?
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod mr.M » 06 říj 2010 16:20

..změnil jsem tedy velikost divu stred tak aby to odpovídalo... do něj jsem dal div navigace (jedná se o pouze ty tři odkazy) ... avšak css mi jaksi ignoruje parametr top.... nevím proč :/ + koukám že includovaný obsah mi to dává mimo div celek což taky nevím proč :huh:

edit: tak ta navigace by měla být veřešena.. zkoukněte to :)
Naposledy upravil(a) mr.M dne 06 říj 2010 16:38, celkem upraveno 1 x.
No stress, have fun.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod CZechBoY » 06 říj 2010 16:22

position:absolute(můžeš použít i relative)
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW

Uživatelský avatar
mr.M
Level 2.5
Level 2.5
Příspěvky: 276
Registrován: září 09
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: správné napozicování CSS

Příspěvekod mr.M » 06 říj 2010 18:59

no jo :D já si to umazal.. teď ještě vyzrát na ten retardovanej IE :D
No stress, have fun.

Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: správné napozicování CSS

Příspěvekod Myloš » 06 říj 2010 19:09

IE „dělá neplechu“ očividně vlivem Doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Tento doctype vyvolá Quirk, neboli režim zpětné kompatibility, což znamená, že IE nerespektuje pravidla a chová se jako starší verze (5.x).
Více viz http://www.jakpsatweb.cz/css/mody-prohlizecu.html
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)

Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: správné napozicování CSS

Příspěvekod Myloš » 06 říj 2010 19:25

CZechBoY píše:position:absolute(můžeš použít i relative)

To je jako „Polívku (můžeš použít i hřebíky)“.

Přestože v obou případech mluvíme o pozicování, každé dělá něco zcela odlišného.
  • Position: absolute vyjme element z toku dokumentu – stránka se chová tak, jako by tam onen absolutně pozicovaný element vůbec nebyl.
    Absolutně pozicovaný element je zobrazen tam, kde je mu určeno souřednicemi top (nebo bottom) a left (nebo right). Tyto souřadnice se počítají od levého (nebo pravého) a horního (nebo dolního) kraje nadřazeného pozicovaného prvku (tedy takového, který sám má position: buď absolute, nebo relative). Jestliže takový element neexistuje, vztahují se souřadnice k oknu prohlížeče.
    Nejsou-li tyto souřadnice uvedeny, element by se měl objevit na tom místě, kde by byl vykreslen bez pozicování, ale okolní prvky se ocitají na tomtéž místě, protože tam absolutně pozicovaný prvek vlastně „není“ (viz výše – „stránka se chová tak, jako by tam onen absolutně pozicovaný element vůbec nebyl“).
  • V případě position: relative se dokument formátuje zcela obvyklým způsobem, to znamená takovým, jako by pozicovaný element byl na svém obvyklém místě. Souřadnicemi top/bottom a left/right se však element z tohoto svého místa „vysune“, aniž by to jakkoli ovlivnilo vykreslování okolních elementů.
    Jestliže má dokument nastaveno position: relative, vytváří souřadnicový kontext pro absolutně pozicované elementy (a sám vůbec nemusí být posunut ze svého místa, tzn. nemá určeny souřadnice top/bottom a left/right).
Takže radit někomu, ať použije relativní nebo absolutní pozicování je holý nesmysl.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)


Zpět na “Programování a tvorba webu”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 5 hostů