Autor Zpráva
ctverecek
Profil
#1 · Zasláno: 14. 1. 2009, 10:46:23
Odpovědět Citovat
Zdravim, dal jsem se do tvorby www a chci udělat automatickou výšku textu tak jako to májí třeba tady http://www.banghandmade.cz/cz/! Když tam kliknu na KONTAKT šířka webu zůstává stejná ale jeho výška se zvětší...jak na to? Pokud je někde nějaký polopatický návod pošlete pls link díkis ;-)
srigi
Profil
#2 · Zasláno: 14. 1. 2009, 10:51:43
Odpovědět Citovat
ctverecek
WT, vsak to je normalne spravanie webu. Kukni do vedlajsieho threadu na moj prispevok ako to nakodit.
Chamurappi
Profil
#3 · Zasláno: 14. 1. 2009, 11:08:01
Odpovědět Citovat
Reaguji na ctverecka:
„Pokud je někde nějaký polopatický návod pošlete pls link“
Co je to „pls link“? Neumíš česky?

Návod je prostý: nenastavuj obsahovým blokům výšku.
ctverecek
Profil
#4 · Zasláno: 14. 1. 2009, 11:24:35
Odpovědět Citovat
pls = please => anglicky prosím :-)
áááha tak to u mých webovek bude asi problém. Mám základní grafiku rozsekanou asi na 10 částí které pomocí DIVu natáhnu do PHP. Takhle vypadá CSS:
body {
font-family: Tekton Pro;
background-color: #DEA5A5;
font-size: 10.5pt;
}

#ram {border: 1px solid black;
position: relative;
left: 50%; /*udělá půlku z šířky*/
width:800px;
margin-left:-400px; /*posune o 400px (polovina z cele sirky)*/
height:600px;
}
#finito_01 {position: absolute;
left: 0px;
top: 0px;
width: 8px;
height: 600px;
background-image: url('./images/finito_01.jpg');
background-repeat: no-repeat;
}

#finito_02 {position: absolute;
left: 8px;
top: 0px;
width: 781px;
height: 8px;
background-image: url('./images/finito_02.jpg');
background-repeat: no-repeat;
}

#finito_03 {position: absolute;
left: 789px;
top: 0px;
width: 11px;
height: 600px;
background-image: url('./images/finito_03.jpg');
background-repeat: no-repeat;
}

#finito_04 {position: absolute;
left: 8px;
top: 8px;
width: 781px;
height: 132px;
background-image: url('./images/finito_04.jpg');
background-repeat: no-repeat;
margin:0 auto;
}

#finito_05 {position: absolute;
left: 8px;
top: 140px;
width: 781px;
height: 9px;
background-image: url('./images/finito_05.jpg');
background-repeat: no-repeat;
}

#finito_06 {position: absolute;
text-align: center;
left: 8px;
top: 149px;
width: 137px;
background-image: url('./images/finito_06str.jpg');
background-repeat: no-repeat;
}

#finito_07 {position: absolute;
left: 145px;
top: 149px;
width: 12px;
height: 451px;
background-image: url('./images/finito_07.jpg');
background-repeat: no-repeat;
}

#finito_08 {position: absolute;
left: 157px;
top: 149px;
width: 632px;
background-image: url('./images/finito_08c.jpg');
background-repeat: no-repeat;
}

#finito_09 {position: absolute;
left: 8px;
top: 589px;
width: 137px;
height: 11px;
background-image: url('./images/finito_09.jpg');
background-repeat: no-repeat;
}

#finito_10 {position: absolute;
left: 157px;
top: 589px;
width: 632px;
height: 11px;
background-image: url('./images/finito_10.jpg');
background-repeat: no-repeat;
}

A takhle PHP:
<body>
<div id="ram">

<div id="finito_01">
</div>
<div id="finito_02">
</div>
<div id="finito_03">
</div>
<div id="finito_04">
</div>
<div id="finito_05">
</div>
<div id="finito_07">
</div>
<div id="finito_09">
</div>
<div id="finito_10">
</div>

<div id="finito_06">
<ul>
<div class="menu"><li><a href="domu.html">Domů</a></li></div>
<div class="menu"><li><a href="co-nabizime.html">Co nabízíme</a></li></div>
<div class="menu"><li><a href="kontakt.html">Kontakt</a></li></div>
<div class="menu"><li><a href="kde-nas-najdete.html">Kde nás najdete</a></li></div>
<div class="menu"><li><a href="reference.html">Reference</a></li></div>
<div class="menu"><li><a href="o-ucetnich.html">O účetních</a></li></div>
<div class="menu"><li><a href="odkazy.html">Odkazy</a></li></div>
</ul>
</div>
ATD.

Jde mi o web www.proucetnictvi.cz
Joker
Profil
#5 · Zasláno: 14. 1. 2009, 11:31:18
Odpovědět Citovat
ctverecek
#finito_01 {position: absolute;
left: 0px;
top: 0px;
width: 8px;
height: 600px;
background-image: url('./images/finito_01.jpg');
background-repeat: no-repeat;
}
(analogicky u těch ostatních)
...ony by se ty prvky zvětšovaly, ale když jim to zakážete, tak holt poslouchají...

Ono vůbec, když to CSS uvrhne HTML kód do takové diktatury, že mu natvrdo přikáže přesné umístění na stránce a jaké přesně rozměry má mít, tak se pak nelze divit, že ty prvky nechtějí samy nic dělat, že ;-)
ctverecek
Profil
#6 · Zasláno: 14. 1. 2009, 12:25:46
Odpovědět Citovat
No jóóó ale problém je v tom, že já mam ty jednotlivé obrázky http://www.proucetnictvi.cz/images/finito_08a.jpg dělané jako přechod z červené barvy na bílou...takže bych to viděl tak, že by bylo vhodné vyříznout spíž jen nějaký pruh a ten pak dát jako REPEAT?
Bubák
Profil
#7 · Zasláno: 14. 1. 2009, 12:30:16
Odpovědět Citovat
ctverecek
„Co je to „pls link“? Neumíš česky?“
Chamurappi pochopitelně v, co je to „pls link“, alt ptá se na důvod použití angličtiny. Čekám, kdy někomu, kdo dotaz zbytečně prošpikuje COOl angličtinou, odpoví ve stejném jazyce ;-)

Způsobu, jakým jsi udělal layout, říkám lepení obdélníčků. Najdi si normální layout, třebas tady:
http://css.interval.cz/layouty/
ctverecek
Profil
#8 · Zasláno: 14. 1. 2009, 13:20:09
Odpovědět Citovat
Jasný tak to už mam...teď mi jen prosim poradte jak to udelat s tim barevnym prechodem? Kdyz se vyska stranky zvetsi tak aby pak treba na konci te stranky se porad jen opakoval 1px prouzek?
ctverecek
Profil
#9 · Zasláno: 14. 1. 2009, 13:22:50
Odpovědět Citovat
Jeste jsem narazil na jeden problem kdyz se kouknete na http://www.proucetnictvi.cz/reference.html tak obsah menu leze ven z layoutu :-(
Chamurappi
Profil
#10 · Zasláno: 14. 1. 2009, 13:27:28 · Upravil/a: Chamurappi
Odpovědět Citovat
Reaguji na ctverecka:
Chybí ti vyclearování u patičky: 
#paticka { clear: both; }
ctverecek
Profil
#11 · Zasláno: 14. 1. 2009, 13:35:47
Odpovědět Citovat
Super dík moc...ještě nějaká rada s tím přechodem?
ctverecek
Profil
#12 · Zasláno: 14. 1. 2009, 14:35:56
Odpovědět Citovat
Vyříznul jsem si 6px bílý prouzek z obrazku http://www.proucetnictvi.cz/images/finito_06str.jpg a ted ho potrebuju nejak opakovat aby kdyz se menu roztahne tak aby tam byl porad tento 6px prouzek http://www.proucetnictvi.cz/images/rpt.jpg. Jde o tuto cast kodu:
#levypanel
{
float: left;
width: 137px;
margin:0;
padding:0;
background-image: url('./images/finito_06str.jpg');
background-repeat: repeat;
}

#levypanel-obsah
{
margin:0;
}
Časová prodleva: 15 let

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0