2016-01-12 4 views
0

Я работаю над созданием «Зала славы» на внутренней вики моей компании.Выравнивание изображения рядом с таблицей с использованием только HTML

Веб-сайт настроен таким образом, что у меня есть три изображения сверху (трофей, изображение в центре заголовка, еще один трофей) и центрированная таблица внизу.

У меня очень высокое изображение, в котором говорится, что «Зал славы» боком, который я хотел бы разместить рядом со страницей.

Как бы я это сделал? Похоже, что редактор этой вики только позволит вам изменить HTML, поэтому кажется, что использование стиля div и CSS для стилизации страницы не может быть и речи (исправьте меня, если я ошибаюсь). Я свяжу HTML, но это немного грязно.

Спасибо!

<p style="text-align: center"> 
    <a href="http://www.google.com"><img align="left" height="342" lconnwikimacro="image" lconnwikiparamattachmentname="trophy.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" style="height: 141px; width: 116px; padding-top: 30px; padding-left: 65px" width="330" /> <img lconnwikimacro="image" lconnwikiparamattachmentname="SG_HoF_Pic2.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" /></a> <img align="right" height="342" lconnwikimacro="image" lconnwikiparamattachmentname="trophy.png" lconnwikiparamwikipage="Hall of Fame" src="wikipage" style="height: 141px; width: 116px; padding-top: 30px; padding-right: 65px" width="330" /></p> 
<p style="text-align: center"> 
    &nbsp;</p> 
<table> 

EDIT: Я использовал ответ ниже, и я теперь получаю ошибку, как показано на моей картинке ниже ... here

Боковое изображение слева должно быть рядом со столом. Не выше и налево.

ответ

1

Вы можете вложить таблицу в другую таблицу следующим образом:

<table> 
    <tr> 
    <td>Put Your Image Here</td> 
    <td> 
     <table> 
      <tr> 
      <td>Jill</td> 
      <td>Smith</td>  
      <td>50</td> 
      </tr> 
      <tr> 
      <td>Eve</td> 
      <td>Jackson</td>   
      <td>94</td> 
      </tr> 
      <tr> 
      <td>John</td> 
      <td>Doe</td>   
      <td>80</td> 
      </tr> 
     </table> 
    </td> 
</tr> 

Смотрите пример здесь: https://jsfiddle.net/ingridly/rgangdan/

+0

Это несколько работ ... Теперь мой новый образ, который я добавил в новая таблица находится поверх текущей таблицы, нажав текущую таблицу вниз. Я добавил скриншот в своем оригинальном посте, чтобы показать, что я имею в виду. –

+0

Не могли бы вы связаться со своим новым кодом или сделать скрипку? Трудно сказать, что не работает с изображением. – ingridly

+0

На самом деле я просто получил его на работу. Просто некоторая синтаксическая ошибка. Проблема, с которой я сталкиваюсь сейчас, состоит в том, что, поскольку теперь есть таблица, вложенная в мою старую таблицу, таблица с оригинальным отступом немного смещена вправо. Нужно ли мне просто настраивать вручную, где находится на странице, с помощью прокладки? –