Autor Zpráva
Čeluk
Profil
Potřebuji aby bylo kolem každého názvu ve stránce kousek místa (jak vedle tak i dole) prostě aby byly názvy kousek od sebe. Musím ale používat tolika divů?

.pages-link {
padding:5px 5px 5px 5px;
     text-decoration:none;
display: inline-block;
}


<div class="pages-link">
Text 1,  &nbsp;&nbsp;</div>
<div class="pages-link">
Text 2,  &nbsp;&nbsp;</div>
<div class="pages-link">
Text 3,  &nbsp;&nbsp;</div>
<div class="pages-link">
Text 4,  &nbsp;&nbsp;</div>

atd... Prostě aby bylo kolem textu místo. Nejde to udělat nějak jinak aby bylo kolem textu místo? Mám jich na stránce třeba 30 (názvů) a to mi připadá úchylný.
Nebo je to po html stránce v poho?
anonymníí
Profil *
Čeluk:
padding, margin
Čeluk
Profil
No o tom já vím, ale stejně musím ty texty uzavřít do nějakého divu ne? Když chci aby byly mezi nima mezery. Navíc padding tam mám.
Lonanek
Profil
Čeluk:
Text, který chcete mít stylován musíte mít uzavřen do tagu (div, p, span, ...). Tak jak to je v příkladu, jen ty pevné mezery jsou zbytečné.
Existuje tedy nějaká ukázka jak to ve skutečnosti vypadá?
Čeluk
Profil
Takže je to dobře? Neodporuje to žádným pravidlům?
Lonanek
Profil
Pokud se Vám to zobrazuje dobře, pak je to dobře.
Jaké pravidla máte na mysli?
Tomáš123
Profil
Čeluk:
Nie všetko čo funguje je nutne správne, ale v tomto prípade musí byť text niečim obalený. Či to musí byť <div>, neviem. Význam textu si v ukážke nezachytil.
anonymníí
Profil *
Čeluk:
Pokud to jsou názvy, budou to pravděpodobně (soudě i dle třídy se suffixem "link") odkazy. Pak tam nebudeš mít divy (a nedělitelné mezery), ale odkazy.

Divy tam jsou (sémanticky - to jsou ta pravidla, na něž se ptáš) téměř jistě špatně, byť to obecně nelze říct se stoprocentní jistotou. Pokud to nejsou odkazy, správně bude pravděpodobně p. Nebo to bude seznam, tedy ul? Těžko říct, konkrétnější bych mohl být až v momentě, kdy budu znát reálný obsah.

Pokud vezmu příklad s odstavci, mohlo by to vypadat takto:
<p>text 1
<p>text 2
<p>text 3
...

Pokud se seznamem, pak třeba takto:
<ul>
    <li>text 1
    <li>text 2
    <li>text 3

Zbytek už pak bude na CSS. Do HTML více než jedna (nedělitelná) mezera nepatří, existuje mnoho CSS vlastností, které ji dokáží suplovat, a to na rozných místech.
Lonanek
Profil
Pokud je Čeluk začátečník, pak by měl také dostat správný zápis kódu. Čím hůře se to naučí na začátku, tím to pro něj bude složitější při vývoji.
Pokud tedy jsou uvedeny párové tagy, také by se měly uzavírat. Kecy o tom, že to prohlížeče zpracují správně jsou blbost! Pokud si pak totiž nechá více otevřených tagů, bude se moc a moc divit, proč se mu stránka nestyluje podle nastavení...

tedy dovolím si opravit kód anonymníí takto:
<p>text 1</p>
<p>text 2</p>
<p>text 3</p>
...
v CSS pak definovat stylování pro p {}

<div class="text">
  <p>text 1</p>
  <p>text 2</p>
  <p>text 3</p>
...
</div>
v CSS stylovat .text p {}

<p class="page-link">text 1</p>
<p class="page-link">text 2</p>
<p class="page-link">text 3</p>
...
v CSS stylovat třídu .page-link {}

<ul>
    <li>text 1</li>
    <li>text 2</li>
    <li>text 3</li>
    ...
</ul>
v CSS definovat stylování pro ul li {}

<ul>
    <li class="page-link">text 1</li>
    <li class="page-link">text 2</li>
    <li class="page-link">text 3</li>
    ...
</ul>
v CSS stylovat třídu .page-link {}

Existuje mnoho způsobů jak si s tím poradit, záleží vždy na konkrétní situaci a použití.
lionel messi
Profil
Lonanek:
Pokud je Čeluk začátečník, pak by měl také dostat správný zápis kódu.

To v [#8] aj dostal.

Pokud tedy jsou uvedeny párové tagy, také by se měly uzavírat.

Práve naopak, považujem za prínosné už v začiatkoch poznať tagy, ktoré majú koncovú (alebo i počiatočnú) značku voliteľnú. Aj začiatočník by mal mať poňatie o pravidlách, akými kód spracuje prehliadač.

Pokud si pak totiž nechá více otevřených tagů, bude se moc a moc divit, proč se mu stránka nestyluje podle nastavení...

Naopak, dávnejšie som sa na diskusii stretol s nasledovným úryvkom kódu:
<p>
  Lorem ipsum…
  <ul>
    <li>dolorem</li>
  </ul>
  set amen
</p>

Autor sa práve vďaka neznalosti obratu, ktorý použil anonymníí, veľmi čudoval, prečo sa na vyznačenú časť neaplikuje štýl pre odsek.
Chamurappi
Profil
Reaguji na Lonanka:
Pokud tedy jsou uvedeny párové tagy, také by se měly uzavírat.
Ony se zavřou samy. Nové <p> automaticky zavře stávající odstavec, nové <li> automaticky zavře stávající položku, tak funguje HTML.
Pro některé značky dokonce platí, že se i samy otevřou (třeba <head> nebo <tbody>).

Kecy o tom, že to prohlížeče zpracují správně jsou blbost!
Lepší je pravidla znát, než se jich z neznalosti bát.
Lonanek
Profil
To je věcí názoru. Spíše se přikláním k autorovi tohoto webu, který jistě ví co dělá, když popisuje jednotlivé postupy a zásady. Asi to nedělá jen tak z plezíru.
Pokud tedy budete trvat na svém, trvejte, je to Vaše věc, ale zbytečně plést někomu hlavu není pro něj přínosem. Pak klidně zapomene ukončit <div>, <span>, ..., protože někde mu někdo poradil...

Nechápu nějak význam uvedené ukázky kódu, jaký je význam udávat do seznamu jedno slovo, jde to i jinak.
Proč se neaplikoval styl pro vyznačený odstavec může mít více důvodů. Neuvádíte jak bylo použito CSS.

Všechny tagy se ukončují, i nepárové (NET zápisem).

EDIT:
Chamurapi:
Ano já to vím, že se nepovinně párové tagy při překladu samy uzavřou a jiné i sami otevřou, ale to není diskuze pro mne, nýbrž pro Čeluka.
Jak jsem již uvedl je lepší si je uzavřít sám a mít tak přehledný kód v editoru, který umí sledovat syntaxe a tak pomáhá odhalovat chyby v zápisech kódu.

Ale to není předmětem této diskuze.
Keeehi
Profil
Efektu bez obalových prvků jde dosáhnout pomocí line-height: 2em; a paddingem u rodiče. Jestli to je možné použít záleží na tom, jak se to má chovat, pokud bude potřeba text zalomit.
Chamurappi
Profil
Reaguji na Lonanka:
Asi to nedělá jen tak z plezíru.
Dělá to tak, protože se to tak učí. Nehledal bych za tím nějakou promyšlenou filozofii nebo špatnou zkušenost s opačnou praxí.

Proč se neaplikoval styl pro vyznačený odstavec může mít více důvodů.
Důvodem je, že otevření <ul> automaticky zavřelo odstavec. Viz 1, 2, 3, 4, 5, 6, 7. Jinými slovy: na pravidla o automatickém uzavírání narazí i ten, kdo vše explicitně uzavírá.

Všechny tagy se ukončují, i nepárové (NET zápisem).
NET zápis je jen to samotné lomítko v HTML 2 až 4. Třeba <br/ je značka ukončená NET zápisem a <b/slovo/ je slovo obalené NET zápisem do elementu jménem B. Žádný normální prohlížeč nikdy NET zápis neuměl, všechny berou lomítko na konci značky jako syntaktickou chybu. Naproti tomu pravidla o implikaci volitelných značek jsou implementována odjakživa (protože <p> byla zpočátku nepárová značka – zlom mezi odstavci).

ale to není diskuze pro mne, nýbrž pro Čeluka
Zajímá se o to, zda je jeho kousek HTML v pořádku. Tak dostal i jiné možné varianty, které jsou v pořádku :-)

Vaše odpověď

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

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