| Autor | Zpráva | ||
|---|---|---|---|
| matesek Profil |
#1 · Zasláno: 16. 12. 2009, 17:04:44 · Upravil/a: matesek
Dělal jsem si sám , jako laik své CSS jen na rozvržení stránky . Mohl by mi prosím někdo napsat funkční CSS ?
Moje , které je asi jen s parametrama jak to má vypadat , ale né kde co má být , nebo já nevim :
<style>
#nahore {
height: 30px ;
background-color: red ;
}
#vlevo {
float: left;
width: 200px;
background-color: blue;
}
#vpravo {
float: right;
width: 200px;
background-color: green;
}
#dole {
height: 100px;
background-color: grey;
}
#text {
background-color: yellow;
}
</style>
Mělo by to být něco jako Odkaz |
||
| Manq Profil |
#2 · Zasláno: 16. 12. 2009, 17:36:42
Když pominu skutečnost, že šedá se zapisuje "po americku" jako gray, tak to nevypadá špatně.
Zkus se podívat sem http://interval.cz/clanky/trisloupcovy-plovouci-css-layout-s-relativnim-pozicovanim/ -- je to téměř to samé, co chceš ty. Hodně štěstí |
||
| matesek Profil |
#3 · Zasláno: 16. 12. 2009, 17:48:44 · Upravil/a: matesek
Díky , zkusím zítra přečíst , dnes na to nemám moc času .
|
||
| matesek Profil |
#4 · Zasláno: 16. 12. 2009, 18:40:55
Nenašel by se někdo , kdo by mi přes ICQ radil , někdy v budoucnu ?
|
||
| matesek Profil |
#5 · Zasláno: 16. 12. 2009, 19:21:22
Manq:
„nevypadá špatně“ To CSS samo o sobě třeba ne , ale když to dám na stránky , tak to dělá neplechu . |
||
| Manq Profil |
#6 · Zasláno: 16. 12. 2009, 19:49:20
matesek:
Tak sem hoď odkaz na svou stránku. Snaž se to pochopit z mnou odkazované stránky. Víc ti zatím neporadím. |
||
| J Profil * |
#7 · Zasláno: 16. 12. 2009, 22:30:34
matesek: „když to dám na stránky , tak to dělá neplechu“
Nezapomněl jsi na čistič? |
||
| matesek Profil |
#8 · Zasláno: 17. 12. 2009, 05:55:50
J:
„Nezapomněl jsi na čistič?“ Já to vůbec neumím , takže jsem jen zadal parametry a zarovnání a tím to u mě končí . |
||
| matesek Profil |
#9 · Zasláno: 17. 12. 2009, 07:14:10
odzkoušeno , nefunguje mi to .
<style>
<--
body{
margin: 0px;
padding: 0px;
}
.main{
margin: 5px;
}
.hlavicka{
width: 100%;
margin-bottom: 5px;
background-color: red;
}
.benner-ie{
text-allign: center;
}
.banner{
width: 468px;
height: 60px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
text-allign: left;
background-color: yellow;
}
.left{
width: 150px;
height: 250px; // nemusí být
float: left;
background-color: green;
}
.right{
width:150px;
height:250px, // nemusí být
float: right;
background-color: blue;
}
.middle{
margin-left: 155px;
margin-right: 155px;
height: 120px;
background-color: black;
}
.paticka{
width: 100%;
margin-top: 5px;
clear: both;
background-color: pink;
}
-->
</style> |
||
| panther Profil |
#10 · Zasláno: 17. 12. 2009, 09:11:01
matesek:
„Já to vůbec neumím , takže jsem jen zadal parametry a zarovnání a tím to u mě končí .“ a co mi s tím? Jestli chceš, uč se, jestli ne, jdi od toho. Nemusíš nám říkat, co umíš a neumíš. |
||
| Manq Profil |
#11 · Zasláno: 17. 12. 2009, 17:46:57
matesek:
.right{
width:150px;
height:250px, // nemusí být
float: right;
background-color: blue;
}Tady máš dvě chyby. Za 250px musí být středník, ne čárka. Komentáře se takto nezapisují, v tvém zápisu je float: right; ignorován. Stejně tak u .left. Kód funguje. |
||
| matesek Profil |
#12 · Zasláno: 17. 12. 2009, 18:16:55
Obě chyby jsem opravil , ale pořád to nejde . Je i možnost , že ten text , co je v něm zabírá větší místo než je ten div ?
|
||
| Manq Profil |
#13 · Zasláno: 17. 12. 2009, 18:22:42
matesek:
Co kdybys byl od té lásky a dal sem odkaz na svou stránku! Když zadáváš výšku, tak tu ta možnost samozřejmě je, ale podle mě to na funkčnost nebude mít vliv. |
||
| matesek Profil |
#14 · Zasláno: 17. 12. 2009, 18:40:50
Style.css :
<style>
<--
body{
margin: 0px;
padding: 0px;
}
.main{
margin: 5px;
}
.hlavicka{
width: 100%;
margin-bottom: 5px;
background-color: red;
}
.benner-ie{
text-allign: center;
}
.banner{
width: 468px;
height: 60px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
text-allign: left;
background-color: yellow;
}
.left{
width: 150px;
height: 250px; /* nemusí být */
float: left;
background-color: green;
}
.right{
width:150px;
height:250px; /* nemusí být */
float: right;
background-color: blue;
}
.middle{
margin-left: 155px;
margin-right: 155px;
height: 120px;
background-color: black;
}
.paticka{
width: 100%;
margin-top: 5px;
clear: both;
background-color: pink;
}
-->
</style>Index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//cs"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows-1250">
<LINK rel="stylesheet" href="style.css" type="text/css">
<TITLE>Test stránky
</TITLE>
</HEAD>
<BODY>
<div id="main">
<div id="hlavicka">
<?php include "nadpis.php"; ?>
</div>
<div id="banner-ie">
<div id="banner">
<?php include "error404.php"; ?>
</div>
</div>
<div id="middle">
<?php include "text.php"; ?>
</div>
<div id="left">
<?php include "menu.php"; ?>
</div>
<div id="right"">
<?php include "novinky.php"; ?>
</div>
<div id="paticka">
<?php include "konec.php"; ?>
</div>
</div>
</BODY>
</HTML> |
||
| Manq Profil |
#15 · Zasláno: 17. 12. 2009, 18:47:36
matesek:
Přehoď v HTML <div id="middle">
<?php include "text.php"; ?>
</div>až za <div id="right"">
<?php include "novinky.php"; ?>
</div>Nefunguje ti to, páč v CSS tvoříš class pomocí tečky a v HTML odkazuješ pomoc # id. Buď jedno, nebo druhé. |
||
| matesek Profil |
#16 · Zasláno: 17. 12. 2009, 19:10:43
Manq:
„Nefunguje ti to, páč v CSS tvoříš class pomocí tečky a v HTML odkazuješ pomoc # id. Buď jedno, nebo druhé.“ A jaký je rozdíl v zápisu HTML mezi . a # ? |
||
| Manq Profil |
#17 · Zasláno: 17. 12. 2009, 19:13:53
matesek:
.right {float:left; .... }
<div class="right">Text</div>
#right {float:left; .... }
<div id="right">Text</div>
Základní věci, které se dozvíš na http://www.jakpsatweb.cz/css/css-tridy-class.html |
||
| matesek Profil |
#18 · Zasláno: 17. 12. 2009, 19:37:55
Díky , nyní se to tam již zobrazuje , ale ty sloupce ( levý a pravý ) začínají , až když končí střed ( middle ) .
|
||
| Manq Profil |
#19 · Zasláno: 17. 12. 2009, 19:41:44
|
||
| matesek Profil |
#20 · Zasláno: 17. 12. 2009, 19:57:32
To jsem právě udělal , ale pořád nic .
|
||
| Manq Profil |
#21 · Zasláno: 17. 12. 2009, 20:05:47
|
||
| matesek Profil |
#22 · Zasláno: 18. 12. 2009, 19:09:42
|
||
| Manq Profil |
#23 · Zasláno: 19. 12. 2009, 07:24:14
matesek:
Na tebou odkazované stránce není <div id="middle"> v kódu až za <div id="right">, nediv se tedy, že ti to nefunguje. Koukni se ke mně, uvidíš tam, že MIDDLE je až za RIGHT. |
||
| matesek Profil |
#24 · Zasláno: 19. 12. 2009, 20:37:34 · Upravil/a: matesek
Aha tak takhle , já pořád měl na mysli Middle v CSS kódu :-)
Teď už to funguje , ale jaksi mi tam chybí automatické prodlužování stránky . |
||
| Manq Profil |
#25 · Zasláno: 19. 12. 2009, 22:20:40
matesek:
V 95 % je jedno, kde v CSS daný zápis je. „Teď už to funguje , ale jaksi mi tam chybí automatické prodlužování stránky .“ To bude způsobovat asi ta zadaná fixní výška. |
||
| matesek Profil |
#26 · Zasláno: 20. 12. 2009, 08:04:27
OK , když jsem všude ty výšky smazal , tak se ty sloupce zkrátily a to se mi taky nelíbí . Na fórech jsem se dočetl , že se nedá udělat , aby byly všechny stejně dlouhé . Tak se tedy zeptám , jak udělat , aby ty dva sloupce byly pořád stejně pozicované na obrazovce při pohybu na stránce . Viděl jsem to u kamaráda . Dal si menu na levou stranu ( takový malý čtvereček ) a když sjel na stránce někam níže , tak to menu "hýbalo" po stránce podle toho , kam se on posunul . Nevím jestli je to zprávný název , ale asi plovoucí okno . Mohl by někdo poradit s tímhle ?
|
||
| panther Profil |
#27 · Zasláno: 20. 12. 2009, 09:39:14
matesek:
„Na fórech jsem se dočetl , že se nedá udělat , aby byly všechny stejně dlouhé“ nejsou, ale vypadají. Řeší se to všude, i tady, tak si to dohledej. „Mohl by někdo poradit s tímhle ?“ podívej se na stránku ke kamarádovi - HTML, CSS i JS jsou v kódu vidět. |
||
| DAvid Profil * |
#28 · Zasláno: 20. 12. 2009, 12:12:19
Ahoj, lze nejak pomoci CSS zajistit, aby se leve menu, ktere je pozicovane do <div> a nastaveno float left natahovalo stejne podle obsahu stranky a nemusela se nastavovat pokezde jeho vyska individualne podle obsahu ?
diky moc |
||
| Railbot Profil |
#29 · Zasláno: 20. 12. 2009, 13:00:30
DAvid:
Založ si příště vlastní téma. A ne, nejde. Jen nasimulovat pomocí pozadí. |
||
| panther Profil |
#30 · Zasláno: 20. 12. 2009, 13:01:09
DAvid:
založ si vlastní vlákno a neparazituj v cizích. |
||
|
Téma pokračuje na další straně.
|
|||
0