Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 2
Регистрация: 12.02.2013
Сообщений: 110
1

Как задать размер для множество фотографий?

16.05.2013, 01:18. Просмотров 914. Ответов 2
Метки нет (Все метки)

Здравствуйте, хочу задать один размер для множество выводимых средствами пхп фотографий?
Что я сделал:
CSS
1
2
3
4
5
6
7
8
9
    img.foto{
  border: 1px dotted blue;
  margin:10px;
  float:left;
  background-color: #fff;
  height:100px;
  width:100px;
  
  }
Все фотографии вывелись в столбик а верх и низ, остался соединенным.

Хочу чтобы фотографии выводились в ряд по 4-ре штуки одного размера, например 100 на 100.
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
16.05.2013, 01:18
Ответы с готовыми решениями:

Как задать правильно размер для сайта?
Как задать правильно размер для сайта? У меня стоит body {min-width:1100px;} но в мобильно...

Как задать фиксированный размер консоли для приложения?
Объясните, почему пользуясь методом Console.SetWindowSize (Int32, Int32) - окно уменьшается, но...

Как задать количество фотографий в строке?
здравствуйте всем! Хочу спросить есть фотографии при выводе надо что бы выводились они по 4 в...

Как задать единый размер для всех папок в Windows XP?
Добрый день, дорогие форумчане, у меня есть один вопрос - как задать единый размер для всех папок в...

2
Эксперт JSЭксперт HTML/CSS
2423 / 1102 / 309
Регистрация: 23.06.2011
Сообщений: 3,455
16.05.2013, 06:14 2
Лучший ответ Сообщение было отмечено gmelihov как решение

Решение

Это float:left; лишние, картинка строчный элемент и по умолчанию выводятся в одну строку.

HTML5
1
2
3
4
5
6
7
8
9
10
11
не контролируемый зазор
<div class="pic4">
<img src="pics/ie48.gif" alt="">
<img src="pics/iron48.gif" alt="">
<img src="pics/opera48.gif" alt="">
<img src="pics/avant48.gif" alt="">
</div>
контролируемый зазор
<div class="pic4">
<img src="pics/ie48.gif" alt=""><img src="pics/iron48.gif" alt=""><img src="pics/opera48.gif" alt=""><img src="pics/avant48.gif" alt="">
</div>
CSS
1
.pic4 img {border:1px dotted blue; margin:2px; height:100px; width:100px;}
0
560 / 337 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
16.05.2013, 07:44 3
Float лишний здесь.

CSS
1
2
3
4
5
6
7
8
9
10
11
 img.foto{
  border: 1px dotted blue;
  margin:10px;
  background-color: #fff;
  height:100px;
  width:100px;
  }
 
.foto:nth-child(4)::after{
content: "<br>";
}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
16.05.2013, 07:44

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

HTML как задать размер для каждой страницы отдельно
Нужна помощь, как в коде Html задать для каждой страницы отдельный размер. Вот на пример у меня на...

Как задать стоковый размер для всех загружаемых на сайт картинок?
Использую django-ckeditor и bootstrap4, когда загружаю картинку она выходит за рамки контейнера и...

Как в Word 2013 задать один размер для всех вставляемых в документ картинок?
Все картинки вставляются своего размера, а затем их размеры приходится редактировать. Мне нужно...

Как задать множество
Помогите пожалуйста, как задать множество букв алфавита ,которые будут идти через одну? Только...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.