Jak ustawić pozycję tekstu względem obrazka w HTML

chciałbym zrobić coś takiego że jst obrazek miniaturka i obok tego obrazka(tylko żeby napis był tak w środku) był jakiś link. I żeby bylo kilka takcihc obrazkow jeden pod drugim.

Przedstawienie obrazowe.:

miniaturka.JPG

Chodzi mi żeby było coś w tym stylu

http://skutery.net/testy.asp

wstaw tabelę i w komórkach rozmieszczaj elementy :slight_smile:

Dzięki za wyczerpującą wypowiedz !!

Po pierwsze zakładaj temat nadając mu opisowy tytuł. Jak takie coś zrobić nic o temacie nie mówi. Mogłeś go nazwać np. Jak ustawić pozycję tekstu względem obrazka w HTML - lepiej opisuje Twój problem.

Co do pytania - metod jest wiele. Najłatwiej to zrobić tabelkami:

| rysunek1.gif | Opis numer 1 |
| rysunek2.gif | Opis numer 2 |
[/code]

Po ostatnie: nie bądź opryskliwy. Prosisz o pomoc i w najlepszym wypadku ją dostaniesz. Kiedy Tobie nie odpowiada to nie powód do obrażania się.

Kod powinien wyglądać jak niżej. Wstaw tylko adres obrazka; adres linka i nazwe linka. :slight_smile:

To jest jeden obrazek jak chcesz więcej to poprostu skopiuj kod.

| ADRES OBRAZKA | LINK |
[/code]

w jakim programie pracujesz ??

to sa podstawy html !!

w sieci jest pełno kursów na temat tworzenia stron www :slight_smile:

to jest bardzo proste - w programie graficznym !!

  1. wstaw tabelę - określ ile ma mieć kolum i rzędów

  2. w komórkę wstaw obrazek - przez polecenie wstaw obrazek

  3. w komórce obok wpisz tekst - użyj opcji rozmieszcenia w pionie i poziomie elementów

np.:

| OBRAZEK1.png | NAZWA LINKU |
| OBRAZEK2.png | NAZWA LINKU |
| OBRAZEK3.png | NAZWA LINKU |
[/code]

gdzie:

a href= adres url

img src= - link do obrazka

chcesz zrobić www, a nawet nie zadałeś sobie trudu zapoznania się z podstawami html’a :twisted:

Tyle to akórat wiem :slight_smile:

to z czym masz jeszcze problem ??

Po pierwsze to zwracaj większą uwage na błędy które popełniasz.

Po drugie inaczej się odzywaj.

Skoro to są “podstawy” html to dlaczego podajecie takie przestarzałe i już nie używane rozwiązania? :wink: .

Nie musisz nic “udziwniać” żadna tabela nie jest potrzebna wygląd ustawisz za pomocą jednej linijki styli CSS.

Tutaj Twój tekst[/code]


Styl do tego kawałka kodu może wyglądać tak:

[code]img {width: 50px; height: 50px; margin: 5px; vertical-align: middle;}

A wiecie jak zrobić aby te linki były na jednej lini bo tak to głupi wygląda ??

| sped1_mini.jpg | SpeedFight 1 |

| x-team_mini.jpg | SpeedFight X-team |

| 2ac_mini.jpg | SpeedFight 2 |

| x-race_mini.jpg | SpeedFight X-race |

| forius_mini.jpg | SpeedFight Forious |

| 206wrc_mini.jpg | SpeedFight 206 WRC |

| silver_mini.jpg | SpeedFight Silver Sport |

| 307wrc_mini.jpg | SpeedFight 307 WRC |

| speed100_mini.jpg | SpeedFight 100 |
[/code]

http://www.speedfight.pl/modules.php?na … pagepid=3

Ponieważ znam kolege i wiem ze chce to wstawić do PHP Nuke. Do content. :lol:

umieść wszystkie elementy w jednej tabeli :slight_smile:

| sped1_mini.jpg | SpeedFight 1 |
| x-team_mini.jpg | SpeedFight X-team |
| 2ac_mini.jpg | SpeedFight 2 |
| x-race_mini.jpg | SpeedFight X-race |
| forius_mini.jpg | SpeedFight Forious |
| 206wrc_mini.jpg | SpeedFight 206 WRC |
| silver_mini.jpg | SpeedFight Silver Sport |
| 307wrc_mini.jpg | SpeedFight 307 WRC |
| speed100_mini.jpg | SpeedFight 100 |
[/code]

Nie znam się na CMS-ach, ale nie wystarczy w tym content wstawić:

Tutaj Twój tekst[/code]

A jak chce mieć w jednej lini to wystarczy po kolei umieszczać kod w obrębie

.

No można taki:

Tutaj Twój tekst

Tutaj Twój tekst

Tutaj Twój tekst[/code]

[color=darkred]

Taki kod nawet lepiej wygląda.

Można też zrobic jak pisałeś wyżej, ale kolega i tak ma problemy więc lepiej mu nie mieszać w głowie.

Przecież Nuke też ma css więc styl można dopisać do skórki. :slight_smile: [/color]