Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Здесь нужно купить рекламу за 25 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 27.07.2017, 11:15   #1
tina22222
Пользователь
 
Регистрация: 28.01.2014
Сообщений: 34
По умолчанию css плавает

Привет всем, умные люди, плис, подскажите в чем ошибка?
мой сайт - http://screenmedia-nn.ru
Меню в мобильной версии не обрезает, и тем самым не видно половина.


Код:
   #header {
	    height: 180px;
	    position: fixed;
	    content="width=1200";
	}
	#navigation{
	    background: #EF0505;
	    height: 40px;
	    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	    font-size: 16px;
	    line-height: 40px;
	    position: relative;
	    content="width=1200";
	 
	   
	}
	
	
	
	#navigation.fixed{
	    width:100%;
	    position: fixed;
	    top: 0;
	  
	    background: rgba(239, 5, 5, 0.95);
	    z-index: 200;
	    content="width=1200";
	    
	}
	
	
	

	#navigation ul{
	    
	    width: 1180px;
	    padding-left: 0;
	    margin: 0 auto;
	    display: block;
	    text-align: center;
	   
	}
	
	

	

	
	#menu li{
	    
	    display: inline-block;
	    list-style: none;
	    padding: 0 25px;
	    border-right: 1px solid #D60000;
	    content="width=1200";
	}
	#menu a {
	    
	    color: #fff;
	    text-decoration: none;
	    font-family: Verdana;
	    content="width=1200";
	}
	#menu>li a:hover{
	    
	    color: #650565;
	    transition: color 0.8s ease;
	    content="width=1200";
	}

Это основной стиль к меню, сначала пыталась сделать, чтоб он просто показывал на весь экран в любом случае, но не получилось(

Когда удаляешь кусок из стиля
Код:
	#navigation ul{
	    
	    width: 1180px;
	    padding-left: 0;
	    margin: 0 auto;
	    display: block;
	    text-align: center;
	   
	}
То в мобильной версии нормально, но с компа, хоть глаз вырви)

пыталась дописать медиа запросы, но искажает сильно

вот пример того, что пыталась сделать
Код:


	 @media screen and (min-device-width: 1600px) {
    navigation ul {width: 1500px;}
   }
   @media screen and (device-width: 1280px) {
    navigation ul {width: 1200px;}
   }
   @media screen and (device-width: 500px) {
    navigation ul {width: 980px;}
   }
Много пыталась разного сделать, но ничего не выходи( Видно не дано девушкам версткой заниматься)))
Подскажите ошибку пожалуйста
tina22222 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Меню сайта плавает tina22222 HTML и CSS 10 27.06.2017 08:48
[CSS]: Пытаюсь сделать Карусель без JS, но не срабатывает нужное css-свойство. Помогите разобраться. MeriPoppins HTML и CSS 2 10.02.2017 23:50
HTML, CSS - Управление CSS анимацией HTML+CSS+JS dobryc HTML и CSS 1 18.11.2014 06:58
Проблема с CSS (CSS Slider) m0rt HTML и CSS 4 28.01.2013 14:53


03:35.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.