Velikost obrázku dle rodiče – CSS – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Velikost obrázku dle rodiče – CSS – Fórum – Programujte.comVelikost obrázku dle rodiče – CSS – Fórum – Programujte.com

 

Spuštěný nový filmový web Filmožrouti.cz — vše o Avengers, Pacific Rim, Thor, Star Wars…
richard.zavodny0
Návštěvník
29. 9. 2017   #1
-
0
-

Ahoj, mám element a v něm obrázek. Element má nastavený height: auto;, to znamená, že se výška se roztahuje podle obsahu. Já ale potřebuji docílit tohoto (výška obrázku přiuzpůsobená výšce textu ve vedlejším elementu):

Připojen obrázek.

Kód:  

div.content {
            width: 83em;
            height: auto;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: stretch;
            align-self: center;

            div.contact {
                width: calc(100% / 3 * 1);

                ul {
                    li {
                        font-size: 2.625em;
                        font-family: 'Open Sans';
                        font-weight: 300;
                        color: #ffffff;
                        list-style-type: none;

                        &.bold {
                            font-weight: 700;
                        }
                    }

                    &.real {
                        margin-top: 0em;
                        margin-bottom: 2em;
                        padding: 0em;
                    }

                    &.digital {
                        margin-top: 2.625em;
                        margin-bottom: 0em;
                        padding: 0em;
                    }
                }
            }

            div.image {
                width: calc(100% / 3 * 2);

                img {
                    
                }
            }
        }

Je nějaká možnost, jak tady toho dosáhnout bez použití fixní výšky elementu?

Nahlásit jako SPAM
IP: 89.24.189.–
Programátor, Kóder, Grafický designér, Kritik, zastánce Open-Source a Linuxu.
peter
~ Anonymní uživatel
2921 příspěvků
2. 10. 2017   #2
-
0
-

css umi s background-size: cover; ruzne triky, treba najdes priklad, ktery dela totez. Videl jsem to pouzit pro body na strance, ze se menila velikost pozadi podle okna. Ja to pouzivam jen na vytvoreni miniatury, kdyz znam rozmery, treba 150x150 a potrebuji orezat forku treba 640x320 do te miniatury 150x150.

Nahlásit jako SPAM
IP: 2001:718:2601:258:cc74:a7...–
Zjistit počet nových příspěvků

Přidej příspěvek

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 4 hosté

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý