Autor Zpráva
boban40
Profil
Dělám webové stránky ve photoshopu a kompletuji je v Adobe Muse. Tudíž téměř vůbec nevyužívám žádný kód, znám jen nějaké základy.
No a potřebuji vložit články na web pomocí php kódu
<?php
  $mn_count = 1;
  $mn_cat = '1';
  $mn_pagination = false;
  include '/home/users/boban40/sepie.cekuj.net/web/cochty/mn-show.php';
?>
Což jsem bezproblému udělal, ale ještě potřebuji články omezit výškou. Potřebuji, aby se u nich zobrazil scrollbar, když přesáhnou výšku 450px. Zkusil jsem to takhle, ale to bohužel nefunguje:
<div style='height: 450;'>
<?php
  $mn_count = 1;
  $mn_cat = '1';
  $mn_pagination = false;
  include '/home/users/boban40/sepie.cekuj.net/web/cochty/mn-show.php';
?>
</div>
Nemohu použít iframe, protože potřebuji průhledné pozadí.

Máte někdo nějaké nápady? Předem děkuji za odpovědi
juriad
Profil
V CSS musíš udávat jednotky. Tedy:
<div style='height: 450px;'>
CZghost
Profil
boban40, juriad:
To bude lepší přes třídu, je lepší specifikovat styl jednou, než ho opakovat všude, navíc jste zapomněli vábničku scrollbarů:
.clanek {
    height:        450px;
    text-overflow: hidden;
    overflow:      auto;
}

HTML:
<div class="clanek">
    <!-- Další obsah -->
</div>
boban40
Profil
juriad:
V CSS musíš udávat jednotky.
Pardon, špatně jsem to sem přepsal, jednotky jsem tam měl, ale nijak mi to výšku neomezilo.


CZghost:
To bude lepší přes třídu, je lepší specifikovat styl jednou, než ho opakovat všude, navíc jste zapomněli vábničku scrollbarů
Všechny články se mi budou zobrazovat v tomhle místě, opakovat to nebude potřeba...
Naopak by se mi to právě hodilo vložit v jednom html kódu..
CZghost
Profil
boban40:
Naopak by se mi to právě hodilo vložit v jednom html kódu..
To lze pomocí tagu <style> v HTML hlavičce <head>:
<style>
    .clanek {
        height:        450px;
        text-overflow: hidden;
        overflow:      auto;
    }
</style>

Je to pořád lepší a přehlednější než inline zápis.
boban40
Profil
Tak už se to seřízlo jak má, ještě bych ale potřeboval, aby zmizel spodní scrollbar, který mi to teď zobrazilo, ale hlavně mi nejde posunout se dolů, jak kolečkem, tak klikáním na posuvník, kolečko stále posouvá celou stránku...
CZghost
Profil
boban40:
Omlouvám se, napsal jsem to špatně, správně to má být overflow: auto;

Viz živá ukázka: Zdrojový kód, Samotná ukázka.
boban40
Profil
CZghost:
Díky, už to všechno šlape :)
Bubák
Profil
boban40:
Nemohu použít iframe, protože potřebuji průhledné pozadí.
Iframe může být průhledný, http://teststranek.kvalitne.cz/iframe1
<iframe allowTransparency="true" src="iframe.html" width="340" height="200" name="Ramen"></iframe>
V samotném iframe musí být
body {background: transparent;}
allowTransparency na MSDN

Přesto nedoporučuji pro tento případ použití Iframe, web by získal skoro všechny nevýhody rámů.
CZghost
Profil
Bubák:
Hlavně je problém, že Iframu se musí dát kromě výšky také šířka, navíc nejde moc pohodlně stylovat, což znepříjemňuje práci s tímto elementem :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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