newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Здравствуйте, с наступающим новым годом.   Вопрос про фото, я  использую css, для  выравнивание фоток, а так же что бы  область из фото показывалась, фото разные есть вытянутые по горизонту или по вертикали по этому использую данный метод.   CSS Код:   .apartfotofull { float: left; width: 383px;   height: 250px; overflow: hidden;   border: 1px solid #FFDDEF; margin-left: 8px; margin-top: 8px; margin-bottom: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -html-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }   .apartfotofull img { max-width: 383px; max-height: 400px; }   .apartfotofull img:hover{ opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); border: 1px solid #FC4E9C; }     HTML Код:   <div class="apartfotofull"> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> </div>     Как это выглядит:   Видно что все фото под одной фото, как мне сделать что бы было так ?? Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 07:48 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies есть же тема Вопросы по CSS Цитата: Видно что все фото под одной фото, как мне сделать что бы было так ?? не видно. вида только одна.. остальные идут ниже? значит не помещаются по ширине. либо к тегу <а> какой то еще стиль применен. картинки, вообще то, обычно идут подряд ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 07:53 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору width: 383px;    менял, толку нет.   что касаемо  ( a )   a {      text-decoration: none;     color: #C20359; }   a:hover {     color: #88003E; }   Добавлено: фото просто все под одной, они там пачкой,  странно, как их отделить ! Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 07:59 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies Цитата: фото просто все под одной, они там пачкой,  странно, как их отделить значит у вас абсолютное позиционирование к фотографиям или ссылке применено. дайте лучше ссылку на страницу ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:03 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору страницы нет  это  в html делаю шаблон,  я код скинул css это все что есть и  html что качаемо фоток.  я убирал другие  все css  и то же самое. Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 08:04 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies Цитата: я код скинул css это все что есть и  html что качаемо фоток выложите архив куда нить или воспроизведите ситуацию на jsfiddle.net потому, что http://jsfiddle.net/3sZnJ/ - картинок нет, но они идут подряд ну или так http://jsfiddle.net/3sZnJ/1/ ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:44 31-12-2013 | Исправлено: Cheery, 08:47 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору а как это правильно называется,  когда с помощью css делаем что бы  из фото вырезалась область что бы фото было все как одно, ровное !   Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 08:46 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies Цитата: когда с помощью css делаем что бы  из фото вырезалась область что бы фото было все как одно, ровное чего? имелось в виду отображение одного размера, но без масштабирования?   делаете фиксированный div, фоном вставляете картинку по центру. вот и все http://jsfiddle.net/uLwSc/ ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 08:48 31-12-2013 | Исправлено: Cheery, 08:50 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору глянул, http://jsfiddle.net/3sZnJ/1/   у меня все так же сделано, вы ведь ничего в css не добавляли, тогда почему у меня они не вряд а все под одной.   Добавлено: Код:   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>   <link rel="stylesheet" title="default" href="quarters.css" type="text/css" />   </head> <body> <div class="apartfotofull"> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> <a href="#"><img src="34390.jpg" /></a> </div> </body> </html>     quarters.css   Код:   .apartfotofull { float: left; width: 383px;   height: 250px; overflow: hidden;   border: 1px solid #FFDDEF; margin-left: 8px; margin-top: 8px; margin-bottom: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -html-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }   .apartfotofull img { max-width: 383px; max-height: 400px; }   .apartfotofull img:hover{ opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); border: 1px solid #FC4E9C; }     вот все, ничего лишнего, я убрал !!!!!! и все равно они под одной )))) Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 09:38 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies Цитата: тогда почему у меня они не вряд а все под одной я поэтому и говорю - выкладываем архив полностью! ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 09:43 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору я же выше все выложил, вставь  код к себе и все ))))  там ничего лишнего нет ) все что выше написал постом )))) Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 09:48 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies я вставил код, дал ссылку - картинки идут нормально. они могут идти одна под другой (в столбик) если две картинки по ширине не помещаются в ряд ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 09:54 31-12-2013 | Исправлено: Cheery, 09:54 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору так и выходит что одна под другой. а мне надо как на картинке я показывал ! Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 10:27 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies Цитата: так и выходит что одна под другой я же об этом и спрашивал   уменьшайте ширину картинки или ее padding, margin не помешается у вас две картинки в ряд - не хватает места ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 10:29 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору если бы фокта не влазила бы то она бы  была бы с низу первой фот ои так далее, а они  в столбик все под одной фото спрятались.   Добавлено: да вы меня не поняли )))))))))))))))))) они должны идти в ряд, каждый рад по две фото, а у меня они  тупо фото и за ней другая фото и так  их там куча ) то есть они на одном месте. Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 10:33 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies Цитата: то есть они на одном месте. из того кода, что вы привели, они не могут быть на одном месте. в последний раз говорю - сделайте архив и выложите. с картинкой в архиве и готовым html и css файлами. а также указываем браузер.   потому что не воспроизводится ваша ситуация. сначала воспроизведите ее в файле, что можете выложить и дайте на него ссылку. ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 10:37 31-12-2013 | Исправлено: Cheery, 10:42 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору а как сделать что бы фото были так как мне нужно, что мне добавить в css Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 11:02 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies я еще раз повторю - по тому коду, что вы привели, они отображаются нормально.. либо несколько в ряд, либо все в один столбик. вашу проблему у меня воспроизвести не получается. не хотите выкладывать все в архиве - думайте дальше. ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 11:11 31-12-2013

newbies Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Да епаный рот, все что там, я выложил и тут html и css   Вот архив: http://vl-girl.ru/rtttrtrt.rar       Добавлено: они у меня не нормально отображаются,  фото под фото, а мне надо несколько в ряд !   я размерами мутил, толку нет, если бы размер был бы большой для того что бы вывести на одной линии сразу две, то   фотка бы автоматом была бы ниже первой и так далее.   но этого нет, они просто все в одной куче, фотка под фоткой ! может так понятно будет нарушение п. 2.3. главы VIII Соглашения по использованию. Следите за речью. /Cheery/ Всего записей: 2112 | Зарегистр. 23-06-2006 | Отправлено: 11:50 31-12-2013 | Исправлено: Cheery, 11:55 31-12-2013

Cheery .:МордератоР:. Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору newbies Потому что у вас размер картинки совпадает с размером родителя.   Все остальное, ессно, не растягивается и картинки ниже, а не друг над другом на одном месте, просто не видны. Все, что нужно было, указать размер картинки, а не вести ненужные диалоги.   уберите height: 250px;  и поймете. сделайте ширину на две картинки и будет отображаться 2 картинки в ряд.   ну, и стоило флудить, вместо того, чтобы сразу сделать то, о чем вас просят?     ---------- Away/DND Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 11:58 31-12-2013 | Исправлено: Cheery, 12:00 31-12-2013

Страницы: 1 2 3

Компьютерный форум Ru.Board » Интернет » Web-программирование » Фото и css

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование