Diskuze: Header vs. CSS

Ondřej Langr (andysekcze)

Tvůrce

Ondřej Langr (andysekcze):27.11.2015 17:51

Zdarec,
jak nastavit aby se výška elementu, která je nastavena na auto vztahovala na vše kromě jednoho(prostě se ho to netýkalo), který je v elementu také. Nastavovat všemu postupně výšku nechci a ani by to nefungovalo(prý ozkoušeno ): ukázkový kód:

<body>
    <header>
        <img src="" class="logo" alt="Logo" />
        <nav>
            <ul>
                <li><a href="index.php" id="first">Úvod</a></li>
                <li><a href="index.php">O nás</a></li>
                <li><a href="index.php">etc</a></li>
                <li><a href="index.php">etc</a></li>
            </ul>
        </nav>
    </header>

Díkec

Editováno 27.11.2015 17:52

Odpovědět

27.11.2015 17:51

I have a charger. I have Note 7. Umh I haven't Note7.

Soni

Člen

Soni:27.11.2015 18:31

Vyuzi poziciovanie "relative" resp. "absolute" pre ten co nechces aby mal vplyv na vysku. Ak ide o konkretny element napr v li vyuzi nth:child a konkretizuj prvok. Vhodne by bolo napisat o ktory element ide. A ako to ma vyzerat v konecnom vysledku.

Nahoru Odpovědět

27.11.2015 18:31

Ondřej Langr (andysekcze)

Tvůrce

Ondřej Langr (andysekcze):27.11.2015 19:21

jde mi o to, aby se to netýkalo toho obrázku. Ve výsledku se to bude zvětšovat podle velikosti obsahu.

Nahoru Odpovědět

27.11.2015 19:21

I have a charger. I have Note 7. Umh I haven't Note7.

Ondřej Langr (andysekcze)

Tvůrce

Ondřej Langr (andysekcze):27.11.2015 19:24

a při absolutní pozici to zase neplave :/

Editováno 27.11.2015 19:24

Nahoru Odpovědět

27.11.2015 19:24

I have a charger. I have Note 7. Umh I haven't Note7.

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:27.11.2015 19:26

Ahoj!
Čeho chceš přesněji docílit?

Nahoru Odpovědět

27.11.2015 19:26

Neaktivní uživatelský účet

Soni

Člen

Soni:27.11.2015 19:31

Nechces nahodou docielit aby sa header zvacsoval iba podla vysky nav resp. jeho vnutorneho ul a za nim bude pozadie obrazka? Lebo iba tak to chapem z tvojho priapevku

Pouzi jednoducho v css pre header
background-image: url('adresa k obrazku'); a z html <img> odstran

Nahoru Odpovědět

27.11.2015 19:31

Ondřej Langr (andysekcze)

Tvůrce

Ondřej Langr (andysekcze):27.11.2015 19:35

mám obrázek, logo který musí plavat s obsahem menu, tímhle způsobem (absolutní pozice) logo překrýva první položku :-)

Nahoru Odpovědět

27.11.2015 19:35

I have a charger. I have Note 7. Umh I haven't Note7.

Ondřej Langr (andysekcze)

Tvůrce

Ondřej Langr (andysekcze):27.11.2015 19:36

ne, header má texturu ;-)

Nahoru Odpovědět

27.11.2015 19:36

I have a charger. I have Note 7. Umh I haven't Note7.

Matyáš Procházka

Člen

Matyáš Procházka:27.11.2015 20:11

Nejlépe asi pošli obrázek toho, co máš teď, a toho, čeho chceš dosáhnout. Je to docela zmatečný.

Nahoru Odpovědět

27.11.2015 20:11

Ondřej Langr (andysekcze)

Tvůrce

Ondřej Langr (andysekcze):27.11.2015 20:33

Teď

Nahoru Odpovědět

27.11.2015 20:33

I have a charger. I have Note 7. Umh I haven't Note7.

Ondřej Langr (andysekcze)

Tvůrce

Ondřej Langr (andysekcze):27.11.2015 20:34

A jak to chci

Nahoru Odpovědět

27.11.2015 20:34

I have a charger. I have Note 7. Umh I haven't Note7.

Matyáš Procházka

Člen

Matyáš Procházka:27.11.2015 21:49

Dosáhnout toho můžeš například pomocí záporného margin-bottom

viz https://jsfiddle.net/eajn77rh/

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

27.11.2015 21:49

TomasGlawaty

Člen

TomasGlawaty:27.11.2015 21:51

měl jsi hodit i css
http://jsfiddle.net/7r6czosg/

Nahoru Odpovědět

27.11.2015 21:51

Ondřej Langr (andysekcze)

Tvůrce

Ondřej Langr (andysekcze):27.11.2015 23:19

Yep, díkec. Taková blbost a já jsem to tady den zkoumal

Nahoru Odpovědět

27.11.2015 23:19

I have a charger. I have Note 7. Umh I haven't Note7.

Naučíme tě pracovat na home-office.

Zjistit více...

Naučíme tě pracovat na home-office.

Více info »

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 14 zpráv z 14.