Nastavitev ozadja
12 naročnikov
12 naročnikov
Imam sliko 1920x1200, katero bi rad nastavil za ozadje strani. Problem je, ker ima slika motive samo ponekod, ostalo pa ima nekaj črt in krogecov.
Pri meni na 22" kaže ozadje lepo, pri stranki na drugih pa prikaže samo nekaj črt in izgubi pomen. Zanima me, ali gre naredit kakorkoli, da se to ozadje avtomatsko spreminja, glede na velikost ekrana? Da na čisto vsakem prikaže lepo, tak kot pri meni, slika pa ostane na mestu (da ko se scrolla, ostane slika na mestu).
Probal sem že z kodo
body
{
background-image: url(background.gif);
background-attachment: fixed
}
ampak kot sem že povedal, meni prikaže stran lepo, drugim pa samo del strani in vse izgubi pomen. Je kakšna rešitev?
24 odgovorov
MobyDick:
Verjetno me nisi dobro razumelZanima me kako bi na zunanjo levo in desno stran dodal <div>
Recimo, da je sivo pobarvano obstoječa spletna stran.
Zdaj bi pa rad neodvisno od tega na levo in desno stran (rdeča polja) dodal 100px široko in 960px visoko sliko, da bi segala od začetka header-ja do konca footer-ja.
Če zdaj dodam <div> v <body> mi ga vgnezdi v sedaj obstoječo stran (siva polja)
Siva polja daš vsa v en div, potem pa daš vsem trem stolpcem float in to je to.
oh joj ne mešat table z designom, kot ti je predlagal Gizmo dodaj tri dive, v drugem naj bo celotna stran ter prvi dvema dodaj float left. lahko pa dodaš enega na konec enega na zečetek dokumenta ter poskušaš s absolutno pozicijo postavit na pravo mesto.
Definitivno ne mešat vsega počez. Tabele so namenjene predvsem za predstavitev podatkov in ne postavitvi dizajna. Rajši naredi tako kot ti je predlagal DiTi pred mano.
Hvala za nasvet. Sem naredil z <div>
<div id="wrapper">
<div id="leftcolumn"><p>LEVO</p></div>
<div id="content"><p>SREDINA</p></div>
<div id="rightcolumn"><p>DESNO</p></div>
</div>
Zdaj me pa zanima s katerim ukazom prisiliti <div>, da bo 100% visok?
Meni se namreč zgodi, da je visok (od zgoraj navzdol) samo toliko, kolikor mu dodam padding-a. Tako tudi ne vem, ali je text centriran ali ne.
Primer: Imam <header> višina 100px. Kako ukazati <div>, ki je v tem headerju, da bo visok 100px in bo tekst v njem centriran na sredino (po vertikali)
MobyDick:
Primer: Imam <header> višina 100px. Kako ukazati <div>, ki je v tem headerju, da bo visok 100px in bo tekst v njem centriran na sredino (po vertikali)
Lahko zamenjaš
height:100px;
za
line-height:100px;
Zdaj imam tako
#test {
clear: both;
float: left;
font-size: 36px;
font-family: "Arial";
padding-left: 25px;
height: 120px;
}
Kaj moram dodati, da mi bo besedo avtomatsko centriralo na sredino?
Sem dodal vertical-align: middle; pa je še vedno na vrhu ne na sredini.
Ne pomaga :(
Še zmeraj je beseda na vrhu.
Upošteva le padding-top: jaz bi pa rad brez padding spravil besedo na sredino <div>
grrrrrrrrr