« 1 2
Autor Zpráva
kuba123
Profil *
Můžete poradit s tímhle? Nahradil jsem sloupec ve kterém byly fotky v tabulce, tímto:

<div class=photos width="100%">
<p>
  <a href="http://localhost/seznamkaseznamka/photos.php?l=cs&id=0000000013&picnum=0" target="_blank"><img src="http://localhost/seznamkaseznamka/pic.php?c=AGcEeFNmA38JOwNkWQgAYQ==" border="0"></a>
  <a href="http://localhost/seznamkaseznamka/photos.php?l=cs&id=0000000013&picnum=1" target="_blank"><img src="http://localhost/seznamkaseznamka/pic.php?c=BGNRLVRhA39SYANkWgsGZg==" border="0"></a> 
<span>*Total photos*: <strong>2</strong></span>
</p>
<p CellSpacing="2" style="background-color:#2A84BF">
    Test nějakého textu. Test nějakého textu. 
</p>
</div>

Css:
p {  padding: 0 0; margin: 0;
   }
div.photos a, div.photos span { 
    display:block; float:left; 
    padding:6;
    }
div.photos, p.photos p {
    padding:0;
    width:140;
    font-size:15;
    vertical-align:top;
    } 
div.photos a {
    padding:3;
    }
div.photos span {
    height:24;
    }
div.photos p+p {text-align:left;
        padding-left:5;
        border-style: solid;
        border-width: 1;
        border-color:#015c98; // 2a84bf 015c98
    }

Mělo by to vypadat tak, že ve sloupci pod sebou jsou umístěny:

fotka 1
fotka 2
fotka 3
*Total photos*: 3
Test nějakého textu. Test nějakého textu.

Ten poslední text/odstavec p má být s modrým pozadím, ohraničený rámečkem. Místo toho se změnila velikost toho odstavce. Místo aby tam byla velikost přibližně 15-25 px, tak se ten odstavec roztáhl směrem nahoru, že to vypadá jako by to byl ten rodičovský div, který má pozadí a rámeček.


Udělal jsem schéma:
http://oi44.tinypic.com/o6cq50.jpg
ts_istudio
Profil
<p CellSpacing="2" style="background-color:#2A84BF">

p cellspacing dělá přesně co?


div.photos p+p {text-align:left;
        padding-left:5;

Jsem si skoro jist, že "p+p" dělá něco jiného, než chceš. A u toho paddingu a všude jinde ti chybí jednotky.
Jestli něco z toho způsobuje to, s čím máš problém, netuším. Nechce se mi uvažovat naslepo bez odkazu na živou ukázku.
kuba123
Profil *
div.photos p+p by mělo odkazovat na ten druhej odstavec. Když najedu ve firebugu na ten druhý odstavec, tak se mi vyznačí ta oblast, která je na schématu vyznačena modře, ale ukazuje to, že styl se opravdu vztahuje k druhému odstavci.

cellsapacing jsem odstranil a přesunul do styl="" ... je to hodnota dosazovaná z PHP.


tedy nahradil jsem cellspacing za margin


Tak jsem to už vyřešil. Vzpoměl jsem si, že se mi to už dělo, když jsem dal tag a jako blokový, ale nenastavil jsem mu float. Takže po nastavení float, je to OK.
kuba123
Profil *
U tagu option se taky nemusí používat ukončovací tag?
Fisir
Profil
Reaguji na kubu123 [#4]:
On je to dokonce přímo nepárový tag.
juriad
Profil
Fisir:
blbost

Citace z oficiální dokumentace http://www.w3.org/TR/html-markup/option.html:
Tag omission

An option element must have a start tag.

An option element’s end tag may be omitted if the option element is immediately followed by another option element, or if it is immediately followed by an optgroup element, or if there is no more content in the parent element.
Fisir
Profil
Reaguji na juriada [#6]:
Já vycházel z Formuláře.
kuba123
Profil *
Pokud děláte do tabulky lichý řádek vyznačený světle šedou barvou pozadí a sudý řádek má o něco tmavší barvu máte na to v css nějaký trik? Nebo uvádíte do lichách řídků třídu odd a do sudých třídu even?
juriad
Profil
Jediným spolehlivým řešením je přidat třídy každému řádku (stačí jen jedné skupině: sudé budou mít třídu, která přebije barvu definovanou pro obecný řádek).
Existuje pseudotřída https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child, která ovšem zatím nemá dostatečnou podporu (IE8).
Plaváček
Profil
kuba123:

Pěkné shrnutí kdysi napsal Pixy, viz http://wellstyled.com/css-striped-tables.html. Nezavrhoval bych ani tam publikované javascriptové řešení.
kuba123
Profil *
Ještě k těm párovým tagům. Tohle jsem nevěděl. Použil jsem syntaxy

<p class=top><h1>Nadpis</h1><br></p>

A ve Firebugu se mi to objevilo jako

<p class=top></p><h1>Nadpis</h1><br>

Tedy vyplývá mi z toho, že nadpisy se nemají uvádět uvnitř odstavce, správně?
Camo
Profil
kuba123:
Vyplýva z toho, to, že odstavce sa automaticky uzatvárajú ak parser narazí na blokový element. Inak povedané odstavec nemôže obsahovať iný blokový elment. Preto ja odstavce nepoužívam vôbec.
kuba123
Profil *
Camo:
Preto ja odstavce nepoužívam vôbec. No, teď když zjišťuji nevýhody, tak asi to je dobrá volba...
margin
Profil *
kuba123:
No, teď když zjišťuji nevýhody, tak asi to je dobrá volba...
Odstavce používám naprosto běžně, stačí si uvědomit, co je nadpis a co je odstavec a pak není problém. Ale pokud chce někdo nadpis uprostřed odstavce, tak HTML to nedovolí.
www.semantika.name/fekalni-styl.html
www.semantika.name
RockFire
Profil
kuba123:
Tedy vyplývá mi z toho, že nadpisy se nemají uvádět uvnitř odstavce, správně?
Když píšeš dokument ve wordu nebo čteš knihu, máš někdy nadpis v odstavci?

Camo:
Preto ja odstavce nepoužívam vôbec.
Tak přesně od tebe bych si web nikdy nenechal udělat.
Camo
Profil
RockFire:
A to už prečo? Skús sa premôcť a okrem toho citového výlevu napísať aj nejaký skutočný dôvod.
Taurus
Profil
Třeba proto, že s vysokou pravděpodobností :-) obsahuje web texty a delší text bez odstavců je hovadina.
kuba123
Profil *
No a co DIV? Neuvádíte hlavičku dovnitř Divu? Teď jsem to zkusil a rozjelo se mi to (Nadpis skončil místo dole na stránce nahoře).


I když, možná to je něčím jiným:

<div id="finish" name="finish37">
<h2>Vyhodnocení</h2>
<p>
<span></span>
správně
<br>
<span></span>
chybně
<br>
<span></span>
procentní úspěšnost
<br>
<span></span>
průměrné hodnocení
<br>
</p>
</div>
Camo
Profil
Taurus:
"delší text bez odstavců je hovadina."
Dlhší text bez odstavcov je proste - dlhší text bez dostavcov. Nič viac a nič menej.
Ak ti ide o to, aby bolo niečo vizuálne členené, tak na to nepotrebuješ tag p so svojím naozaj hlúpym obmedzením.
Čo ak chceš v nejakom bloku použiť box s Javascriptom?
Zmysel by to dávalo, iba ak by vyhľadávače nejako zázračne uprednostňovali texty v odstavcoch pred textami bez nich. Ale to sa asi nedeje.
ts_istudio
Profil
Camo:
Ak ti ide o to, aby bolo niečo vizuálne členené, tak na to nepotrebuješ tag p s svojím naozaj hlúpym obmedzením.

Jak jinak (a proč) řešíš oddělování odstavců, než pomocí <p>? Co je hlúpeho na tomto?
<h2>Nadpis</h2>
<p>Obsah odstavce gfgg</p>
<p>Obsah odstavce 2 gfgg</p>
<h2>Nadpis druhý</h2>
<p>Obsah odstavce gfgg</p>
<p>Obsah odstavce 2 gfgg</p>
Camo
Profil
ts_istudio:
Hlúpe na tom neni nič, pokiaľ napríklad nechceš odstavcom priradiť border a potom tam vložiť nejaký box s Javascriptom.
Lebo ak chcem toto urobiť, tak proste napíšem <div><box></box></div> a nejaký odstavec <p> by bol len zbytočnou značkou navyše.
No a ten border by už vyzeral naozaj hlúpo, keby som napríklad zobrazil nejakú hlášku(v tom boxe) cez JS, ktorá by sa mala vzťahovať k danému textu.
Z pohľadu uživateľa je úplne jedno či to máte v dive, alebo hoci aj vo forme.
To nad čím vy tu meditujete vidí iba parser, nie užívateľ.
ts_istudio
Profil
Camo:
Pořád nevím, co myslíš tím boxem a javascriptem. nejspíš to je nějaká specifická situace, na kterou jsi někde narazil. Pořád z toho ale neplyne nic, proč by bylo výhodnější použít <div> místo <p>. A nějaký border už je úplně mimo.
Camo
Profil
ts_istudio:
Ako to že border je úplne mimo? Práve v situácii s borderom alebo s backgroundom sa ten problém prejaví. A to je úplne bežná vec, tak mi tu nehovor, že nevidíš rozdiel.
A áno narazil som na to reálne a bolo to pekne otravné, lebo okrem toho jedného odstavca, ktorý sa oddelil od súvisiaceho bloku som musel prepísať aj ostatné. A odvtedy si to pamätám a nebudem to robiť znova.
Taurus
Profil
Camo:
Z pohľadu uživateľa je úplne jedno či to máte v dive, alebo hoci aj vo forme.

V případě takového názoru je jakákoli diskuze zbytečná. Na DJPW je zvykem ctít sémantiku. Navíc to co jsem napsal neznamená, že všude cpu péčka na sílu. Pouze to, že jejich ignorace je hloupost.
Camo
Profil
Taurus:
Priznaj si, že si ten citát absolútne nepochopil. Písal som o pohľade užívateľa a ty píšeš o sémantike, čo je vec kodera. A písal som o tom preto, že tu ktosi argumentoval tým, že vraj text bez odstavcou je hovadina. Že Taurus? Lebo parseru je to jedno a uživateľovi tak isto!
Plaváček
Profil
Camo:

Lebo parseru je to jedno a uživateľovi tak isto!

Uživatelům nevidomým to samozřejmě tak úplně jedno není. Strukturování delších textů do odstavců není samoúčelné, kupříkladu hlasová čtečka JAWS umožňuje rychlý přesun mezi odstavci, pokud jsou vyznačeny značkou <p> - proto je nutné použít právě tuto značku a ne například <div> či <br>< br>.
Taurus
Profil
Camo:
Písal som o pohľade užívateľa a ty píšeš o sémantike, čo je vec kodera.

Jen jsem podpořil RockFire v tom, proč tě jako kodéra nechce – svou kodérskou poznámkou. A jak správně píšeš, kodéra se sémantika týká. A nejen jeho, viz Plaváček.
shaggy
Profil
Camo:
Priznaj si, že si ten citát absolútne nepochopil. Písal som o pohľade užívateľa a ty píšeš o sémantike, čo je vec kodera.
Skôr mám pocit, že ty si nepochopil význam slova sémantika. Koderovi to viacmenej môže byť jedno, či je kód sémanticky správny. Okrem toho, že to nemá vplyv na jeho prácu (neuľahčí mu ju ani nezrýchli), tak on ho iba napíše a ďalej s nim už nerobí.
« 1 2

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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