TEO_911
-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by TEO_911
-
-
1 час назад, SelenIT сказал:
Уточните, про какие именно правила речь. CSS-свойства бывают наследуемые и ненаследуемые, первые (font-size, color и т.п.) распространяются на потомков по умолчанию, вторые (display, padding и т.п.) — нет, их надо указывать явно. Подозреваю, что дело в этом.
В примере на jsfiddle я стилей для .menu почему-то не наблюдаю. Возможно, они в файле style.css (который не загружается, т.к. указан относительный путь, а на сервере jsfiddle.com такого файла нет)? Лучше скопировать содержимое этого файла (как минимум, то, что относится к .menu) прямо в панель CSS в самом примере.
Вот оно как! Я не знал про наследуемые и не наследуемые свойства CSS, подозреваю, что дело действительно в этом!
-
-
1 час назад, Svetlana_P сказал:
Привет! Выложите код в песочницу https://jsfiddle.net/ , пожалуйста . Так будет проще посмотреть Ваш вопрос
Ммм, ну я скопировал туда HTML и CSS, а дальше что?) Скинуть скрин? Или можно как то ссылку дать? Я просто впервые пользуюсь этим ресурсом, так же как и данным форумом)
-
Подскажите плиз! Почему я создаю в 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; }
Подскажите, почему блок (тег <ul>) самостоятельно задает себе margin-top?
in HTML Coding
Posted
Поясню - Создаю блок ,div> внутри которого мне нужен тег <ul>, при этом тег div прилегает к верхнему краю страницы, а тег ul самостоятельно создает себе отступ от верхнего края страницы. Вопрос - почему так происходит?
И как с этим бороться?
Знаю можно с помощью overflow, созданием рамки(transparent), float: left. - таким образом мы уберем зависимость тега div от ul, но тег ul так и останется на своем месте. Конечно можно еще в свойствах тега ul прописать margin-top: 0px;. НО не слишком ли много действий? Хотелось бы упростить, и понять причину.
Ссылка на HTML и CSS
https://jsfiddle.net/j6z93mmk/