[HTML,CSS] Jak umieścić na img kod php Opcje

[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:

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

chodzi mi o to że po wstawieniu kodu:

[PHP] pobierz, plaintext 
<?
echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y');
  ?>
[PHP] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
<div style="background-image: url(images/t2.jpg); width: xxpx; height: xxpx;"><?php?></div>
[HTML] pobierz, plaintext 

Ten post edytował hondek 1.03.2008, 21:02:44

[krzychu0808]

Wielkie dzięki a jak zrobić aby ta data była w lewym dolnym rogu.... >>>link<<<

[hondek]

pokombinuj w stylach z 'position'

[krzychu0808]

użyłem
HTML:

[HTML] pobierz, plaintext 
<div style="background-image: url(images/t2.jpg); width: 760px; height: 149px;" border="0"/><div class="heder">
<?
echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y');
?></div></div>
[HTML] pobierz, plaintext 

CSS:

[HTML] pobierz, plaintext 
.heder{
	float:left;
	left:20px;
	top:123px;
}
[HTML] pobierz, plaintext 

ale nic się nie dzieje...

Ten post edytował krzychu0808 1.03.2008, 21:40:17

[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:

[HTML] pobierz, plaintext 
<div style="background-image: ......; text-align: left;">
   <p style="position: relative; top: Xpx; left: Xpx;"><? kodPHP ?></p>
</div>
[HTML] pobierz, plaintext 

Prosze mnie poprawic jezeli to nie jest najlepsze rozwiazanie.

[krzychu0808]

dałem w css:

[HTML] pobierz, plaintext 
.heder{
	float:left;
	left:20px;
	top:123px;
position: relative;
}
[HTML] pobierz, plaintext 

i działa ale tylko w przeglądarce IE a na Mozilla nie działa... prosze o pomoc

[hondek]

poczytaj o stylach
najpierw piszesz

[HTML] pobierz, plaintext 
position: relative; top: 123px; left: 20px;
[HTML] pobierz, plaintext 

a nie :

[HTML] pobierz, plaintext 
top:123px; left: 20px; position....
[HTML] pobierz, plaintext 

[krzychu0808]

Zrobiłem:
HTML:

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

CSS:

[HTML] pobierz, plaintext 
.heder{
position: relative;
	left:20px;
	top:123px;
}
[HTML] pobierz, plaintext 

I nic nie działa na Mozilla

[hondek]

hola hola nie ma w stylach border="0" musisz to zastapic: border-width: 0px;

u mnie w mozilli dziala:

[HTML] pobierz, plaintext 
<div style="background-image: url(images/t2.jpg); width: 760px; height: 149px; border: 1px solid black; text-align: left;">
	<p style="position: relative; top: 110px; left: 8px;">
		<? echo "Dzisiaj: ". $day[date('w')] ." ". date('d') ." ". $month[date('m')] ." ". date('Y'); ?>
	</p>
</div>
[HTML] pobierz, plaintext 

Ten post edytował hondek 1.03.2008, 22:02:56

[goozer]

Masz blad w htmlu

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

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 nie ma to jak refleks w odpisywaniu

G

Ten post edytował goozer 1.03.2008, 22:02:45

[krzychu0808]

Zrobiłem :

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

CSS:

[HTML] pobierz, plaintext 
.heder{
position: relative;
	left:20px;
	top:123px;
}
[HTML] pobierz, plaintext 

I nadal nie działa na mozilla

[hondek]

nie wolno border=0 !!!

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

css:

[HTML] pobierz, plaintext 
.heder {
   position: relative; 
   top: 110px; 
   left: 8px;
}
[HTML] pobierz, plaintext 

[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