problem z "krytím" obrazkov

tomco3131 · Napísal **tomco3131**: 02.11.2008 15:47

zdravim,

potrebujem poradit, robim web v html/css a mam header a do neho chcem dat napis v dalsom obrazku, tak aby bolo vidno to co je pod tym, keto ulozim v GIF tak je to zla kvalita toho pisma, tak to mam v PNG, a ked to dam nad header vytvori sa mi aka si kus tmavsia kocka okolo celeho pisma, ako sa jej zbavim??

dakujem pekne

tu je screen:
http://img230.imageshack.us/my.php?image=chybaze7.jpg

walther · Napísal **walther**: 02.11.2008 15:55

prečo tie dva obrázky nevložíš ako jeden ?? nevidím dôvod na to, aby si mal jeden obrázok s textom a pod ním ďaľší obrázok zas len s pozadím.. normálne ich daj dokopy a nebudeš musieť riešiť takéto hlúposti..

tomco3131 · Napísal autor témy **tomco3131**: 02.11.2008 15:56

preto, aby ten "nadpis" bol stale v strede, a chcu ho takym fontom ako je

walther · Napísal **walther**: 02.11.2008 15:58

skúsim znovu, asi ti dakto sadol na kábel....
prečo nespojíš tie dva obrázky do jediného ?? :loony:

tomco3131 · Napísal autor témy **tomco3131**: 02.11.2008 16:03

no preto ze ten nadpis pri zmene rozlisenia nebude stale v strede, keby ho tam dam ako dalsiu vrstvu tak tak bude

walther · Napísal **walther**: 02.11.2008 16:05

lol, a na to si ako došiel že nebude v strede ? :lol:

dadmtb · Napísal **dadmtb**: 02.11.2008 16:05

preco ne a ved tie tvoje stromceky tiez nebudu furt take iste velke nie? :roll:

// a este sak sa da stiahnut taky isty abo aspon velice podobny font

tomco3131 · Napísal autor témy **tomco3131**: 02.11.2008 16:07

stromčoke sa menit velkost moze, ale mne ide oto aby ten nadpis bol vzdy v strede.. a ako som nato prisiel?? jednoducho som si zmenil rozlisenie a v strede to uz neni..

//k tomu fontu, stiahnut sa da ale co sneho ked uzivatelia internetu ho nebudu mat, tka sa im tam zobrazi nejaky arial aleb co

neutronmind · Napísal **neutronmind**: 02.11.2008 16:08

Tak takto, spoj obidva obrazky do jedneho a nastav mu vlastnost magin: 0 auto; ...

tomco3131 · Napísal autor témy **tomco3131**: 02.11.2008 16:09

margin 0 auto mam a stale sa to tak posuva pri zmene rozlisenia

dadmtb · Napísal **dadmtb**: 02.11.2008 16:21

teda toto ma dostalo

Citácia:

/k tomu fontu, stiahnut sa da ale co sneho ked uzivatelia internetu ho nebudu mat,

ale ved ty to nedas ako <span> ale niekde v gimpe to das uz do obrazku :-D

tomco3131 · Napísal autor témy **tomco3131**: 02.11.2008 16:25

tak ked si to takto myslel, tak ja ten font mam a dal som to dokopy v PSku ale neni to pri vsetkych rozlkiseniach presne v strede potom ten napis..sa to meni rozlisenim

don jebot · Napísal **don jebot**: 02.11.2008 16:37

pravdepodobne mas sirku nastvenu na 100% margin ) auto ti potom nepojde..

walther · Napísal **walther**: 02.11.2008 18:05

tomco, ten obrázok musí mať

Kód:

obrazok{display:block; margin:0 auto;}

a samozrejme ponastavované ostatné veci ako je treba... pokiaľ to máš na celú šírku obrazovky, tak tam sa bude treba ešte trocha pohrať a bude to zložitejšie, ale nevidím problém prečo by to akurát tebe ísť nemalo

tomco3131 · Napísal autor témy **tomco3131**: 03.11.2008 16:53

stále my to blbne aj po vašich radách, tu je moj kod:

Kód:

#header {

   display:block;
   height: 215px;
   margin: 0 auto;
   background: url(images/header-bg.jpg);
}

//width som skusal uz aj na auto, aj 100% a stale to roby

dadmtb · Napísal **dadmtb**: 03.11.2008 18:40

a

Kód:

position:relative;

si skusal? asi ne ze

tomco3131 · Napísal autor témy **tomco3131**: 03.11.2008 19:04

neskusal, no uz som vyskusal...bohuzial stale to iste, nechapem co je zle

dadmtb · Napísal **dadmtb**: 03.11.2008 20:01

Kód:

#header {
 position:relative;
   height: 215px;
   width:100%;
   margin: 0 auto;
   background: url(images/header-bg.jpg);
} 

ak nie uz fakt neviem

don jebot · Napísal **don jebot**: 03.11.2008 20:03

nemozes davat width:100% a centrovat to nastred ved to je dohlavy bijuce ze ked je to na celu sirku tak to nemoze byt v strede lebo to je od jednoho kraja k druhemu ,... daj tam pevnu srku..

dadmtb · Napísal **dadmtb**: 03.11.2008 20:04

mno ved on to chcel na celu dlzku abo ne

musim pozret :-D

tomco3131 · Napísal autor témy **tomco3131**: 04.11.2008 11:50

stále nič, nechápem.... však pozrite ako vam to zobrazi...

Kód:

www.pekniary.gigapc.sk

rooobertek · Napísal **rooobertek**: 04.11.2008 12:13

daj si jeden div, ktorý bude celý fialový (teda to pozadie čo tam máš) so šírkou 100% a text-align:center a do neho menu, ktoré chceš mať na stred

tomco3131 · Napísal autor témy **tomco3131**: 04.11.2008 15:06

hm..ja tu neriesim centrovanie menu, ale to ze sa mi header nezmenšuje....menu vycentrovat wiem

dadmtb · Napísal **dadmtb**: 04.11.2008 15:16

ale musi ale samozrejme iba do urciteho bodu nie ze uplne das position:relative; a margin:0 auto; a musi ale si nemysli ze sa ti to bude zmensovat uplne! idem radsej pozret tu tvoju site

// po prve to mas good inak sa ti to nebude zmensovat!!!!!!!!
a po druhe url nedavaj do code bo nie kazdemu sa chce kopcit a davat do browseru

tomco3131 · Napísal autor témy **tomco3131**: 04.11.2008 15:22

za url sorry, ja iba som zvyknutý z inych fór, že tam musíš davať, takže...este raz sory

don jebot · Napísal **don jebot**: 04.11.2008 17:47

ty chces aby si mal v strede header ale bo tam potrebujes??

tomco3131 · Napísal autor témy **tomco3131**: 04.11.2008 17:57

ja som to vlastne chcel taq, aby sa header zmensoval nejako, aby proste bol ten nadpis tale v strewde webu aj pri inych rozliseniach..ale idem robit novy web, nahovno je toto

dadmtb · Napísal **dadmtb**: 04.11.2008 18:40

no tak to naozaj jedine tak ako si to chcel na zaciatku + neaky ten fix na transparent v IE 6 akurat sa to tu niede riesilo sa mi zda aj ked je to podla mna uplne zbytocne s cim sa ty tu teraz "ondiaš" :lol:

don jebot · Napísal **don jebot**: 04.11.2008 19:31

tvoj header ma viac ako 1000px neviem ako to chces zarovnat tak ako to robis sa header nerobi... ukroj si 1px a daj ho opakovat po osi x a potom medzi tagy div header vloz obrazok so stredom(iba stredom)..

jablko05 · Napísal **jablko05**: 04.11.2008 20:15

proste som sa kukol do toho tvojho kodu.. takze sprav toto:

Kód:

<body>
<div id="header">
<div id="logo">
<img src="logo.gif">
</div>
</div>
<div id="tab_menu">

<div id="menu">
.
.
.

a do css daj:

Kód:

#header {width: 100%; background-image: url.. bla bla..; }
#logo {width: 400px; margin: 0 auto;}

ak by ti to neslo, skus este dat pevnu sirku pod 1000px ... a to logo ti just davam do gifu aby si nemal problem s transparenciou v IE6.. takze si to uloz do gifu

[/code]

problem z "krytím" obrazkov

Podobné témy