[PHP][CSS]Obrazek, zdjęcia zamiast tekstu w wyskakującym okienku Opcje

[ciapus4]

Witam, jaki kod dołączyć, żeby zamiast tekstu wstawić jakiś obrazek, lub pod tekstem dodać obrazek.
Przykład kodu

[Kshyhoo]

Powiedz, że to żart.

[HTML] pobierz, plaintext 
<div id="dialog" title="INFORMACJA">
  <img style="width: 80px; height: 80px;" src="http://forum.php.pl/uploads/av-63889.png" alt="" height="80" border="0" width="80">
</div>
[HTML] pobierz, plaintext 

[Luna_s20]

Eh.. .ty serio to? (IMG:style_emoticons/default/ohmy.gif)

To najbardziej podstawowe podstawy. Bardziej podstawowe jest już tylko przeglądanie stron.

Zamiast tekstu lub pod nim wstaw

[HTML] pobierz, plaintext 
<img src="http://adres_strony.pl/ścieżka_do_obrazka/nazwa_obrazka" title="Tytuł obrazka" alt="Tekst alternatywny"/>
[HTML] pobierz, plaintext 

Jeśli chcesz nadać obrazkowi odgórnie atrybuty wielkości to wstaw gdzieś w środek odpowiednie znaczniki, np

[HTML] pobierz, plaintext 
<img src="http://adres_strony.pl/ścieżka_do_obrazka/nazwa_obrazka" width="250" height="150" title="Tytuł obrazka" alt="Tekst alternatywny"/>
[HTML] pobierz, plaintext 

albo za pomocą css, przypisując klasę:

[HTML] pobierz, plaintext 
<img class="obrazek" src="http://adres_strony.pl/ścieżka_do_obrazka/nazwa_obrazka" title="Tytuł obrazka" alt="Tekst alternatywny"/>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.obrazek{
width: 250px;
height: 250px;
}
[HTML] pobierz, plaintext 

[ciapus4]

Wielkie TNX, używam kodów sporadycznie, ale mniejsza z tym, jak wycentrować napis "INFORMACJA" i obrazek w okienku ?

kod

[Kshyhoo]

Chyba Ci zamknę ten wątek:) Takie proste rzeczy można w Google znaleźć:

[PHP] pobierz, plaintext 
<div id="dialog" title="INFORMACJA" style="text-align: center">
  <img src="http://www.restauracjemaciek.pl/gfx/n_index_01.jpg" width="250" height="150" title="Tytuł obrazka" alt="Tekst alternatywny"/>
</div>
[PHP] pobierz, plaintext 

W pliku, który dołączasz:

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
[HTML] pobierz, plaintext 

jest:

[CSS] pobierz, plaintext 
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
[CSS] pobierz, plaintext 

Musiałbyś float: left; zamienić na text-align: center;.

[ciapus4]

Nie tylko nie to (IMG:style_emoticons/default/facepalmxd.gif) , nie zamykaj, jeszcze zapytam, możesz podpowiedzieć w takim razie, pewnie nie da się zmienić tego kodu co podałeś,
"Musiałbyś float: left; zamienić na text-align: center;.". Napiszę tak, po wpisaniu adresu strony głównej, chciał bym, żeby wyskoczyło takie okno jak w przykładzie z obrazkiem w odpowiednim rozmiarze .width="450" height="350".jak daje takie parametry to pokazują się suwaki....jak tu. Czy można to jakoś zedytować, bądz mogę kod umieścić na swym serwerze gdzie jest kod stronki, prosze o wyrozumiałośc (IMG:style_emoticons/default/wstydnis.gif)

[Kshyhoo]

Pokazują się suwaki, bo rozmiar obrazka jest większy od otaczającego DIVa.

[ciapus4]

Ok, więc jak to zmienić, żeby pozbyć się suwaka ?

[Kshyhoo]

Wszystko jest w pliku, ktory dołączasz:
http://code.jquery.com/ui/1.10.3/themes/sm...s/jquery-ui.css
Więc nie możesz ingerować. Musisz przeczytać, jak to zrobić w dokumentacji tego wodotrysku, który chcesz użyć.

[ciapus4]

Ok, a mogę ten wodotrysk umieścić u siebie na serwerze ?

[Kshyhoo]

Pewnie, ze tak. A tu jet dokumentacja.

[ciapus4]

Witam, skopiowałem kod css na swój serwer, zmieniłem float: left; na text-align: center; i nadal napis informacja jest po lewo LINK i nie wiem dlaczego znikł mi krzyżyk do zamykania okna, i gdzie jeszcze dopasować obrazek, żeby znikły suwaki. Z góry dziękuję i proszę o wyrozumiałość (IMG:style_emoticons/default/closedeyes.gif)