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)
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
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