Jump to content
  • Sign Up
TEO_911

Помощь по СSS.

Recommended Posts

Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>MySite</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="text/style.css">
  </head>
  <body>
    <header class="page-header--home">
      <div class="menu">
        <ul>
          <li>Группа творчества</li>
          <li>Статьи</li>
          <li>Форум</li>
          <li>Видео</li>
          <li>Вход</li>
        </ul> 
      </div>      
    </header>               
    </div>
    <div class="avtorizacia">
      <input type="submit" name="Поиск">       
    </div>
  </body>
</html> 
	
body{
	background-image: url(..//img/MS3.jpg);
	max-width: 1920px;
	margin: 0;
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     margin-left: 0px;	
}
.page-header--home{
	position: relative;	
	background-image: url(..//img/MS4.jpg);
	width: 1920px;
    height: 80px;
    margin-top: 0px;
}
ul{
	position: relative;
	margin: 0px;
}
li{
	display: inline;	
    font-size: 32px;
	font-family: "Tahoma";
    font-weight: 800;
    color: #45a8ff;
    margin: 0px;
      margin-top: 5px;
      margin-left: 80px;
      margin-right: 80px;
}
.avtorizacia{
	position: relative;
	background-color: rgba(31, 16, 16, 0.75);
	max-width: 80px;
	height: 250px;
	margin-top: 100px;
}

 

 

 

Edited by TEO_911

Share this post


Link to post
Share on other sites
1 час назад, Svetlana_P сказал:

Привет! Выложите код в песочницу https://jsfiddle.net/ , пожалуйста . Так будет проще посмотреть Ваш вопрос

Ммм, ну я скопировал туда HTML и CSS, а дальше что?) Скинуть скрин? Или можно как то ссылку дать? Я просто впервые пользуюсь этим ресурсом, так же как и данным форумом)

Share this post


Link to post
Share on other sites
1 час назад, TEO_911 сказал:

Ммм, ну я скопировал туда HTML и CSS, а дальше что?) Скинуть скрин? Или можно как то ссылку дать? Я просто впервые пользуюсь этим ресурсом, так же как и данным форумом)

Научиться надо :) Вводите код, потом нажимаете слева вверху на кнопку Save (значит "Сохранить"). Тогда автоматически формируется ссылка на страницу. Ее копируйте и давайте сюда.

Share this post


Link to post
Share on other sites
18 часов назад, TEO_911 сказал:

прописываю туда правила, но почему то это не влияет на LI ... в чем причина?

Уточните, про какие именно правила речь. CSS-свойства бывают наследуемые и ненаследуемые, первые (font-size, color и т.п.) распространяются на потомков по умолчанию, вторые (display, padding и т.п.) — нет, их надо указывать явно. Подозреваю, что дело в этом.

В примере на jsfiddle я стилей для .menu почему-то не наблюдаю. Возможно, они в файле style.css (который не загружается, т.к. указан относительный путь, а на сервере jsfiddle.com такого файла нет)? Лучше скопировать содержимое этого файла (как минимум, то, что относится к .menu) прямо в панель CSS в самом примере.

Share this post


Link to post
Share on other sites
1 час назад, SelenIT сказал:

Уточните, про какие именно правила речь. CSS-свойства бывают наследуемые и ненаследуемые, первые (font-size, color и т.п.) распространяются на потомков по умолчанию, вторые (display, padding и т.п.) — нет, их надо указывать явно. Подозреваю, что дело в этом.

В примере на jsfiddle я стилей для .menu почему-то не наблюдаю. Возможно, они в файле style.css (который не загружается, т.к. указан относительный путь, а на сервере jsfiddle.com такого файла нет)? Лучше скопировать содержимое этого файла (как минимум, то, что относится к .menu) прямо в панель CSS в самом примере.

Вот оно как! Я не знал про наследуемые и не наследуемые свойства CSS, подозреваю, что дело действительно в этом!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

  • Member Statistics

    46,841
    Total Members
    1,451
    Most Online
    SkyMasteer
    Newest Member
    SkyMasteer
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Я люблю баклажаны. Рулетики из баклажанов Прекрасный диетический обед или гарнир к основному блюду! Вкууууусно! Даже мужу, который овощи не любит вообще, понравилось:))))Я делала из расчёта на одного человека, поэтому, соответственно, если будете делать рулетики из баклажанов на двоих, то всего надо брать вдвое больше:))). Продукты  (на 1 порцию) Баклажан (маленький) - 1 шт. Помидор - 0,5 шт. Морковка(маленькая) - 1 шт. Луковица (маленькая) - 1 шт. Растительное масло Соль, перец, сухой молотый чеснок - по вкусу Как приготовить рулетики из баклажанов: Баклажаны нарезаем вдоль и присыпаем солью. Откладываем в сторону минут на 10. Припустим мелко порезанный лук на растительном масле до прозрачности. Добавляем натёртую на тёрке морковь и порезанную мелко помидорку. Солим, перчим, добавляем чеснок, наливаем немного воды, закрыть крышкой и тушим ещё минут 10. Ломтики баклажана сполоснуть, обжариваем с двух сторон до мягкости на сковороде с небольшим количеством растительного масла. Готовые ломтики промакнём бумажным полотенцем от лишнего жира. Кладём на серединку каждого ломтика нашу начинку и завернуть в рулетики. Скрепляем зубочисткой, чтобы не развалились. Вот и готовы рулетики из баклажан – фото перед вами! Ням-ням-ням:)))  
    • Ясно, спс. Теперь буду привыкать к такому поведению, хотя на мой взгляд такое поведение пригодится только тем кто случайно нажимает на эту кнопку и соглашается пометить форум прочитанным
    • Как оказалось это обновление CMS, в результате которого именно так ведёт себя эта фича. Вот что сказал саппорт:  
  • Popular Contributors

×
×
  • Create New...