web - pozadie na pozadí

Caster9 · Napísal **Caster9**: 27.12.2010 22:57

čavte, skúšam sa hrať s html a chcel som dať pozadie-obrázok na pozadie-farbu, aby to vyzeralo ako rám, ten obrázok by sa opakoval hore, a po stranách, aby som si nemusel vytvoriť nejaký vlastný obrázok s presnou veľkosťou, čo by nahrádzal to pozadie vpredu,a rám by tvorila farba v pozadí...no, tak sa chcem opýtať, či nie je možné niečo takéto, podobné?:
<body bgcolor="#FFFFFF"
style="background-image: url(http://www.webpagebackground.com/brown/ ... othrip.jpg);background-position:top left;background-repeat:repeat-y;"
background-image: url(http://www.webpagebackground.com/brown/ ... othrip.jpg);background-position:top right;background-repeat:repeat-y;">

(viem, že toto asi nie, som len začiatočník a len to skúšam, ale už som si všimol, že nejde dať viac pozadí-obrázky,a že to zoberie len jedno dole, napravo alebo nalavo, ale možno je nejaký príkaz, ktorým by sa dali vystrihnúť len tie potrebné vrchné a bočné strany? Dúfam, že ma chápete

)...za prípadnú odpoved dakujem :p

shaggy · Napísal **shaggy**: 27.12.2010 23:22

Nie, možné to nie je.

Ando · Napísal **Ando**: 28.12.2010 0:18

Ak ti ide o to ci sa da dat na jeden prvok viac pozadi (lebo neviem ci som ta spravne pochopil), tak ta mozno potesim

. Je to mozne ale len v CSS 3. Shaggy napisal ze sa to neda ale on asi myslel verziu CSS 2. Tam sa to riesi tak ze das v strukture viac elementom pod seba. Napr. takto

Kód:

<div style="poziadie 1 ..">
     <div style="pozadie 2 ..."

A Shaggy mohol si aspon spomenut ze hovoris o verzii CSS 2 lebo mozes zmiast zaciatocnikov.

Caster9 · Napísal autor témy **Caster9**: 28.12.2010 10:49

[quote="Ando"][/quote]
Dik, presne toto som potreboval, funguje to

shaggy · Napísal **shaggy**: 28.12.2010 12:47

Ando - hovorím o tom, čo je podporované prehliadačmi. Máš pocit, že niečo iné podporujú? Ja nie.

Ando · Napísal **Ando**: 28.12.2010 13:28

Nebudem sa tu s tebou hadat. Kazdy "normalny" browser okrem IE uz podporuje zakladne vlastnosti CSS 3 medzi ktore parti aj vlastnost o ktorej sa tu bavime. Takze ak mas na mysli IE 6, 7 tak uznavam mas pravdu. Ale pre Operu, FF, Chrome , Safari to neplati. A tieto prehliadace pouziva vascina ludi.

don jebot · Napísal **don jebot**: 28.12.2010 14:28

Ando a preto srat na podnikovu sferu, a vsetky ostatnych ktory pouzivaju starsie prehliadace ... "good idea"

TommyHot · Napísal **TommyHot**: 28.12.2010 14:49

podnikova sfera je bohuzial brzda webu, ak by to zalezalo odomna nasadil by som taku politiku, ktora by neumoznovala pouzivat prehliadace starsie ako rok povedzme.. je to fasisticky pristup, ale pre tvorcov webu ako aj pre samotnych navstevnikov by to bolo vykupenie.

Ďuri · Napísal **Ďuri**: 28.12.2010 15:01

To, ktore prehliadace su normalne a ktore nie su, je irelevantne, rovnako ako je zbytocne hovorit, aka politika by vyhovovala vam. V pripade viacnasobneho pozadia, rovnako ako pri inych veciach, plati, ze sa to neda, lebo to nepodporuju vsetky v sucasnosti pouzivane prehliadace - tak, ako pise shaggy.

shaggy · Napísal **shaggy**: 28.12.2010 15:52

Nie Ando, viac pozadí podporuje veľmi málo prehliadačov. Rozšírenosť CSS3 v dnešnej dobe stále iba v plienkach a ukázať 75%+ návštevníkov iný web nepovažujem za najlepší nápad (tu nehovorím iba o IE, ale aj staršia verzia FF a Opery s tým má problém).

F3RY · Napísal **F3RY**: 07.01.2012 17:49

Zdravim, nasiel som tuto temu a tak zakladat dalsiu nebudem

Ucim sa HTML a neviem, ako nastavit pozadie. V PS CS3 si ho upravim a nastavim rozlisenie 1024x768, pretoze som cital, ze to rozlisenie je optimalne. Vlozim to do html kodu a v prehliadaci mi ukaze nieco taketo:
web - pozadie na pozadí

Preco ho neroztiahne? Treba pouzit iny tag? Vkladam ho cez background. Este jedna vec, ak sa bude pridavat obsah, tak ho takto bude kuskovat aj smerom nadol?

walther · Napísal **walther**: 07.01.2012 18:38

v prvom rade, prečo sa tlačíš do cudzej témy? Vôbec to s pôvodným problémom nesúvisí. V druhom rade, kde je živá ukážka a problematický kód?

ONLINE_SVET · Napísal **ONLINE_SVET**: 07.01.2012 18:44

walther.. máš pravdu..
Živú ukážku netreba. Kód by sa hodil. Ale problém je rozpísaný jasne.

Zadal rozlíšenie. Ukázal výsledok.
Áno... Ak obsah presiahne rozmery obrázka (výšku), obrázok sa začne opakovať.

Ale fakt.. Napíš nám kód ..

F3RY · Napísal **F3RY**: 07.01.2012 18:55

Preto som to napisal do cudzej temy, lebo som nechcel zakladat novu s takou "lamerskou" otazkou. Web este nieje na hostingu. Zdrojak si myslim, ze netreba, pretoze to robi aj, ked tam nemam nic:

Kód:

tml>
    <head>
   <style>
    </style>
        <title>BlaBlal</title>
    </head>

    <body>
     <body background="pozadi.gif">
 
    </body>
</html>

Tato tema uz nieje aktivna vyse roka. Ak to niekomu vadi, kludne zalozim novu.

ONLINE_SVET · Napísal **ONLINE_SVET**: 07.01.2012 18:57

Skús to cez CSS nastaviť. Možno to bude tým. Dačo si o tom prečítaj

don jebot · Napísal **don jebot**: 07.01.2012 18:59

obrazok ti podla rozlisenia neroztiahne na to pouzi js,alebo nachystaj vacsi obrazok, alebo no-repeat a uprav obrazok aby nebol orezany ..

89Aquarius · Napísal **89Aquarius**: 07.01.2012 18:59

a nemaj tam dva krat body. to druhe vymaz a na to prve pouzi css

F3RY · Napísal **F3RY**: 07.01.2012 19:25

OK vdaka za rady

don jebot: cez JS to zatial nechcem riesit. Teraz robim iba HTML a CSS, co tym myslis ze mam pouzit no-repeat?
89Aquarius: Skusal som to cez CSS a stale to iste:

Kód:

html>
    <head>
   <style>
   body {
          background-image: URL('pozadi.gif'); 
          background-attachment: fixed; 
          background-color: black; 
          color: white; 
       } 
    </style>
        <title>BlaBla</title>   
    </head>
    <body>
    </body>
</html>

don jebot · Napísal **don jebot**: 07.01.2012 19:34

background-repeat:none;

TommyHot · Napísal **TommyHot**: 07.01.2012 19:35

don jebot cez to nedocielis roztiahnutie obrazku na celu sirku/vysku.

don jebot · Napísal **don jebot**: 07.01.2012 19:42

TommyHot píše:

don jebot cez to nedocielis roztiahnutie obrazku na celu sirku/vysku.

neviem uz ako na taketo veci ani reagovat skusim takto : "To fakt? Som nevedel ..."

don jebot píše:

obrazok ti podla rozlisenia neroztiahne na to pouzi js ....... alebo no-repeat a uprav obrazok aby nebol orezany ...

TommyHot · Napísal **TommyHot**: 07.01.2012 19:47

jaj sry to som si nevsimol..

don jebot · Napísal **don jebot**: 07.01.2012 19:58

Jednodnoducho takto background:#modrafarba url(./tvojobrazok) no-repeat top center;
tvoje pozadie je to co je oznacene v cervenom iba ta cast. Lavy, pravy a spodny okraj ma do stratena do "modrafarba"

F3RY · Napísal **F3RY**: 12.01.2012 20:49

OK vdaka

aj ked to nieje ono, ale pochopil som ze iba cez html to nespravim

web - pozadie na pozadí

Podobné témy