Problem: web pomocí html a css!
Dobrý den, jsem studentka 2.roč. SOŠ grafické. Máme za úkol zpracovat ročníkovou práci, která se skládá z několika částí a jednou z nich je design a nainstalování webu pomocí html a css. Ve škole jsme se instalaci věnovali jenom tak zhruba s tím, že si zbytek máme dostudovat sami a s případnými dotazy dojít za panem profesorem. Já nejsem moc samoukový typ. A tady natává můj problem. Právě instaluju web pomocí html a css ale moc dobře mi to nejde. Proto bych chtěla poprosit někoho z vás, kdo by mi mohl pomoci. Zkouším to se stránkou jakpsatweb.cz ale pořád se mi to nedaří
.
Prvním zádrhelem je:
Jak zarovnat tlačítka do určitého sloupce? Mám tam dva sloupce, jeden je bílý a druhý šedivý. Ten bílý, je vlevo, tam mají být tlačítka. Potřebuji, aby byly vycentrovány na střed toho bílého sloupce a neutíkali mi mimo něj. Zatím se tak děje.
Druhým zádrhem je:
Nevím, jak mám udělat 27 px mezeru mezi levým a pravým sloupcem. Zatím je tam nějaká o šíři cca 5 cm, která se tam udělala sama po vložení pravé a levého sloupce.
Nakonec máme stránky nahrát na webzdarma. Pro lepší představu mého problemu, by asi bylo lepší je tam nahrát a odkaz sem vložit, ale zatim se mi stránky nepodařilo nahrát a nevim, kde je problem. Budu to dále zkoušet.
Všem, předem děkuju za odpověd
. Kristýna
Edit: Stránky se právě podařilo nahrát na adresu martinmartin.unas.cz
Takže kdo můžete, pomožte prosím
Změna kategorie, původně: Programování (fromM2U)
Jde to mnoha různými způsoby. Například je uzavřít do bloku, tomu bloku definovat šířku a obtékání. Třeba:
<div style="width: 150px; text-align: center; background-color: silver; float: left; padding: 5px 27px 5px 27px;">
tlačítko<br>
tlačítko<br>
tlačítko<br>
tla čítko<br>
</div>
<div style="width: *; background-color: white; color: black;">
obsah obsah obsah obsah obsah obsah obsah obsah obsah
</div>
Píšu to z hlavy, je možné, že jsem na něco zapomněl.
Ještě aby to nebylo nalepené k sobě
margin-right: 15px; takže celé
<div style="margin-right: 15px; width: 150px; text-align: center; background-color: silver; float: left; padding: 5px 27px 5px 27px;">
tlačítko<br>
tlačítko<br>
tlačítko<br>
tla čítko<br>
</div>
<div style="width: *; background-color: white; color: black;">
obsah obsah obsah obsah obsah obsah obsah obsah obsah
</div>
Ten div s tlačítky jde také udělat o 2x 27px širší, než tlačítka (nevím jak jsou široká)a protože je zarovnáno na střed, vzniknou ty mezery a není potřeba onen boční padding.
Dobry den, slecna Kristyna,
rad ti pomozem, mozeme sa dohodnut aj na mail aj na icq. Od piatka mam volno, ak to teda az tak nesuri.
To zarovnání mi funguje, děkuji, ale dostala jsem se na hodnotu 1 px a ještě to potřebuje zarovnat víc doleva, tak jsem tam dala -10, což je asi nejmenšší, protože dál už to nefunguje. Tak jak tedy prosím dál? A nevím jak posunout ty tlačítka nahoru.
Kdybys sem vložila ten kus kódu co tam máš, bylo by to hned. Ale když je to tajné, špatně se píše o něčem imaginárním. Všeobecně pokud je chceš nahoru (ani nepíšeš kam jak o kolik), zruš ten horní padding 5px a dej tam 0.
Já teď jdu pryč a budu až večer. Ale je tu hafo lidu, co ti s takovou maličkostí, jako je posunutí tlačítek někam jistě poradí raz-dva.
Pro představu také můžeš pořídit obrázek a dát ho sem
http://pc.poradna.net/article/view/4-jak-ulozit-obs ah-obrazovky
http://pc.poradna.net/article/view/2-vlozeni-obrazk u-na-poradnu
Kráťo, není to tajné, ale Kristy se nedařilo ten webík někam umístit. Už jsme společně pokročily o kus dál, viz příspěvek zde Díky za snahu pomoct
Už jsem tu. Na Webuzdarma to mám totálně rozhozené. Aby sem nakopírpovala kus kódu, nepotřebuje to dávat někam na web. Ale už to tam je a tím lépe, super.
Zkoušela jsem napsat ten zdrojový kód podle toho co jste mi napsal a nefunguje mi to. Musim říct, že tomu programování vůbec ale vůbec nerozumim. Tohle bylo to původní, co jsem tam měla napsnáno:
<div class="obsah">
<div class="levy">
<p align= "center">
<a href="tlacitko_ofilmu.htm"><img src="images/tlacitko_ofilmu.gif" border="0"></a>
<a href="tlacitko_herci.htm"><img src="images/tlacitko_herci.gif" border="0"></a>
<a href="tlacitko_tvurci.htm"><img src="images/tlacitko_tvurci.gif" border="0"></a>
<a href="tlacitko_galerie.htm"><img src="images/tlacitko_galerie.gif" border="0"></a>
<a href="tlacitko_napsali.htm"><img src="images/tlacitko_napsali.gif" border="0"></a>
<a href="tlacitko_partneri.htm"><img src="images/tlacitko_partneri.gif" border="0"></a>
<a href="tlacitko_kontakt.htm"><img src="images/tlacitko_kontakt.gif" border="0"></a>
</p>
<div class="black"></div>
</div>
tlačítka jsou velká 158x50 px, potřebuji je dát pod to víno cca 48px a doprostřed.
Všem co mi tu pomáhají prosím, aby se mnou měli velkou trpělivost
Záleží na tom, co je v CSS souboru pod tím ".levy". Já tu psal přímý styl.
Tohle co tu máš by se dalo použít. Jen tomu .levy nadefinovat šířku a obtékání.
A nedovolil jsem ti vykat mi.
v CSS mám
.levy {width: 266px; float: left; padding-left: 31px; padding-top: 10px;}
ale mám pocit, že ať se snažim o cokoliv, tak že se mi ten web ještě víc pokazí
a u toho padding-top bych potřebovala nějakejch -45px aby se to zarovnalo tak, jak chci, ale tahle hodnota zadat nejde
A co hodit to menu nahoru?
http://css.interval.cz/clanky/dvousloupcovy-layout- s-pevnou-sirkou/
A k tomu vínu dej ještě nějaký obrázek, třeba výjev z toho filmu nebo něco takového.
btw v čem si dělala ten popis k tomu? Ten design se mi líbí, jak je tam na podkladu nějaký obrázek.
celé to dělám v poznámkovém bloku a text jsem na tam nechala z photoshopu a dalo to jako obrázek
Obrázek do obrázku by šel dát pouze pomocí složítého css, dále nesmí to být obrázky, ale pozadí + text na tom, jinak se to pobije
Něčeno takového chceš docílit?
vino
(splácnuto během chvilky a z hlavy, dalo by se s tím ještě hodně vyhrát).
jj přesně tak, takhle nějak by to mělo vypadat, ale už mám hotovou aspoň tu titulní strana
V pátek už je pozdě. Je to do pátku. Já vim, pracuji na tom na poslední chvíli, ale byla jsem na dovolené a tohle mám teďka za trest
.
Tak potom nic, len som sa ponukol. Ries to teda tu.
Ahoj Kristy
Držím palce 
Zkus to nahrát kamkoliv na web, nemusí to být zrovna webzdarma. Prostě někam, kde by to bylo dostupné pro kohokoliv, kdo ti chce pomoct. Pokud to chceš nahrát zrovna na webzdarma, napiš přesně, co a jak děláš - a v jaké fázi se ti objeví nějaká chyba. Čím více informací sem napíšeš, tím lépe
Edit o něco později:
Kristy, stránky jsi mi poslala přes ICQ, podařilo se mi umístit je na web na provizorní adresu martinmartin.unas.cz
Už vím, proč ti to "nešlo" nahrát na web. V tom balíčku, cos mi poslala, totiž chyběl soubor index.htm (nebo index.html apod.) což je dost podstatné pro řádné fungování webu. Jediný soubor, který měl příponu htm , se jmenoval bobule.htm
Ten jsem ti tam samozřejmě nechala, ale zároveň jsem udělala jeho kopii a tu kopii jsem nazvala index.htm
Nevím, jestli vás ve škole učili, že při otevírání webu se automaticky načítá jako první stránka index.něco - většinou index.htm
Takže pokud máš web dejme tomu www.kristy.cz a takhle ho zadáš do internet exploreru, tak se ti automaticky otevře index.htm
Pokud bys chtěla, aby se lidi dostali na jinou stránku, musíš jim poslat celý odkaz, dejme tomu bobule.htm
Ale pokud máš na webu JENOM stránku bobule.htm a pošleš lidem odkaz jen na www.kristy.cz nebo na www.bobule.cz tak tam nic neuvidí, protože prohlížeš je nepřesměruje na tu stránku bobule.htm
Píšu to srozumitelně?
Ve tvém webu jsem nedělala jiné změny kromě toho zkopírování stránky bobule.htm do index.htm
Sice bych měla připomínky k formátování atd., ale beru, že je to zatím polotovar a že si leccoš ještě doděláš a upravíš. Tak se sem zase ozvi a přeju hodně trpělivosti. A nevěš hlavu, jestli ti to hned nepůjde. Nikdo učenej z nebe nespadl. Každej nějak začínal
Eva M.
Dej tu reklamu dolů, ta to očividně kazí