Горизонтальный сайт / однорядная таблица

Question

Горизонтальный сайт / однорядная таблица

0

В настоящее время я создаю сайт для размещения своего арт-портфолио. Для моей страницы портфолио я использую таблицу с одной строкой и хотел бы иметь бесконечное количество разделов столбцов в этой единственной строке. К сожалению, я получаю только 4 фотографии в строке, а пятый автоматически подталкивается ниже, как будто он пытается начать новую строку. Я не совсем уверен, как это исправить. У меня нет заданного количества фотографий для размещения в таблице, я буду добавлять все больше и больше, поэтому не может быть реального ограничения на количество imgs, которое я хотел бы вставить в таблицу. Любая помощь будет принята с благодарностью.

Спасибо, Стивен К.

user2980793 11 нояб. 2013, в 23:12

Источник

5

Добро пожаловать в StackOverflow! Не могли бы вы скопировать HTML-код и вставить его в свой вопрос, чтобы мы могли его просмотреть?
tintyethan 11 нояб. 2013, в 21:33
0

@EthanPelton Хороший ответ. Обычно ответ на такой вопрос - просто ярость, умник
zgood 11 нояб. 2013, в 21:35
0

То, что вы описываете, не должно быть возможным. Если у вас есть одна строка с бесконечным числом столбцов в строке, по одному изображению на столбец, она никогда не должна переноситься, если, конечно, вы не переопределите css по умолчанию для ячеек / строк таблицы.
Kevin B 11 нояб. 2013, в 21:37

Показать ещё 1 комментарий

Теги:

jquery

html

css

webpage

infinite

2 ответа

Ещё вопросы

Добро пожаловать в StackOverflow! Не могли бы вы скопировать HTML-код и вставить его в свой вопрос, чтобы мы могли его просмотреть?
@EthanPelton Хороший ответ. Обычно ответ на такой вопрос - просто ярость, умник
То, что вы описываете, не должно быть возможным. Если у вас есть одна строка с бесконечным числом столбцов в строке, по одному изображению на столбец, она никогда не должна переноситься, если, конечно, вы не переопределите css по умолчанию для ячеек / строк таблицы.

pictoru · Answer 1 · 2013-11-11T20-04-00.000Z

в css

ul.infinte{
white-space: nowrap;
overflow-x: auto;
}
ul.infinte li{
display: inline-block;
}

в html

<ul class="infinite">
<li><img src="image1.jpg" /></li>
<li><img src="image2.jpg" /></li>
<li><img src="image3.jpg" /></li>
<li><img src="image4.jpg" /></li>
...
<li><img src="image999.jpg" /></li>
<ul>

Это должно содержать ваши изображения в одной строке. Не нужно использовать таблицу, вместо этого используйте ul> li, это проще.

PeonProgrammer · Answer 2 · 2013-11-11T19-09-00.000Z

Вам нужно что-то более сложное, чем просто теги, чтобы постоянно принимать и добавлять фотографии в строку таблицы. Хотя можно было бы создать таблицу с динамически создаваемыми тегами в зависимости от того, сколько у вас фотографий, вы бы быстро поняли, что это не масштабируемое решение: D.

Возможно, лучше иметь сервер изображений.