Peršokti į turinį

[Pagalbos] HTML, CSS, JavaScript

Nerijus.

Parašė Nerijus.
forume HTML / HTML5

 Pasidalinti

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 3114 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Recommended Posts

Nerijus. Dalyvis (-ė)

Nerijus.

--- Sveikučiai, reikalinga pagalba su nuotraukos išcentravimu lange. Nuotraukos manau nereikia. Žodžiu situacija paprasta, nuotrauka su position: fixed; nutraukta labai į dešine pusę, centruot bandžiau su margin- (left, right): auto; Bet kaip neįprastai, į tai pakitimų nematau.

 

Kodas: 

<body>
<!-- Viršus -->
<div class="container">
	<div class="logo_banner">
	</div>
</div>

</body>

body {
background-color: #29606b;
}

.logo_banner {
width: 1920px;
height: 600px;
background-image: url(image/banner.png);
background-repeat: no-repeat;
position: fixed;
}

Kita, kažkas negerai su banner'io viršum, lieka tarpas, mėginau tam tvarką daryti prie body klasės prirašant background-position: cover;, bet vėl neįprastai man tai nesuveikia :)) Pagelbėkit, kas žino į tai sprendimą.

 

Dar, įdomu pasidarė, ankščiau manau mačiau, bet dabar nerandu jau forume kaip vadinasi javascriptas, atliekantis funkciją šią: 

 

42bf0aa518b5194fbc50570394944287936.png

 

Padėjusiam, ar padėjusiai šeis klausimais atiduosiu rep limitą.

Nuoroda į komentarą
Dalintis per kitą puslapį
mantas.dev Anderbosas (-ė)

mantas.dev

(redaguota)

Na sucentruot fixed, absolute elementus nera taip ir sunku. Pavizdys: 

 

img {

position: fixed;

left: 0;

right: 0;

margin: 0 auto;

}

 

siuo butu elementas bus per vidury ekrano. t.y horizantaliai

 

Ko as nesuprantu tai, kam nustatytas 1920px width? Jaigu cia daromas normalus puslapis, 1920px cia yra max kompiuterio ekrano dydis. T.y jaigu kompiuterio ekranas isnes tik 1160px visa ta logo_banner elementa vistiek atvaizduot 1920px kas sudarys problema kur zmogus tures naudotis scrollu kad paeitu i sona puslapio. 

 

Anyways, kad sucentruot elementa paprasta kuris turi postiona tiesiog naudot reikia left: 0, right: 0, ir margin: 0 auto; Kaip suprantu jaigu koduoji dizaina tai supranti kaip ir ka koduot, tai daugiau apie visus dydzius net nekalbesiu.

 

P.S del tarpo nelabai supratau, taciau kaip man atrodo tai tu nenaudoji jokio reset.css, ar pats nustates default marginus ir t.t, tai prie css pridekt html, body {margin: 0; padding: 0;}

Redaguota , nario 4NEX.LT - Mantas / Š.
Nuoroda į komentarą
Dalintis per kitą puslapį
Nerijus. Dalyvis (-ė)

Nerijus.

  • Autorius

Na sucentruot fixed, absolute elementus nera taip ir sunku. Pavizdys: 

 

img {

position: fixed;

left: 0;

right: 0;

margin: 0 auto;

}

 

siuo butu elementas bus per vidury ekrano. t.y horizantaliai

 

Ko as nesuprantu tai, kam nustatytas 1920px width? Jaigu cia daromas normalus puslapis, 1920px cia yra max kompiuterio ekrano dydis. T.y jaigu kompiuterio ekranas isnes tik 1160px visa ta logo_banner elementa vistiek atvaizduot 1920px kas sudarys problema kur zmogus tures naudotis scrollu kad paeitu i sona puslapio. 

 

Anyways, kad sucentruot elementa paprasta kuris turi postiona tiesiog naudot reikia left: 0, right: 0, ir margin: 0 auto; Kaip suprantu jaigu koduoji dizaina tai supranti kaip ir ka koduot, tai daugiau apie visus dydzius net nekalbesiu.

 

P.S del tarpo nelabai supratau, taciau kaip man atrodo tai tu nenaudoji jokio reset.css, ar pats nustates default marginus ir t.t, tai prie css pridekt html, body {margin: 0; padding: 0;}

 

Labai ačiū, nes tikrai padėjai dėl to tarpo viršui. Kita, kaip ir minėjai rezuliucija išties yra perdidelė: 1920px; į ką dabar pats atkreipiau dėmesį, jog padarius position:fixed, visas banneris netelpa į langą, t.y. nuskerpa jo dešinė dalis, tai kokių minčių duotai į tai?

Nuoroda į komentarą
Dalintis per kitą puslapį
mantas.dev Anderbosas (-ė)

mantas.dev

Labai ačiū, nes tikrai padėjai dėl to tarpo viršui. Kita, kaip ir minėjai rezuliucija išties yra perdidelė: 1920px; į ką dabar pats atkreipiau dėmesį, jog padarius position:fixed, visas banneris netelpa į langą, t.y. nuskerpa jo dešinė dalis, tai kokių minčių duotai į tai?

Kaip suprantu tu nori tiesiog padaryt kad butu baneris tam tikroj dizaino pusej. Ar tiesiog kad butu tame logo_banner viduryje, Jaigu viduje, sakykime: 

 

 

<div class="container">

    <div class="logo_banner">

<a href='\'><img src='img/img.png' alt=''/></a>

    </div>

</div>

 

tai logo_banner nereikia isviso duot jokio width, arba duot width 100%. Taip visas tas elementas bus per visa ekrana nesvarbu kokia rezoliucija bus, ir jaigu tam img duosi tuos position: fixed, left, right margin foto pati bus per vidury. Tai mano manymu tau paprasciausiai reikia vietoj width: 1950px padaryt i width: 100%, ir turetu issitaisyt viskas.

Nuoroda į komentarą
Dalintis per kitą puslapį
Nerijus. Dalyvis (-ė)

Nerijus.

  • Autorius

 

Ačiū.

 

 

Kaip suprantu tu nori tiesiog padaryt kad butu baneris tam tikroj dizaino pusej. Ar tiesiog kad butu tame logo_banner viduryje, Jaigu viduje, sakykime: 

 

 

<div class="container">

    <div class="logo_banner">

<a href='\'><img src='img/img.png' alt=''/></a>

    </div>

</div>

 

tai logo_banner nereikia isviso duot jokio width, arba duot width 100%. Taip visas tas elementas bus per visa ekrana nesvarbu kokia rezoliucija bus, ir jaigu tam img duosi tuos position: fixed, left, right margin foto pati bus per vidury. Tai mano manymu tau paprasciausiai reikia vietoj width: 1950px padaryt i width: 100%, ir turetu issitaisyt viskas.

 

Mhm... Yra viena problema tarp mūsų :D Mes vienas kitą ne taip suprantame. Aš turiu tokį suptilų klausimą, jog nustačius image 1950px width, arba jam priskyrus tą 100%, man image dešinės pusės gabalas nusikerpa, nesu durnas ir suprantu, jog paprasčiausiai rezoliucija neatitinka, bet padarius padding fixed, neina scrollint į šoną, o kaip eina, tai isiterpia pilnas image. O tai ar įmanoma kaip nors be to scrollinimo į šoną nuotrauką padaryti toligią visam lango vaizdui, kad man nenusikirptų ta dešinė pusė ir nereikėtų scrollint į šoną. Plius, jog būtų aiškiau parodau ir foto:

 

4297cc9e2793cbea640a4281ff5aa50943.png

Nuoroda į komentarą
Dalintis per kitą puslapį

Ši tema yra neaktyvi. Paskutinis pranešimas šioje temoje buvo prieš 3114 dienas (-ų). Patariame sukurti naują temą, o ne rašyti naują pranešimą.

Už neaktyvių temų prikėlimą galite sulaukti įspėjimo ir pranešimo pašalinimo!

Prisijungti prie diskusijos

Palikti atsakymą galite iš karto, o užsiregistruoti vėliau. Jeigu jau turite paskyrą mūsų forume, Prisijunkite.

Svečias
Atsakyti šioje temoje...

×   Įklijuotas tekstas turi teksto formatavimą.   Pašalinti teksto formatavimą

  Galimi tik 75 veidukai.

×   Nuoroda buvo automatiškai įterpta.   Įterpti nuorodą paprastai

×   Jūsų ankstesnis pranešimas buvo atkurtas.   Išvalyti redaktorių

×   Jūs negalite įkelti nuotraukas tiesiogiai.Įkelkite arba įdėkite nuotraukas iš URL.

×
 Pasidalinti
Eiti į

  • Šiame puslapyje naršo:   0 nariai

    • Nėra registruotų narių peržiūrinčių šį forumą.

Skelbimai


×
×
  • Sukurti naują...