Posun obrazku – HTML / XHTML – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Posun obrazku – HTML / XHTML – Fórum – Programujte.comPosun obrazku – HTML / XHTML – Fórum – Programujte.com

 

Dan
~ Anonymní uživatel
38 příspěvků
8. 2. 2020   #1
-
0
-

Dobrý den,

udělal jsem že když vlezete na stránku tak tam je obrázek + text a když jedete dolu tak odjíždí obrázek a přijídi obsah stranky ale ten obsah zajizdi pod ten obrazek a já potřebuje aby se zasekl o text obrazek a společně s obrazkem odjížděl...... jestli jste pochopili jste dobry :D :D

HTML:


<header>
    <h1>Detail Software</h1>
    <p>Sense for detail.</p>
</header>
 

CSS:


html{
    height: 100%;
    overflow: hidden;
}
body{
    color: white;
    margin: 0;
    padding: 0;
    perspective: 1px;
    transform-style: preserve-3d;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    font-family: "Luna";
    background-color: black;
}
header{
    box-sizing: border-box;
    min-height: 100vh;
    padding: 30vw 0 5vw;
    position: relative;
    transform-style: inherit;
    width: 100vw;
}
header h1{
    margin-top: -100px;
}
header, header::before{
    background:  50% 50% / cover;
}
header::before{
    bottom: 0;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background-image: url(obrazky/obrazek1.png);
    background-size: cover;
    transform-origin: center center 0;
    transform: translateZ(-1px) scale(2);
    z-index: -1;
    min-height: 100vh;
}
header *{
    font-weight: normal;
    letter-spacing: 0.2em;
    text-align: center;
    margin: 0;
    padding: 1em 0;
}
 

Nahlásit jako SPAM
IP: 89.103.109.–
peter
~ Anonymní uživatel
4007 příspěvků
11. 2. 2020   #2
-
0
-

Co jsi zkousel?
Ted to vypada tak, ze jsi copy-paste z nejake stranky vzal kod, dal do forka a vyreste problem za mne. Margin, padding, position:fixed, uplne vypnout position. Javascript? Javascriptem muzes udelat cokoliv… Nechapu, proc se zdrzovat css a js-efekty v nem.

Nahlásit jako SPAM
IP: 2001:718:2601:258:4dbc:3838:5a25:f2e0...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×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, 9 hostů

Podobná vlákna

Posun obrazku v pozadi s layoutem — založil GunnerV3

Posun Jmen — založil Radek

Posun v abecedě — založil TomBar

Plynulý posun — založil mikeek

Posun jmen — založil David

 

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