ďťż

[PHP] / [HTML] Tekst NAD obrazem - zwiększenie szybkości ładowania strony

       

Podstrony


telcocafe

Witam,
Strorzenie menu graficznego ładnie prezentuje się na stronie,
jednak to menu może się długo ładować - kilkanaście obrazków.

Jaka funkcja pozwoli na dodanie tekstu nad obrazek, tak aby zmniejszyc iloś ładowanych obrazków z kilku-nastu do dwóch.
Chce aby tekst był idealnie wyśrodkowany pomiędzy górą a dołem obrazu.

mniej swiecej tak:
--------------------------
|
| [] TEKST
|
--------------------------

Czy ktoś może mógłby mi pomóc...

P.s. Chciałbym zastosować tę funkcję do skryptu na zmiane obraka po najechaniu myszki.



W css możesz to zrobić - przykładowe menu:
<a href="http://www.google.pl" class="menu">Lorem</a> <a href="http://www.google.pl" class="menu">Ipsum</a> <a href="http://www.google.pl" class="menu">Dolor</a> <a href="http://www.google.pl" class="menu">Amet</a>
i kod css:
a.menu { width: 100px; height: 25px; border: 1px solid #000000; background: url(tlo_obrazka.png); background-repeat: no-repeat; vertical-align: middle; }
height i width ustaw na wymiary obrazka-tła.

P.s. Chciałbym zastosować tę funkcję do skryptu na zmiane obraka po najechaniu myszki.
Po co ten skrypt? To samo zrobisz w css - łatwiej i wygodniej:
(przykład do powyższego kodu, dodatek)
a.menu:hover { width: 100px; height: 25px; border: 1px solid #000000; background: url(tlo_drugiego_obrazka.png); background-repeat: no-repeat; vertical-align: middle; }
//oczywiście oba kody css są potrzebne//
Użytkownik Einzeinbleth edytował ten post 09 wrzesień 2006, 16:42
Wszystko ok, tylko że obrazek nawet po ustawieniu w stylach odpowiedniego rozmiaru jest taki duży jak tekst... :/

Czyli widać tylko jego fragment...

Nie o to chodzi... :/

Chce aby było widać cały.

użyj pozycjonowania i ustaw tekst w np. DIVie na IMG.
Przypominam: http://kurshtml.boo....cjonowanie.html

Poza tym możesz dać DIVa, zdefiniować height i weight na taką, jaką ma obrazek który chcesz podłożyć podspód, nadać go jako tło do diva, a tekst w środek wstawić :P




Wszystko ok, tylko że obrazek nawet po ustawieniu w stylach odpowiedniego rozmiaru jest taki duży jak tekst... :/ w a daj styl display:block.

Potem pobaw się paddingiem i hackami na IE(wierz mi będą potrzebne, jeśli walniesz padding), by ustawić tekst tam gdzie chcesz
Użytkownik Mathew edytował ten post 11 wrzesień 2006, 06:45
Robisz tabelkę, tło każdej komórki to obrazek przycisku i Tam wpisujesz tekst sformatowany w css.
<tr onclick="Tu procedura linkowania poszukaj sobie"><td style="background-image: przycisk.jpg"> <TD>Tu tekst </td></tr>

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.