Autor Zpráva
Jarki
Profil *
Lze nějak udělat následující?
Mám např obr. 80px x 200px a chtěl bych aby se objevoval nahoře vlevo na stránce (vrohu prohlížeče).
Jak upravit css soubor? Jak napsat background:???

BODY       { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif;  font-size: 11px; font-weight: normal; text-decoration: none; margin: auto; 
            background: url(img/back.jpg) repeat-x;}
ShiraNai7
Profil
S horizontalnim opakovanim:
background: url(img/back.jpg) left top repeat-x;


Bez opakovani:
background: url(img/back.jpg) left top no-repeat;
Jarki
Profil *
Nechci horizontálně opakovat, jen do rohu nahoru vlevo
Jarki
Profil *
Jo to druhé funguje, a kdybych to chtěl třeba posunout od kraje (od zhora, zleva) o 20px??
Jarki
Profil *
A jde ještě na to udělat odkaz na kliknutí?
Webotikon
Profil
Jarki:
Jo to druhé funguje, a kdybych to chtěl třeba posunout od kraje (od zhora, zleva) o 20px??
Použi background-position.
Jarki
Profil *
a ten odkaz na obrázku?
Trejpa
Profil
Jarki:
<a href=stranka.html style="position: absolute; left: 20px; top: 20px;"><img src=obrazek.png></a>
Jarki
Profil *
Já to potřebuji do tohoto kódu:
BODY { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; margin: auto; background: url(img/back.jpg) left top no-repeat; background-position: 0px 620px;}

Jak se ještě dělá to posouvání obrázku když někdo roluje stránku, tak se pořád objevuje nahoře vrohu??
Trejpa
Profil
Jarki:
Já to potřebuji do tohoto kódu:
Tvůj kód je část kaskádových stylů (CSS). V nich se odkazy nedělají. Musíš upravit HTML.

Jak se ještě dělá to posouvání obrázku když někdo roluje stránku, tak se pořád objevuje nahoře vrohu??
Fixní pozice: position: fixed
Nescrolující pozadí: background-attachment: fixed
Jarki
Profil *
omlouvám se moc nerozumím, potřebuji ten obrázek aby se stále objevoval nahoře na stránce vlevo. Tzn. že když někdo sjede stránkou dolů, obrázek se také posune dolů ale stále bude vidět nahoře vlevo.

Teď v css mám toto:
BODY { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; margin: auto; background: url(img/back.jpg) left top no-repeat; background-position: 0px 620px;}

Jak to tam tedy dopsat?
panther
Profil
Jarki:
Jak to tam tedy dopsat?
nastuduj si, co napsal Trejpa v [#10]. Jen bych doplnil, že position: fixed nefunguje ve starších IE - o simulaci tohoto chování i pro IE je psáno na daném odkazu níže (kam bys pravděpodobně nedoscrolloval sám od sebe, tvá snaha je nulová).
Jarki
Profil *
Takhle mi to funguje bezvadne, je to přesně co jsem potřeboval:

BODY { font-family: Tahoma, Lucida Grande CE, lucida, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; margin: auto;
background: url(img/back.jpg) left top no-repeat; background-attachment: fixed; background-position: 0px 370px;}

Nicméně potřebuji na obrázek kliknout. Vím že se to v css nedělá, jak to tedy vyřešit?
Jarki
Profil *
Kdybych tedy toto vše bych chtěl převést do souboru header.html, jak to napíšu?

background: url(img/back.jpg) left top no-repeat; background-attachment: fixed; background-position: 0px 370px;}
mattyZEM
Profil
Jarki:
jak to napíšu?
Mačkáním kláves na klávesnici.

Pokud chceš převést styl z *.css souboru do html, použiješ na to tag
<style>

Nicméně potřebuji na obrázek kliknout
Klikat na něj můžeš.
Vím že se to v css nedělá, jak to tedy vyřešit?
Trejpa:
Tvůj kód je část kaskádových stylů (CSS). V nich se odkazy nedělají. Musíš upravit HTML.
<a href=stranka.html style="position: absolute; left: 20px; top: 20px;"><img src=obrazek.png></a>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: