CSS a IMG

Programovacie jazyky, rady, poradňa...
Don_Pipino
Darca
Darca
Používateľov profilový obrázok
Príspevky: 803
Registrovaný: 28 mar 2007, 21:41
Bydlisko: Trencin
Kontaktovať používateľa:

CSS a IMG

Príspevok od používateľa Don_Pipino »

Ahojte,

Mam nasledujucu predstavu:

Kód: Vybrať všetko

<html>
<body>

<div id="obrazok">

</body>
</html>
Niekde umiestneny externy css, takze: obrazok.css

v CSS bude definovane:

Kód: Vybrať všetko

#obrazok {
  background-image: url(../image/obrazok.jpg);
}
Ale nejak mi to nefunguje, ten obrazok nieje vidiet, ale ked to zadefinujem takto:

Kód: Vybrať všetko

<html>
<body>

<img src="image/obrazok.jpg">

</body>
</html>

Avsak ja by som to cele potreboval zadefinovat v exetrnom CSS, aby to v hlavnom indexe nebolo vidiet.

Ako na to? diki moc.
Mmartin
Guru
Guru
Používateľov profilový obrázok
Príspevky: 2786
Registrovaný: 07 feb 2009, 12:49
Bydlisko: Bratislava

Re: CSS a IMG

Príspevok od používateľa Mmartin »

Kód: Vybrať všetko

#obrazok {
  background-image: url(../image/obrazok.jpg);
  width:sirka_obrazka px;
  height:vyska_obrazka px;
}
//autoeditácia príspevku (23.06.10, 23:17)
+ si ukonci div tagom </div> (div patri medzi parove tagy)
uplink
VIP
VIP
Používateľov profilový obrázok
Príspevky: 15220
Registrovaný: 22 máj 2005, 23:01
Bydlisko: Hnúšťa
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa uplink »

display: block; ešte je dobré doplniť, aj keď nie je nutné. A samozrejme treba ukončiť množinu [div]
Don_Pipino
Darca
Darca
Používateľov profilový obrázok
Príspevky: 803
Registrovaný: 28 mar 2007, 21:41
Bydlisko: Trencin
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa Don_Pipino »

Ano mam to nastavene preste tak ako pise Mmartin, dokonca som uz skusal aj ukoncenie tagu </div>. Uplink, co je to dislpay: block ?. este aby som upresnil situaciu. na tej website uz mam raz pouzite backgronud-image, tak ako pisem, ze to chcem mat a to funguje, ale to je hlavny background. Lenze potom plus na ten hl. background, by som chcel umiestnit obrazky, ale tie uz tam nevidim. Ako keby sa schovavali za hlavny backgound. Lenze nech tag <div> umiestnim kdekolvek, tak ich nevidim (myslim tym poradie, pred ci za hlavny bacground).
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa audiotrack »

skús do toho divu niečo dať, aspoň medzeru ( &nbsp; )
uplink
VIP
VIP
Používateľov profilový obrázok
Príspevky: 15220
Registrovaný: 22 máj 2005, 23:01
Bydlisko: Hnúšťa
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa uplink »

display block - the element will generate a block box (a line break before and after the element). Nie je primárne určený na zobrazovanie množín, ktoré obsahujú obrázok, ale spraví to isté čo Ti napísal audio, vloží to tam medzeru [non-break space]
Preetro
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 269
Registrovaný: 16 nov 2005, 19:40
Bydlisko: škatuľka od topánok

Re: CSS a IMG

Príspevok od používateľa Preetro »

popripade skus kuknut ci v tom predoslom background-image nemas zadefinovany z-index .... ten sluzi na zadefinovanie poradia a prekryvania jednotlivych prvkov ...
Pilifo
Hardcore addict
Hardcore addict
Používateľov profilový obrázok
Príspevky: 7001
Registrovaný: 12 okt 2007, 16:41
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa Pilifo »

Myslím, že audiotrack má pravdu. Ono ten obrázok nemá žiadny element, na ktorom by sa mohol zobraziť ako pozadie, takže tam treba niečo hodiť - medzeru a pod.
Don_Pipino
Darca
Darca
Používateľov profilový obrázok
Príspevky: 803
Registrovaný: 28 mar 2007, 21:41
Bydlisko: Trencin
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa Don_Pipino »

Diki moc chalani za rady, ale zatial nepomohlo :( , skusim teda viac rozvetvit situaciu:

Kód: Vybrať všetko

<body>

<div id="container">
<div id="navigation">
  
<div id="logo"></div>

</body>
container - bacgroun obr.
navigation - menu
logo - spominany nezobrazeny obr.

Kód: Vybrať všetko

#logo {
  background-image: url(http://webstranka.sk/images/logo.png)
  position: relative;
  top: -810px;
  left: 10px;
  display: block;
  }
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa audiotrack »

container ani navigator divy nemáš uzavreté
Mmartin
Guru
Guru
Používateľov profilový obrázok
Príspevky: 2786
Registrovaný: 07 feb 2009, 12:49
Bydlisko: Bratislava

Re: CSS a IMG

Príspevok od používateľa Mmartin »

Sak pouzi to, co som ja napisal, height a width :roll:
uplink
VIP
VIP
Používateľov profilový obrázok
Príspevky: 15220
Registrovaný: 22 máj 2005, 23:01
Bydlisko: Hnúšťa
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa uplink »

no máš top -810px takže to pojde preč z obrazovky :)
Don_Pipino
Darca
Darca
Používateľov profilový obrázok
Príspevky: 803
Registrovaný: 28 mar 2007, 21:41
Bydlisko: Trencin
Kontaktovať používateľa:

Re: CSS a IMG

Príspevok od používateľa Don_Pipino »

Takze:

Uzavrete <div> tagy, implementovane width, height, display: block, z-index="auto" a stale nic. Jedina moznost ako mi to ukaze obrazok, je cez HTML tag <img> priamo v index subore. Aj to musim pouzit uplnu adresu aj s http:// . Ked tam dam len /images/obrazok.jpg, tak ani tam mi to neukaze. Uz ma nic nenapada. Pokial to nedje zadefinovat priamov CSS, tak aspon kedy to islo bez uplnej adresy.

//ok, vyzera to tak, ze &nbsp; pomohlo :) , dekujem moc vsetkym...
Napísať odpoveď