Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как опустить картинку на уровень текста

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
grafillo
Отправлено: 27 Ноября, 2013 - 12:38:42
Post Id


Посетитель


Покинул форум
Сообщений всего: 280
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
Добрый день, есть потребность выровнять картинку на уровень текста, картинка поднята выше примерно на одну строку http://krym4anka[dot]com/novosti , изменение маржина в стиле не помагают((

CODE (html):
скопировать код в буфер обмена
  1. <img class="newsimg" src="http://krym4anka.com/wp-content/uploads/novosti/cenioae.jpg" alt="" width="150" />
  2. <h5><a href="http://krym4anka.com/obvalil-ceny-na-tury-v-oae" target="_blank">
  3. Обвал цены на туры в ОАЭ
  4. </a></h5>
  5. <font size="1">26.11.2013</font>
  6. <p style="text-align: justify;">Конкуренция авиаперевозчиков на направлении ОАЭ заставляет туроператоров снижать цены на туры в эту страну на 25-30%. «По этим направлениям операторы работают на грани рентабельности, и горящие предложения можно найти по всем...</p>


CODE (html):
скопировать код в буфер обмена
  1.  
  2. </style>
  3. .newsimg {
  4.     float:left;
  5.     margin: 0px 7px 7px 0;
  6.  
  7. <style>
  8.  
  9.  
 
 Top
Deonis
Отправлено: 27 Ноября, 2013 - 13:10:08
Post Id



Посетитель


Покинул форум
Сообщений всего: 298
Дата рег-ции: Нояб. 2009  


Помог: 14 раз(а)
У вас стили перекрываются . Для того, чтоб для этого класса изменить margin, добавьте параметр !important или измените приоритетность:
CODE (css):
скопировать код в буфер обмена
  1. .art-article .leftimg {
  2.    // особый стиль
  3. }

(Отредактировано автором: 27 Ноября, 2013 - 13:10:33)

 
 Top
grafillo
Отправлено: 27 Ноября, 2013 - 13:21:59
Post Id


Посетитель


Покинул форум
Сообщений всего: 280
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
как это перекрываются, почему перекрываются?
 
 Top
Deonis
Отправлено: 27 Ноября, 2013 - 13:31:56
Post Id



Посетитель


Покинул форум
Сообщений всего: 298
Дата рег-ции: Нояб. 2009  


Помог: 14 раз(а)
Вот часть вашего реального css-кода:
CODE (css):
скопировать код в буфер обмена
  1.  
  2. .art-article img, img.art-article, .art-block img, .art-footer img {
  3.     border: 1px solid rgb(206, 138, 44);
  4.     margin: 10px;
  5. }
  6. .leftimg {
  7.     float: left;
  8.     margin: 0px 7px 7px 0px;
  9. }
Так вот margin 10px перекрывает margin: 0px 7px 7px 0px;. В FireFox правой клавишей на ваше изображение > "Исследовать элемент", в Chrome - "Просмотр кода элемента". В обоих случаях, вы увидите (по умолчанию справа) окно со стилями, относящемуся к данному элементу.

P.S. Кстати, в осле, даже 10-ой версии, у вас совсем беда с разметкой...

(Отредактировано автором: 27 Ноября, 2013 - 13:37:52)

 
 Top
IllusionMH
Отправлено: 27 Ноября, 2013 - 13:47:22
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
grafillo, вы блин вообще видите разницу между тем что написали и тем что на странице?
Изображение завернуто в абзац, а в ссылках в заголовке куча br
 
 Top
grafillo
Отправлено: 27 Ноября, 2013 - 14:02:27
Post Id


Посетитель


Покинул форум
Сообщений всего: 280
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
пипец точно проблемы с эксплорером((
а что же делать?
 
 Top
IllusionMH
Отправлено: 27 Ноября, 2013 - 14:10:45
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
grafillo, вы вообще живые сайты видели где список новостей был?
Каждая новость в отдельном блоке должна быть, IE тут вообще не при делах с такой версткой

*лицовруках*
 
 Top
grafillo
Отправлено: 27 Ноября, 2013 - 14:28:09
Post Id


Посетитель


Покинул форум
Сообщений всего: 280
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
как я могу это сделать это вордпресс настроен до меня((
лучше подскажите как сделать так чтобы мои классы перекрывали все остальные
 
 Top
Deonis
Отправлено: 27 Ноября, 2013 - 14:34:30
Post Id



Посетитель


Покинул форум
Сообщений всего: 298
Дата рег-ции: Нояб. 2009  


Помог: 14 раз(а)
grafillo пишет:
лучше подскажите как сделать так чтобы мои классы перекрывали все остальные
Я ж вам писал, что надо изменить приоритетность. В большинстве случаев поможет добавление параметра !important, но варинты не исключены, т.к. тот, кто делал что-то до вас, тоже мог понапихать этот параметр куда надо и не надо. Поэтому разбирайте каждый случай отдельно.

(Отредактировано автором: 27 Ноября, 2013 - 14:35:12)

 
 Top
IllusionMH
Отправлено: 27 Ноября, 2013 - 15:03:19
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
grafillo, изменить шаблон.
Изучайте что такое специфичность селекторов.
!important пихать не стоит. Только в случае крайнего отчаяния и невозможности редактирования стилей, где уже впихнули !important
 
 Top
grafillo
Отправлено: 27 Ноября, 2013 - 15:09:34
Post Id


Посетитель


Покинул форум
Сообщений всего: 280
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
можно на примере показать как впихнуть импотант, и почему его не стоит впихивать объяснить?
 
 Top
Deonis
Отправлено: 27 Ноября, 2013 - 15:29:33
Post Id



Посетитель


Покинул форум
Сообщений всего: 298
Дата рег-ции: Нояб. 2009  


Помог: 14 раз(а)
grafillo пишет:
можно на примере показать
Мде... Ну, возьмем такой код:
CODE (html):
скопировать код в буфер обмена
  1. <div id="parent">
  2.     <span>Simple SPAN</span>
  3.     <span class="child">SPAN with Class</span>
  4. </div>
  5.  
К нему кто-то раньше добавил стили:
CODE (css):
скопировать код в буфер обмена
  1. #parent span {
  2.     color: #F00;
  3. }
  4.  

Вы решили изменить цвет у класса "child":
CODE (css):
скопировать код в буфер обмена
  1. #parent span {
  2.     color: #F00;
  3. }
  4. .child {
  5.     color: #060;
  6. }
  7.  

Работать не будет, т.к. id подавляет class.:
CODE (css):
скопировать код в буфер обмена
  1. #parent span {
  2.     color: #F00;
  3. }
  4. #parent .child {
  5.     color: #060;
  6. }
Работает.
В общем, приоритеты идут в следующем порядке (от большего к меньшему):
стиль прописанный в тэге элемента > селектор id > селектор class > селектор элемент (тэг элемента)

(Отредактировано автором: 27 Ноября, 2013 - 15:30:09)

 
 Top
IllusionMH
Отправлено: 27 Ноября, 2013 - 15:35:14
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
grafillo, вдумчиво почитайте про специфичность. Там должно быть про !important
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB