Stránka 1 z 1

CSS - pozicování textového pole  Vyřešeno

Napsal: 19 lis 2010 10:36
od mistr moskva
Dobrý den,
prostřednictvím tohoto příspěvku, bych rád poprosil zkušenější a zkušené programátory v oboru html a css o malou pomoc s obsahem těchto stránek http://www.naukazku.okamzite.eu

Jedná se o šablonu staženou z http://www.freecsstemplates.org/ a do jisté míry upravenou k obrazu svému - až na pravou část stránek - ve zdrojovém kódu označenou jako "page", přesněji se jedná o část s textem "Přijďte se uvolnit a zarelaxovat si", fotografiií a doprovodným textem, pocházejícím ještě z původního vzhledu šablony.
Chci tuto část zarovnat s nadpisem vlevo nahoře "Masáže", ale bohužel se nemohu zorientovat ve zdrojovém kódu css - mám velmi málo zkušeností.
Došel jsem k názoru, že pozice tohoto pole je nastavena "nějak nepřímo", zkušenější uživatelé jistě omluví mojí nevybíravou terminilogii, a je ovlivněna v závislosti na celkovém levém obsahu - je to jen má doměnka, určitě se velmi rád nechám poučit.

Cesta ke zdrojovému kódu css je následující http://www.naukazku.okamzite.eu/default.css Takže kdyby někdo zasvěcený měl chuť mi sem napsat který řádek a jak upravit, byl bych moc rád :)

V neposlední řadě bych chtěl podotknout, že stránky pomáhám realizovat kamarádce bez jakéhokoliv finančního ohodnocení - aby si náhodou někdo nemyslel, že za jeho radu a v podstatě know-how dostanu zaplaceno. :smile:

Předem děkuji za Všechny vaše konstruktivní přípomínky a rady. Uvítám i jiné rady, nedržící se striktně předmětu tohoto příspěvku - např. volbu vhodné domény třetího řádu.

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 10:46
od Myloš
Odkaz http://www.naukazku.okamzite.eu nefunguje, přesměrovává mě to na nedostupnou adresu http://fs02.ic.cz/
Byl by funkční odkaz?

Aha, už to jede.

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 10:54
od Myloš
h2.title {?px;}
kdy místo odtazníku dosaď nějaké číslo, může být i záporné.
Pro jistotu si ale vše překontroluj v nejužívanějších prohlížečích, zda to sedí (IE 7/8, Firefox, Opera, můžeš i Chrome a Safari; prohlížeše, které nemáš, nemusíš pro takovou prkotinu instalovat, pomůže browsershots.org).

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 10:57
od mistr moskva
Skvělé, děkuji za odpověď. Nakrmím syna a půjdu to hned zkusit. Poté označím vlákno za vyřešené. Ještě jednou děkuji a přeji příjemný den.

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 11:37
od mistr moskva
Tak nevím... spojení h2.title jsem ve zdrojáku nenašel.. Takže jsem zkusil upravit takto:

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
margin: 0;
padding: 0;
}

body {
margin-top: 40px;
background: #FFFFFF;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #757E82;
}

h1, h2, h3 {
color: #AA2808;
}

h1 {
}

h2 {
50px;
}

h3 {
}

Ale nijak se to na stránkách neprojevilo :/ Zkoušel jsem i zápornou hodnotu - asi bych potřeboval určit více polopatě.

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 13:36
od Myloš
spojení h2.title jsem ve zdrojáku nenašel

To vůbec nevadí, tak ho na konec CSS souboru dopiš a je to. Jde o to, že tato konkrétní <h2 class="title"> potřebuje pohnout s okrajem.

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 14:18
od mistr moskva
Tak jsem to tam tak napsal, vyzkoušel velkou a malou hodnotu, ale neprojevilo se to nijak :/ Jestli tak, můžeš se podívat do toho souboru úplně dolů, jestli jsem to tam napsal správně?

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 15:21
od Myloš
Já jsem ale pitomec – zapomněl jsem na vlastnost, ke které ty px patří. Ta vlastnost je margin-top, takže ještě jednou a už konečně správně (+ direktiva !important, protože nevím proč, ale něco tomu bránilo):

h2.title {margin-top: 30px !important;}

Potvrzuji, že tohle už mi fungovalo v Opeře, Exploreru i Firefoxu.

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 15:23
od mistr moskva
Dobře, jdu to zase vyzkoušet. Ještě jednou díky za tvůj čas :)

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 15:27
od mistr moskva
Super, funguje to skvěle. Už jsem si to nastavil do vyhovující pozice. Ještě jednou díky :)

Re: CSS - pozicování textového pole

Napsal: 19 lis 2010 15:45
od Myloš
Rádo se stalo; tohle bylo jednoduché.