Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML,CSS] Jak umieścić na img kod php
Forum PHP.pl > Forum > Przedszkole
krzychu0808
Witam...
chciałbym na hederze umieścić kod php z datą ale nie wiem jak umieścić kod na zdjęciu mam kod:

HTML:

  1. <map name="t1" id="t1"><area shape="rect" coords="22,28,342,91" href="index.php" alt="Strona główna" />
  2.  
  3. <div><img src="images/t2.jpg" alt="" border="0" usemap="#t2" /></div>

chodzi mi o to że po wstawieniu kodu:

  1. <?
  2. echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y');
  3. ?>


wyświetlała się data w lewym dolnym rogu hedera ( na img) i nie wiem jak to zrobić
Link do strony

Przepraszam za link ale musze go umieścić abyście mogli zobaczyć o co mi chodzi....
hondek
nie wiem czy dobrze rozumiem o co ci chodzi, ale sprobuj zrobic diva z backgroundem jpga ustaw mu szczerokosc i wysokosc i do srodka wrzuc kod php winksmiley.jpg

  1. <div style="background-image: url(images/t2.jpg); width: xxpx; height: xxpx;"><?php?></div>
krzychu0808
Wielkie dzięki a jak zrobić aby ta data była w lewym dolnym rogu.... >>>link<<<
hondek
pokombinuj w stylach z 'position' smile.gif
krzychu0808
użyłem
HTML:
  1. <div style="background-image: url(images/t2.jpg); width: 760px; height: 149px;" border="0"/><div class="heder">
  2. <?
  3. echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y');
  4. ?></div></div>

CSS:
  1. .heder{
  2. float:left;
  3. left:20px;
  4. top:123px;
  5. }


ale nic się nie dzieje...
hondek
w divie gdzie znajduje sie napisz daj: text-align: left; natomiast a napisem steruj posiotionem.. nie wiem czy to najlepsze rozwiazanie, ale ja bym tak probowal:

  1. <div style="background-image: ......; text-align: left;">
  2. <p style="position: relative; top: Xpx; left: Xpx;"><? kodPHP ?></p>
  3. </div>


Prosze mnie poprawic jezeli to nie jest najlepsze rozwiazanie.
krzychu0808
dałem w css:
  1. .heder{
  2. float:left;
  3. left:20px;
  4. top:123px;
  5. position: relative;
  6. }

i działa ale tylko w przeglądarce IE a na Mozilla nie działa... prosze o pomoc
hondek
poczytaj o stylach smile.gif
najpierw piszesz
  1. position: relative; top: 123px; left: 20px;

a nie :
  1. top:123px; left: 20px; position....
krzychu0808
Zrobiłem:
HTML:
  1. <div style="background-image: url(images/t2.jpg); width: 760px; height: 149px; border="0" text-align: left;"/><div class="heder">
  2. <?
  3. echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y');
  4. ?></div></div>


CSS:
  1. .heder{
  2. position: relative;
  3. left:20px;
  4. top:123px;
  5. }


I nic nie działa na Mozilla
hondek
hola hola winksmiley.jpg nie ma w stylach border="0" musisz to zastapic: border-width: 0px;

u mnie w mozilli dziala:
  1. <div style="background-image: url(images/t2.jpg); width: 760px; height: 149px; border: 1px solid black; text-align: left;">
  2. <p style="position: relative; top: 110px; left: 8px;">
  3. <? echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y'); ?>
  4. </p>
  5. </div>
goozer
Masz blad w htmlu

  1. <div style="background-image: url(images/t2.jpg); width: 760px; height: 149px; border="0" text-align: left;"/><div class="heder">
  2. <?
  3. echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y');
  4. ?></div></div>


nie mozesz miec border="0" bo zamykasz w ten sposob style. Powinno byc border:0; text-align ....
poza tym masz zbedny / na koncu diva pierwszego.
Po tych poprawkach powinno zadzialac.


-----------
no i zostalem uprzedzony smile.gif nie ma to jak refleks w odpisywaniu tongue.gif

G
krzychu0808
Zrobiłem :
  1. <div style="background-image: url(images/t2.jpg); width: 760px; height: 149px; border=0 text-align: left;"><div class="heder">
  2. <?
  3. echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y');
  4. ?></div></div>


CSS:
  1. .heder{
  2. position: relative;
  3. left:20px;
  4. top:123px;
  5. }


I nadal nie działa na mozilla
hondek
nie wolno border=0 exclamation.gif!!!

  1. <div style="background-image: url(images/t2.jpg); width: 760px; height: 149px; border: 1px solid black; text-align: left;">
  2. <p class="heder">
  3. <? echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y'); ?>
  4. </p>
  5. </div>

css:
  1. .heder {
  2. position: relative;
  3. top: 110px;
  4. left: 8px;
  5. }
krzychu0808
Zrobiłem:
<div style="background-image: url(images/t2.jpg); width: 760px; height: 149px; border: 0px; text-align: left;">

i działa wielkie dzięki
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.