- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы
Для интернет-магазина инженерных систем
Мария Лосева
В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Есть такой код
<span>Своя информация</span>
<div class="sb-box-content">
<div class="site-word">
<div class="site"><a href="#">Москава</a> </div>
<div class="site"><a href="#">Екатеренбург</a> </div>
<div class="site"><a href="#">Москава</a> </div>
<div class="site"><a href="#">Москава</a> </div>
</div>
</div>
</div>
и стили
margin: 0;
padding: 0;
}
.site-word {
float: left;
display: inline-table;
}
.site {
float: left;
width: 120px;
display: inline-table;
}
html {
height: 100%;
}
body {
height: 100%;
background-color: #F3F3E7;
font-family: "Myriad Pro";
font-size: 12px;
line-height: 18px;
}
#page {
max-width:1000px;
margin-right: auto;
margin-left: auto;
}
a {
color: #429FDD;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
.sideLeft-box {
width: 253px;
margin-top: 10px;
margin-bottom: 10px;
}
.sideLeft-box-fon {
background-image: url(images/sitebar/bg-left-top.png);
background-repeat: no-repeat;
background-position: left top;
position: relative;
z-index: 5;
top: -20px;
}
.sideLeft-box span {
line-height: 30px;
color: #FFFFFF;
background-image: url(images/sitebar/span.png);
height: 30px;
width: 223px;
display: block;
font-size: 18px;
padding-left: 30px;
}
.sb-box-content {
background-image: url(images/sitebar/bg.png);
background-repeat: no-repeat;
background-position: left bottom;
width: 253px;
position: relative;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
вообщем когда флоатишь <li>
он же становится плавующими как бы в не блока с фоном
как убрать этот эффект?
задать высоту блока с фоном не выход
Нужно кросбраузерное решение
Попробуйте так
тогда блоки .site-word и .sb-box-content будут иметь высоту плавающего содержимого
Биржа статей - уникальный контент недорого! (http://texchange.ru/)
в конце всех блоков с флоатами добавляете пустой div для которого надо прописать clear:both
Насколько я понял, строится меню, так? Если так, то какие div, зачем div? Что есть меню? Список ссылок на страницы ресурса. Так и оформлять его нужно списком, ведь это логичней.
Набросал примерчик. У вас там не указан размер шрифта для пунктов меню - лучше всетаки указать, потому как указанный для body шрифт есть не на каждом компьютере, поэтому браузеры отображают текст тем шрифтом, который у них по умолчанию. Ну а у каждого браузера свой. Это к вопросу о кроссбраузерности.