Autor Zpráva
Mlocik97
Profil *
Dobrý den,

jak se dá nastaviť to, aby sa velkosť div class prispôsobil velkostiam prvkov vo vnútri?

napr.

...
<div class="neco">
<img src="neco1.png>
<img src="neco2.png>
<img src="neco3.png>
</div>
pcmanik
Profil
Mlocik97:
Div sa automaticky prispôsobuje. Ukáž celý kód, keď chceš lepšie poradiť.

Ale predpokladám že tie obrázky máš float-ované. V tom prípade stačí ďat tomu divu overflow: hidden;
Mlocik97
Profil *
pcmanik

skusim to,... jinak celej kód velmi vkládať nechci lebo ja to použiju pre XX rôznych kódov, ale tak všeobecne cca:

<div class="A">
  <div id="B">
  ...
  </div>
  <div class="neco">
  <div id="X">
  obsah
  </div>
  <div id="Y">
  obsah
  </div>
  </div>
  <div id="K">
  ...
  </div>
  </div>

s tým že by X mal mať:



teda modrá oblasť je ten class neco, X a Y sú prvky vo vnútry, a K je prvok mimo class neco, teda div class nebude mať obdelníkový tvar,.... ešte dodám vše je pozicované cez "position: relative;" v prípade absolute jsem to už dal, ale potrebujem pomocou relative.


Mlocik97:

a ano používam aj "float"


Mlocik97:
napríkad prvok X:

position: relative;
height: calc(100% - 300px);
width: 50px;
top: 0px;
left: 0px;
float: left;
Bubák
Profil
Mlocik97:
div class nebude mať obdelníkový tvar
DIV je vždy obdélník, nanejvýš může mít zaoblené rohy.
Požadovaného tvaru můžeš dosáhnout třebas umístěním svou bodrých DIVů vedle sebe a do nich vložíš červený DIV X a červený DIV Y.
Mlocik97
Profil *
Bubák:

takze:

<div class="neco">
  <div id="X">
  </div>
  <div id="Y">
  </div>
</div>

mám prepísať na:

<div class="neco" id="X">
</div>
<div class="neco" id="X">
</div>

??? nebo musia byť rozdielne classy? a ešte jedna vec mám:

html, body {
height="100%";
padding="0";
margin="0";
}

a následne mám teda zelenej nastavené veľkosti pevne 100%/100% a jak pak nastaviť height modrého a červeného classu Y? ak by teda B malo height="200px"; a to Y by zabralo zvyšok.


Mlocik97:


jinak ste mi hodne pomohli to overflow: hidden; vyskúšam, no uvidím či sa mi to podarí spraviť.


ješte ma napadlo, ak by som teda aj spravil obdelníkový div klasicky, je nejak možné dostať prvok K na to miesto, ale zároveň nebol v class "neco" ale jakoby to bylo to modré aj "pod ním".? ak jo jak?


Mlocik97:
teda viem že určite to jde pomocou position: absolute; a prekrijem, ale jak pomocou relative?

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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