Diskuze: Prečo mi nedokážem zarovnať odstavec pod text?

Zuza Du

Člen

Zuza Du:17.3.2020 16:10

Ahojte, som totalna začiatočníčka, naviac samouk a snažím sa logicky prísť sama na veci, ale niečo sa mi podarí, niečo nie, je to veľmi náročné a máte moj obdiv, ako sa v tom vobec dokážete orientovať. Stránku som nenaprogramovala ja, snažím sa editovať, čo sa dá, ako mi šéf nariadi ale som zúfalá už.
Prosím o pomoc, pre niekoho určite banalita, ja už som skúšala všetko a po viac než 4 hodinách zbytočného skúšania možno nájdem dobrú dušu, ktorá poradí, čo je v riadku špatne...
Odstavec nejde zarovnať ako by mal byť.
Ak to sem nepatrí, omlúvam sa a zmažem.Ďakujem za akúkoľvek radu.

Zkusil jsem: </div>
<div class="wrapper col4">
<div id="container">
<h1>Právní služby</h1>
<h2>Advokátní kancelář poskytuje klientům právní pomoc v těchto oblastech práva:</h2>
<div style="height: 90px;">
<div style="width: 33%; float: left; position: relative;">
<ul>
<li>
<h2><a href="#zastupovani_pred_soudy" title="Zastupování před soudy">Zastupování před soudy</a></h2>
</li>
<li>
<h2><a href="#odskodneni_za_prutahy_soudu" title="Odškodnění za průtahy soudu">Odškodnění za průtahy soudu</a></h2>
</li>
<li>
<h2><a href="#náhrada škody v souvislosti s krizovými situacemi" title="Náhrada škody v souvislosti s krizovými situacemi">Náhrada škody v souvislosti s krizovými situacemi</a></h2>
</li>
</ul>
</div>
</div>
<div>
**<p>Nejčastěji řešíme soudní spory o nezaplacené pohledávky, o **náhradu škody, spory z porušení smlouvy, spory týkající se komplikací v zaměstnání, spory v souvislosti s bydlením a rodinné záležitosti. Na základě specifických požadavků klienta poskytujeme právní služby i v jiných právních oblastech.</p>
<div style="height: 10px"></div>
<h3><a name="zastupovani_pred_soudy">Zastupování před soudy</a></h3>
<p>
Jsme profesionálové, přesto vstřícní a neformální a chápeme klienty, kteří mohou být nervózní a zmatení v soudní síni. Vždy vám vysvětlíme, jaké jsou vaše možnosti.
</p>
<ul>
<li>před zahájením soudního řízení pečlivě zhodnotíme případ a upozorníme vás na rizika, která může soudní řízení přinést</li>
<li>zvážíme a předložíme vám možnosti mimosoudního vyřešení sporu, neboť soudní řízení nebývá levným ani rychlým řešením</li>
<li>upozorníme vás v případě, kdy otálení s podáním žaloby může definitivně uzavřít cestu k vymožení práva (např. promlčení, prekluze)</li>
<li>vysvětlíme vám, co vás čeká v řízení před soudem</li>
<li>poskytneme vám oporu při jednání v soudní síni</li>
<li>věnujeme maximální úsilí k ochraně vašich práv</li>
<li>klademe důraz na sledování aktuální judikatury soudů v České republice a Evropského soudu pro lidská práva ve Štrasburku</li>
</ul>
<h3><a name="odskodneni_za_prutahy_soudu">Odškodnění za průtahy soudu</a></h3>
<ul>
<li>stát poskytuje odškodnění v částce 15.000,- Kč až 20.000,- Kč za každý jeden rok nepřiměřeně dlouhého řízení počínaje druhým rokem</li>
<li>nárok na odškodnění lze uplatnit již v průběhu soudního řízení, nejpozději však do 6 měsíců od právní moci konečného rozhodnutí</li>
<li>není rozhodné, zda jste nepřiměřeně dlouhý spor vyhráli či prohráli – nárok na odškodnění máte vždy</li>
<li>nárok na odškodnění mají fyzické i právnické osoby</li>
<li>vše vyřešíte z pohodlí vašeho domova prostřednictvím emailu, případně pošty, nemusíte osobně chodit do naší kanceláře</li>
<li>podáme za vás žádost na Ministerstvo spravedlnosti ČR. Pokud ministerstvo žádosti nevyhoví, poskytne příliš nízké odškodnění nebo žádost nestihne vyřídit ve lhůtě 6ti měsíců, podáme za vás žalobu k soudu a budeme vás zastupovat před soudem</li>
<li>vaše účast u soudu není nutná</li>
</ul>
<h3><a name="náhrada škody v souvislosti s krizovými situacemi">Náhrada škody v souvislosti s krizovými situacemi</a></h3>
<ul>
<li>stát je povinen nahradit škodu způsobenou v příčinné souvislosti s krizovými opatřeními (zákon o krizovém řízení č. 240/2000 Sb.)</li>
<li>nárok na odškodnění lze uplatnit nejpozději do 6 měsíců od doby, kdy se poškozený o škodě dozvěděl</li>
<li>nejprve je třeba podat žádost o odškodnění k Ministerstvu vnitra ČR</li>
<li>pokud ministerstvo žádosti nevyhoví, je třeba podat žalobu k soudu</li>
<li>nárok na odškodnění mají fyzické i právnické osoby</li>
<li>náhrada škody se neposkytuje právnickým a fyzickým osobám, které zavinily vznik škodné události</li>
<li>výši škody je třeba přesně vyčíslit a podložit důkazy</li>

</ul>

</div>

</div>
</div>
</asp:Content>

Chci docílit: Ide mi o to, aby odstavec bol zarovnaný pod text a neviem prísť na to, prečo skočí za text.

Odpovědět

17.3.2020 16:10

Jurajs

Člen

Jurajs:17.3.2020 17:31

Ahoj, doporučím ti se naučit nejprve pořádně stylovat v CSS, ale ne do HTML ale zvlášť do CSS souboru. Nechápu trochu html kód , co přesně měli znamenat ty styly? :-o
Trochu jsem ti to poupravil...možná někdo bude mít víc času a koukne na to do hloubky
Jinak co se týká stylování textu atp...vše do CSS souboru!

Tady je HTML kód

<div class="wrapper col4">
<div id="container">
<h1>Právní služby</h1>
<h2>Advokátní kancelář poskytuje klientům právní pomoc v těchto oblastech práva:</h2>

<nav class="seznam">
<ul>
<li>
<h2>Zastupování před soudy</h2>
</li>
<li>
<h2>Odškodnění za průtahy soudu</h2>
</li>
<li>
<h2>Náhrada škody v souvislosti s krizovými situacemi</h2>
</li>
</ul>
  </nav>

<div class="text">
**<p>Nejčastěji řešíme soudní spory o nezaplacené pohledávky, o **náhradu škody, spory z porušení smlouvy, spory týkající se komplikací v zaměstnání, spory v souvislosti s bydlením a rodinné záležitosti. Na základě specifických požadavků klienta poskytujeme právní služby i v jiných právních oblastech.</p>
<h3><a  name="zastupovani_pred_soudy">Zastupování před soudy</h3>
<p>
Jsme profesionálové, přesto vstřícní a neformální a chápeme klienty, kteří mohou být nervózní a zmatení v soudní síni. Vždy vám vysvětlíme, jaké jsou vaše možnosti.
</p>
<ul>
<li>před zahájením soudního řízení pečlivě zhodnotíme případ a upozorníme vás na rizika, která může soudní řízení přinést</li>
<li>zvážíme a předložíme vám možnosti mimosoudního vyřešení sporu, neboť soudní řízení nebývá levným ani rychlým řešením</li>
<li>upozorníme vás v případě, kdy otálení s podáním žaloby může definitivně uzavřít cestu k vymožení práva (např. promlčení, prekluze)</li>
<li>vysvětlíme vám, co vás čeká v řízení před soudem</li>
<li>poskytneme vám oporu při jednání v soudní síni</li>
<li>věnujeme maximální úsilí k ochraně vašich práv</li>
<li>klademe důraz na sledování aktuální judikatury soudů v České republice a Evropského soudu pro lidská práva ve Štrasburku</li>
</ul>
<h3><a name="odskodneni_za_prutahy_soudu">Odškodnění za průtahy soudu</h3>
<ul>
<li>stát poskytuje odškodnění v částce 15.000,- Kč až 20.000,- Kč za každý jeden rok nepřiměřeně dlouhého řízení počínaje druhým rokem</li>
<li>nárok na odškodnění lze uplatnit již v průběhu soudního řízení, nejpozději však do 6 měsíců od právní moci konečného rozhodnutí</li>
<li>není rozhodné, zda jste nepřiměřeně dlouhý spor vyhráli či prohráli – nárok na odškodnění máte vždy</li>
<li>nárok na odškodnění mají fyzické i právnické osoby</li>
<li>vše vyřešíte z pohodlí vašeho domova prostřednictvím emailu, případně pošty, nemusíte osobně chodit do naší kanceláře</li>
<li>podáme za vás žádost na Ministerstvo spravedlnosti ČR. Pokud ministerstvo žádosti nevyhoví, poskytne příliš nízké odškodnění nebo žádost nestihne vyřídit ve lhůtě 6ti měsíců, podáme za vás žalobu k soudu a budeme vás zastupovat před soudem</li>
<li>vaše účast u soudu není nutná</li>
</ul>
<h3><a name="náhrada škody v souvislosti s krizovými situacemi">Náhrada škody v souvislosti s krizovými situacemi</h3>
<ul>
<li>stát je povinen nahradit škodu způsobenou v příčinné souvislosti s krizovými opatřeními (zákon o krizovém řízení č. 240/2000 Sb.)</li>
<li>nárok na odškodnění lze uplatnit nejpozději do 6 měsíců od doby, kdy se poškozený o škodě dozvěděl</li>
<li>nejprve je třeba podat žádost o odškodnění k Ministerstvu vnitra ČR</li>
<li>pokud ministerstvo žádosti nevyhoví, je třeba podat žalobu k soudu</li>
<li>nárok na odškodnění mají fyzické i právnické osoby</li>
<li>náhrada škody se neposkytuje právnickým a fyzickým osobám, které zavinily vznik škodné události</li>
<li>výši škody je třeba přesně vyčíslit a podložit důkazy</li>

</ul>

</div>

</div>
</div>

Editováno 17.3.2020 17:32

Nahoru Odpovědět

17.3.2020 17:31

Jurajs

Člen

Jurajs:17.3.2020 17:33

Úprava se týkála: že jsem smazal všechny nepotřebné styly v HTML ....

Nahoru Odpovědět

17.3.2020 17:33

Zuza Du

Člen

Zuza Du:17.3.2020 17:58

Moc ďakujem, idem to upraviť. Ďakujem za pomoc, ja som v začiatkoch a mám pred sebou ešte fakt dlhú cestu...

Nahoru Odpovědět

17.3.2020 17:58

Zuza Du

Člen

Zuza Du:17.3.2020 18:21

Jurajs, netušíš, ako si mi pomohol, funguje to a som nadšená! Bez teba by som nad tým sedela ešte 2 dni. Máš za sebou dobrý skutok, fakt díky.

Nahoru Odpovědět

17.3.2020 18:21

Jurajs

Člen

Jurajs:17.3.2020 20:18

V pohodě, rád pomůžu když vím jak Kdyby ses ještě chtěla na něco zeptat, napiš

Nahoru Odpovědět

17.3.2020 20:18

Peter Mlich

Člen

Peter Mlich:18.3.2020 8:29

https://validator.w3.org/#…
Ono, kdyz to pustis pres validator, tak tam najde dalsi problemy v kodu, ktere ti muzou delat nekdy pozdeji problemy pri dalsich zmenach.

<div class="wrapper col4">
    <div id="container"><h1>Právní služby</h1>
        <p>Advokátní kancelář poskytuje klientům právní pomoc v těchto oblastech práva:
        </p>
        <nav class="seznam">
            <ul>
                <li>
                <a href="zastupovani_pred_soudy">Zastupování před soudy</a>
                </li>
                <li>
                <a href="#odskodneni_za_prutahy_soudu">Odškodnění za průtahy soudu</a>
                </li>
                <li>
                <a href="#nahrada_skody_v_souvislosti_s_krizovými_situacemi">Náhrada škody v souvislosti s krizovými situacemi</a>
                </li>
            </ul>
        </nav>
        <div class="text">**
            <p>Nejčastěji řešíme soudní spory o nezaplacené pohledávky, o **náhradu škody, spory z porušení smlouvy, spory týkající se komplikací v zaměstnání, spory v souvislosti s bydlením a rodinné záležitosti. Na základě specifických požadavků klienta poskytujeme právní služby i v jiných právních oblastech.
            </p>
            <a id="zastupovani_pred_soudy"></a><h2>Zastupování před soudy</h2>
            <p>Jsme profesionálové, přesto vstřícní a neformální a chápeme klienty, kteří mohou být nervózní a zmatení v soudní síni. Vždy vám vysvětlíme, jaké jsou vaše možnosti.
            </p>
            <ul>
                <li>před zahájením soudního řízení pečlivě zhodnotíme případ a upozorníme vás na rizika, která může soudní řízení přinést
                </li>
                <li>zvážíme a předložíme vám možnosti mimosoudního vyřešení sporu, neboť soudní řízení nebývá levným ani rychlým řešením
                </li>
                <li>upozorníme vás v případě, kdy otálení s podáním žaloby může definitivně uzavřít cestu k vymožení práva (např. promlčení, prekluze)
                </li>
                <li>vysvětlíme vám, co vás čeká v řízení před soudem
                </li>
                <li>poskytneme vám oporu při jednání v soudní síni
                </li>
                <li>věnujeme maximální úsilí k ochraně vašich práv
                </li>
                <li>klademe důraz na sledování aktuální judikatury soudů v České republice a Evropského soudu pro lidská práva ve Štrasburku
                </li>
            </ul>
            <a id="odskodneni_za_prutahy_soudu"></a><h2>Odškodnění za průtahy soudu</h2>
            <ul>
                <li>stát poskytuje odškodnění v částce 15.000,- Kč až 20.000,- Kč za každý jeden rok nepřiměřeně dlouhého řízení počínaje druhým rokem
                </li>
                <li>nárok na odškodnění lze uplatnit již v průběhu soudního řízení, nejpozději však do 6 měsíců od právní moci konečného rozhodnutí
                </li>
                <li>není rozhodné, zda jste nepřiměřeně dlouhý spor vyhráli či prohráli – nárok na odškodnění máte vždy
                </li>
                <li>nárok na odškodnění mají fyzické i právnické osoby
                </li>
                <li>vše vyřešíte z pohodlí vašeho domova prostřednictvím emailu, případně pošty, nemusíte osobně chodit do naší kanceláře
                </li>
                <li>podáme za vás žádost na Ministerstvo spravedlnosti ČR. Pokud ministerstvo žádosti nevyhoví, poskytne příliš nízké odškodnění nebo žádost nestihne vyřídit ve lhůtě 6ti měsíců, podáme za vás žalobu k soudu a budeme vás zastupovat před soudem
                </li>
                <li>vaše účast u soudu není nutná
                </li>
            </ul>
            <a id="nahrada_skody_v_souvislosti_s_krizovými_situacemi"></a><h2>Náhrada škody v souvislosti s krizovými situacemi</h2>
            <ul>
                <li>stát je povinen nahradit škodu způsobenou v příčinné souvislosti s krizovými opatřeními (zákon o krizovém řízení č. 240/2000 Sb.)
                </li>
                <li>nárok na odškodnění lze uplatnit nejpozději do 6 měsíců od doby, kdy se poškozený o škodě dozvěděl
                </li>
                <li>nejprve je třeba podat žádost o odškodnění k Ministerstvu vnitra ČR
                </li>
                <li>pokud ministerstvo žádosti nevyhoví, je třeba podat žalobu k soudu
                </li>
                <li>nárok na odškodnění mají fyzické i právnické osoby
                </li>
                <li>náhrada škody se neposkytuje právnickým a fyzickým osobám, které zavinily vznik škodné události
                </li>
                <li>výši škody je třeba přesně vyčíslit a podložit důkazy
                </li>
            </ul>
        </div>
    </div>
</div>

Ty odkazy v seznamu funguji jako odskok na ten nadpis, kotvu pred nim. Kotva je lepsi pred nadpisem a ne na nem, protoze pak to skace o radek niz a nadpis je schovany.
Navic, h2 nema v seznamu co delat. Nadpisy se tykaji textu.
Nad seznamem nemuze byt nadpis, to je jen pruvodny text, oznameni, ceho se seznam tyka.

Teda, kdyby ses chtela drzet pravidel nejakych logickych uprav. Ale mam zkusenosti, ze sef to vidi jinak. A ve editorech v CMS je casto jednodusi vybrat styl=nadpis nez neco jineho, co by tam melo spravneji byt.
To formatovani mam z pspadu. Neni to zadna slava, ale prijde mi to o neco prehlednejsi nez to neformatovat vubec.

Editováno 18.3.2020 8:30

Nahoru Odpovědět

18.3.2020 8:29

Zuza Du

Člen

Zuza Du:18.3.2020 12:23

Peter Mlich, som vďačná za každú radu. Naučím sa postupne aj vďaka týmto radám, pre mňa veľmi užitočných. Ďakujem! :-)

Nahoru Odpovědět

18.3.2020 12:23

albertpatera

Tvůrce

albertpatera:18.3.2020 13:08

Ahoj,

jen takové doporučení. Dobré by bylo odsazovat HTML tahy, jak jsou pod sebou. Tzn. nepsat vše pod sebe, ale když máš třeba <li></li> a v tom odkaz <a></a> (to patří pod LI), takže to bude odsazeno.

<ul>
        <li>
                <a href="#">Home</a>
        </li>
</ul>

Odsazuje se tabulátorem.

plus doporučuji zde používat formátování kódu. Zamezíš tomu, aby se Ti z HTML adkazl vytvořil normální odkaz (klikatelný).

Přeji hodně úspěchu

Nahoru Odpovědět

18.3.2020 13:08