Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Откуда берутся просветы между графикой?
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 920
Пользователь №: 27293
На форуме: 5 лет, 8 месяцев, 2 дня
Карма: -1




Выводятся пять одинаковых графический файлов вот таким кодом:
<div class="menu_name"><img src="/images/test-110116.gif" /></div>
<div
class="menu_name"><img src="/images/test-110116.gif" /></div>
<div
class="menu_name"><img src="/images/test-110116.gif" /></div>
<div
class="menu_name"><img src="/images/test-110116.gif" /></div>
<div
class="menu_name"><img src="/images/test-110116.gif" /></div>


.menu_name {
text-align: center;
margin: 0;
padding: 0;
text-indent: 0;
background:#06F;
}

.menu_name img {
margin: 0;
padding: 0;
width: 75%;
height: auto;
float: none;
}


При этом между ними образуются небольшие просветы, которые кодом, явно не предусмотрены:
user posted image

На странице много разных CSS, которые, в принципе, могли бы повлиять, но инспектор Хрома ничего не показывает ни для блока, ни для графики:
user posted image

user posted image

Графический файл по цвету однородный (вложение).

Откуда берется проблема?

Присоединённый файл ( Кол-во скачиваний: 1 )
Присоединённый файл  test_110116.rar
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Guest  
Дата
Цитировать сообщение


Гость пожелал остаться неизвестным

Unregistered









Пропиши height явно.

https://jsfiddle.net/qo4qhLya/
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 920
Пользователь №: 27293
На форуме: 5 лет, 8 месяцев, 2 дня
Карма: -1




Спасибо, но это не очень хорошая идея, поскольку на резиновой верстке все разваливается.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Guest  
Дата
Цитировать сообщение


Гость пожелал остаться неизвестным

Unregistered









Ну вот так тогда можно https://jsfiddle.net/qo4qhLya/1/
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Владимир55  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 920
Пользователь №: 27293
На форуме: 5 лет, 8 месяцев, 2 дня
Карма: -1




Да, так заработало!

Спасибо!
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Stave  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Старик
***

Профиль
Группа: Пользователь
Сообщений: 138
Пользователь №: 40254
На форуме: 2 года, 3 месяца, 6 дней
Карма: 4




Цитата (Владимир55 @ 11.06.2016 - 13:43)
Да, так заработало!

Спасибо!

.menu_name img {
vertical-align:middle;
}


Это сообщение отредактировал Stave - 17.09.2016 - 19:31


--------------------
Если долго в одних стенах живешь, ты с ними сростаешься
PMПисьмо на e-mail пользователю
    1   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса