Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
Страницы: (2) 1 [2]  ( Перейти к первому непрочитанному сообщению )  
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Критика моего сайта
spbbereg  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 66
Пользователь №: 43334
На форуме: 3 месяца, 8 дней
Карма:




Kusss

<div style="position: relative; width:100%; height: 500px; background: url('img/banner.jpg'); background-size: cover; padding: 0;">
<
div style="width:400px; height:110px; position:absolute; left:60%; background: #ffffff;">
<
ul style="font-family: Verdana; font-size:32px; padding-top:15px; color:#FF3E3E;"><?php echo $phone_office; ?></ul>
<
ul style="font-family: Calibri,Verdana; font-size:16px; padding-top:15px;">Режим работы: <?php echo $work_time; ?></ul>
</
div>
<
div style="width:200px; position:absolute; left:50%; margin-left:-100px; top:70%;"><a href="wanthouse.html" class="button_main">Хочу дом!</a></div>
</
div>


Как бы все расположилось, но при меньшем разрешении блок с телефонами уезжает за правую границу и появляется полоса проокрутки


--------------------
user posted image
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Kusss  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 1357
Пользователь №: 28976
На форуме: 5 лет, 4 месяца, 12 дней
Карма: 77




отступ можно задать не только с левого края, но и с правого и даже с низу. :)
width:400px; height:110px; position:absolute; right:0; background: #ffffff;
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
spbbereg  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 66
Пользователь №: 43334
На форуме: 3 месяца, 8 дней
Карма:




Kusss


Ах да, только теперь выпадающее меню получается за background'ом и его не видно. Теперь надо позиционирование у меню выставлять?


--------------------
user posted image
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Another Reality  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Старик
***

Профиль
Группа: Пользователь
Сообщений: 125
Пользователь №: 41606
На форуме: 1 год, 4 месяца, 24 дня
Карма: 5




Было бы лучше сразу бутстрапом делать каркас, избавился бы от кучи проблем.
Тут тебе и под телефоны и под планшеты, под малые, средние и большие экраны.
И еще вот это почитать: http://frontender.info/a-guide-to-flexbox/

PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
spbbereg  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 66
Пользователь №: 43334
На форуме: 3 месяца, 8 дней
Карма:




Another Reality

Может, вы и правы, но мои познания в сайтостраении, такие же, как и в знании устройства танка :-)


--------------------
user posted image
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
spbbereg  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 66
Пользователь №: 43334
На форуме: 3 месяца, 8 дней
Карма:




Я поменял меню. У меня вопрос: при наведении на пункт, текст становится белым, а вот когда выбираешь подпункт, цвет опять меняется на серый.

Вот ccs:

#menu{
list-style:none;
padding:0;
margin:0;
font-size: 100%;
font-family: Georgia;
height: 96px;
}
#menu li{
float:left;
height:33px;
padding:0;
margin:0;
width:150px;
text-align:center;
background:#ffffff;
color: #515151;
position:relative;
padding-top: 12px;
}
#menu li: hover {
color: #ffffff;
}
#menu li ul{
list-style:none;
padding:0;
margin:0;
width:250px;
display:none;
position:absolute;
left:0;
top:45px;
color: #515151;
}
#menu li ul li{
float:none;
height:33px;
margin:0;
width:250px;
text-align:center;
background:#7F7F7F;
}
#menu li a{
display:block;
width:auto;
height:33px;
color: #fff;
text-decoration: none;
font-family:calibri,verdana,arial;
font-size: 18px;
text-align: center;
color: #515151;
}
#menu li a:hover {
color: #ffffff;
}
#menu li p a:hover {
color: #ffffff;
}
#menu li p a{
display:block;
width:250px;
height:33px;
color: #fff;
text-decoration: none;
font-family:calibri,verdana,arial;
text-align: left;
padding-left: 30px;
}
#menu li:hover ul, #menu li.jshover ul{
display:block;
color: #ffffff;
}
#menu li:hover, #menu li.jshover{
background:#424242;
color: #ffffff;

}
.back
{
width:70%;
background:#ffffff;
height: 33px;
position: absolute;
top: 50%;
left: 25%;
z-index: 1;
}


Не приложу ума, что сотворить. Посмотреть тут


--------------------
user posted image
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Zzepish  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Аццкая хрень
******

Профиль
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 5480
Пользователь №: 32538
На форуме: 4 года, 6 месяцев, 14 дней
Карма: 49




		#menu li a:hover {
color: #ffffff;
}

поменяй на
		#menu li:hover a {
color: #ffffff;
}


--------------------
Правда тоже ложь, но с иным углом.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
spbbereg  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 66
Пользователь №: 43334
На форуме: 3 месяца, 8 дней
Карма:




Zzepish
Спасибо, а как с IE справится. Там даже

			#menu li p a{
display:block;
width:250px;
height:33px;
color: #fff;
text-decoration: none;
font-family:calibri,verdana,arial;
text-align: left;
padding-left: 30px;
}


не работает. Цвет ссылки основных пунктов остается серым.

Это сообщение отредактировал spbbereg - 25.09.2016 - 15:12


--------------------
user posted image
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
spbbereg  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Пользователь
**

Профиль
Группа: Пользователь
Сообщений: 66
Пользователь №: 43334
На форуме: 3 месяца, 8 дней
Карма:




И возник вопрос с наложением. div'у меню я поставил z-index:1; div'у с бэкграундом z-index:1. Но кнопка, вложенная в этот див теперь не активна. Пытался установить ее z-index:2, но ничего. Работает нормально только в ie.


--------------------
user posted image
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темыСтраницы: (2) 1 [2]  Ответ в темуСоздание новой темыСоздание опроса