X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Составить красивую html таблицу, html таблица
stixia007
stixia007
Topic Starter сообщение 7.8.2014, 12:18; Ответить: stixia007
Сообщение #1


Ещё раз здрасте. В общем дело пустяковое, всё с мог осилить вот:

Код
<table border="1" height="100" width="500">
<tr>
<td>[img]http://warick.ru/uploads/posts/2014-08/1407397763_character.gif[/img]</td>
<td>Урон: 47 - 57
Дальность атаки: 128
Броня: 2.6
Обзор: 1800 / 800</td>
<td>Сторона: Sentinel
Скорость атаки: 1.7
Тип атаки: ближний
Скорость: 300</td>
<td>Сила - 21+2,7
Ловкость - 14+1,3
Разум - 16+1,5</td>
</tr></table>


Выглядит так:



А хотелось бы вот так:



Я не знаю как сделать чтоб картинка была на все строчки. И возможно вы подскажете, как улучшить вариант такой про таблице :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 7.8.2014, 12:27; Ответить: x64
Сообщение #2


как вариант:
<tr> заменить на <tr valign="middle">
об атрибуте valign

хотел предложить css, но у вас и так уже <table border="1" height="100" width="500">
одним большем, одним меньше, не принципиально


Цитата(stixia007 @ 7.8.2014, 12:18) *
Я не знаю как сделать чтоб картинка была на все строчки

в смысле, по горизонтали? смотрите атрибут colspan
если по вертикали, то rowspan
про сам td

Сообщение отредактировал x64 - 7.8.2014, 12:29
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mmkulikov
mmkulikov
сообщение 7.8.2014, 12:28; Ответить: mmkulikov
Сообщение #3


stixia007, http://htmlbook.ru/html/table/align


--------------------
Сдается, обращаться скайп avdesk-it-kmm
VPS от 5€
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 7.8.2014, 12:44; Ответить: stixia007
Сообщение #4


x64, ну вот да, мне нужно объединить вертикальные ячейки чтоб картинка была не на певой а на всех п получается по центру.
Код
<td rowspan="?">[img]http://warick.ru/uploads/posts/2014-08/1407397763_character.gif[/img]</td>

Не много не понял как работает этот атрибут.

Вот сделал:

Код
<table border="1" height="1" width="500">
<tr>
<td rowspan="0">[img]http://warick.ru/uploads/posts/2014-08/1407397763_character.gif[/img]</td>
<td style="background-color:#ffffcc">[b]Урон:[/b] [u]47 - 57[/u]
[b]Дальность атаки:[/b] [u]128[/u]
[b]Броня:[/b] [u]2.6[/u]
[b]Обзор:[/b] [u]1800 / 800[/u]</td>
<td style="background-color:#ffffcc">[b]Сторона:[/b] [u]Sentinel[/u]
[b]Скорость атаки:[/b] [u]1.7[/u]
[b]Тип атаки:[/b] [u]ближний[/u]
[b]Скорость:[/b] [u]300[/u]</td>
<td style="background-color:#ffffcc">[color=#FF6666][b]Сила:[/b][/color] [u]21+2,7[/u]
[color=#66FF99][b]Ловкость:[/b][/color] [u]14+1,3[/u]
[color=#66FFFF][b]Разум[/b]:[/color] [u]16+1,5[/u]</td>
</tr></table>




Видно же что картинка некорректно стоит.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Caterpillar
Caterpillar
сообщение 7.8.2014, 12:48; Ответить: Caterpillar
Сообщение #5


stixia007, rowspan\colspan=3
Эти атрибуты содержат число объединеных исходных ячеек, а не число нужных


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zhezkazganetcs
Zhezkazganetcs
сообщение 7.8.2014, 12:55; Ответить: Zhezkazganetcs
Сообщение #6


я конечно не спец, но если хотите, что бы текст "обтекал" картинку, то нужно использовать тег - <img style="float: left;


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 7.8.2014, 13:24; Ответить: stixia007
Сообщение #7


Да пробовал всё криво...
Вот как хочу сделать:

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 7.8.2014, 13:34; Ответить: x64
Сообщение #8


stixia007, для этого никаких colspan`ов не нужно
хотя бы так:
Код
<table border="1" width="500">
<tr style="background-color:yellow" valign="center">
<td style="background-color:white; text-align:left; width:130px;"><img alt="" src="http://warick.ru/uploads/posts/2014-08/1407397763_character.gif"></td>
<td>Урон: 47 - 57
Дальность атаки: 128
Броня: 2.6
Обзор: 1800 / 800</td>
<td>Сторона: Sentinel
Скорость атаки: 1.7
Тип атаки: ближний
Скорость: 300</td>
<td>Сила - 21+2,7
Ловкость - 14+1,3
Разум - 16+1,5</td>
</tr></table>

стронги сами расставите)

но гораздо лучше всё оформление вынести в css

Сообщение отредактировал x64 - 7.8.2014, 13:34
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Caterpillar
Caterpillar
сообщение 7.8.2014, 13:37; Ответить: Caterpillar
Сообщение #9


Достаточно было сразу в пайнте нарисовать "как надо", а то все гадали на кофейной гуще


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 7.8.2014, 14:11; Ответить: stixia007
Сообщение #10


Всё спасибо, именно так и хотел :) Пошёл делать.

А я хз :) http://warick.ru/dota-heroes/29-admiral-kunkka.html
Опять та-же песня.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 29394 27.3.2024, 12:41
автор: Vampler
Открытая тема (нет новых ответов) Как составить уравнение, чтобы назначить цену для товара?
2 rownong27 761 21.3.2024, 12:53
автор: Lumex
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3482 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3416 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Залить html страницу на 20 доменов
6 TABAK 1709 22.5.2023, 16:24
автор: KORUP


 



RSS Текстовая версия Сейчас: 23.4.2024, 20:35
Дизайн