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 |
#2 · Zasláno: 11. 1. 2011, 12:28:31
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 * |
#3 · Zasláno: 11. 1. 2011, 12:59:24
Nechci horizontálně opakovat, jen do rohu nahoru vlevo
|
||
Jarki Profil * |
#4 · Zasláno: 11. 1. 2011, 13:02:15
Jo to druhé funguje, a kdybych to chtěl třeba posunout od kraje (od zhora, zleva) o 20px??
|
||
Jarki Profil * |
#5 · Zasláno: 11. 1. 2011, 13:02:52
A jde ještě na to udělat odkaz na kliknutí?
|
||
Webotikon Profil |
#6 · Zasláno: 11. 1. 2011, 13:03:46
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 * |
#7 · Zasláno: 11. 1. 2011, 13:10:26
a ten odkaz na obrázku?
|
||
Trejpa Profil |
#8 · Zasláno: 11. 1. 2011, 15:29:43
Jarki:
<a href=stranka.html style="position: absolute; left: 20px; top: 20px;"><img src=obrazek.png></a> |
||
Jarki Profil * |
#9 · Zasláno: 11. 1. 2011, 16:50:53
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 |
#10 · Zasláno: 11. 1. 2011, 16:59:09
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 * |
#11 · Zasláno: 11. 1. 2011, 17:48:49
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 |
#12 · Zasláno: 11. 1. 2011, 17:52:59
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 * |
#13 · Zasláno: 12. 1. 2011, 06:11:21
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 * |
#14 · Zasláno: 12. 1. 2011, 06:23:45
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 |
#15 · Zasláno: 12. 1. 2011, 07:03:12 · Upravil/a: mattyZEM
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>“ |
||
Časová prodleva: 13 let
|
0