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
Форумы портала PHP.SU :: Версия для печати :: Иконка
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Иконка

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

1. Спектра - 12 Ноября, 2018 - 14:40:50 - перейти к сообщению
Здравствуйте всем) Я новичок еще только,тренеруюсь,так сказать. Встала проблема,решила прикрепить иконку рядом названием раздела,иконка встала,но не так,как хотелось бы,как-то не ровно Однако вопрос: Можно как-то ее выровнить?
Если что вот код:
1.
CODE (htmlphp):
скопировать код в буфер обмена
  1. <div class="content">
  2.     <img src='/img/news.png' alt='*'>
  3.     <a href='<?php// ссылка на другую страницу?>'>Новости</a>
  4. </div>

Если возможно,как воплотить это в стилях css?
2.
CODE (css):
скопировать код в буфер обмена
  1. .header{
  2.    background: #838283;
  3.    height: 160px;
  4.    width: 100%;
  5. }
  6.  
  7. .content {
  8.    background: #d2d0d2;
  9.    width: 100%;
  10.    height: 600px;  
  11. }
  12.  
  13. .footer{
  14.    position: absolute;
  15.    width: 100%;
  16.    height: 80px;
  17.    background: #838283;
  18. }
2. ekzetrik - 12 Ноября, 2018 - 15:05:47 - перейти к сообщению
присвоить иконке класс , и поиграться с margin-top пробовали ?
3. Спектра - 12 Ноября, 2018 - 19:21:07 - перейти к сообщению
ekzetrik пишет:
присвоить иконке класс
margin-top -это отступ? А как присвоить класс иконке?Попробовала margin-top. В общем,нужно класс создать,действительно,но как создать класс именно для своей иконки,в формате png?
4. ekzetrik - 13 Ноября, 2018 - 07:15:08 - перейти к сообщению
Спектра пишет:
ekzetrik пишет:
присвоить иконке класс
margin-top -это отступ? А как присвоить класс иконке?Попробовала margin-top. В общем,нужно класс создать,действительно,но как создать класс именно для своей иконки,в формате png?



например <img src="ваш путь до иконки" class="siteIcons"></img>


файл styles.css:


.siteIcons{
margin-top: X px;
}
5. Vladimir Kheifets - 13 Ноября, 2018 - 08:26:17 - перейти к сообщению
ekzetrik пишет:
присвоить иконке класс , и поиграться с margin-top пробовали ?

Добрый день!
Присваивать классы не обязательно (см. соседние селекторы или вложенные селекторы).
http://htmlbook[dot]ru/css/selector
Ещё придумали селекторов nth-child и nth-of-type.

В связи с иконкой, советую обратить внимание на position: relative
http://htmlbook[dot]ru/css/position
Удачи!
6. Спектра - 13 Ноября, 2018 - 09:11:56 - перейти к сообщению
[quote=ekzetrik][/quote]не знаю,правильно ли сделала,но у меня ничего не изменилось,по вашему совету.Может просто иконка большая с лишком?Поэтому криво смотрится?
(Добавление)
[quote=Vladimir Kheifets][/quote]попробовала с селекторами поиграться,не вышло.видать не правильно что-то делаю((

CODE (css):
скопировать код в буфер обмена
  1. .header{
  2.    background: #838283;
  3.    height: 160px;
  4.    width: 100%;
  5.    }
  6. .content {
  7.    background: #d2d0d2;
  8.    width: 100%;
  9.    height: 600px;
  10.        
  11. }
  12.  
  13. .footer{
  14.    position: absolute;
  15.    width: 100%;
  16.    height: 80px;
  17.    background: #838283;
  18. }
  19.  .content img{
  20.   position: relative;
  21.  
  22.  }
7. armancho7777777 - 13 Ноября, 2018 - 09:46:59 - перейти к сообщению
CODE (css):
скопировать код в буфер обмена
  1. .content img{
  2.    position: relative;
  3.    top: 5px /* <<--- */
  4. }
8. Спектра - 13 Ноября, 2018 - 11:43:01 - перейти к сообщению
armancho7777777 пишет:
CODE (css):
скопировать код в буфер обмена
  1. .content img{
  2.    position: relative;
  3.    top: 5px /* <<--- */
  4. }
спасибо,теперь все гуд)оказывается,просто не добавила эту часть:top: 5px /* <<--- */ Правда вот в этой части в файле content.php код вроде ошибку выдает,типа подсветки красным <div class="content"><img src="img/news.png" class=siteIcons></img><a href='<?php// ссылка на другую страницу?>'>Новости</a>
</div>
Подкрасила закрывающий тэг.Или это так и должно быть?
9. Vladimir Kheifets - 13 Ноября, 2018 - 11:53:16 - перейти к сообщению
Спектра пишет:
armancho7777777 пишет:
CODE (css):
скопировать код в буфер обмена
  1. .content img{
  2.    position: relative;
  3.    top: 5px /* <<--- */
  4. }
спасибо,теперь все гуд)оказывается,просто не добавила эту часть:top: 5px /* <<--- */ Правда вот в этой части в файле content.php код вроде ошибку выдает,типа подсветки красным <div class="content"><img src="img/news.png" class=siteIcons></img><a href='<?php// ссылка на другую страницу?>'>Новости</a>
</div>
Подкрасила закрывающий тэг.Или это так и должно быть?

У Вас в CSS нет siteIcons, поэтому нужно убрать class=siteIcons
и </img> тоже
10. Спектра - 13 Ноября, 2018 - 12:16:39 - перейти к сообщению
Vladimir Kheifets пишет:
Спектра пишет:
armancho7777777 пишет:
CODE (css):
скопировать код в буфер обмена
  1. .content img{
  2.    position: relative;
  3.    top: 5px /* <<--- */
  4. }
спасибо,теперь все гуд)оказывается,просто не добавила эту часть:top: 5px /* <<--- */ Правда вот в этой части в файле content.php код вроде ошибку выдает,типа подсветки красным <div class="content"><img src="img/news.png" class=siteIcons></img><a href='<?php// ссылка на другую страницу?>'>Новости</a>
</div>
Подкрасила закрывающий тэг.Или это так и должно быть?

У Вас в CSS нет siteIcons, поэтому нужно убрать class=siteIcons
и </img> тоже
спасибо,теперь получилось.благодарю за уроки Закатив глазки

 

Powered by ExBB FM 1.0 RC1