![](https://htmlforum.dev/uploads/set_resources_18/84c1e40ea0e759e3f1505eb1788ddf3c_pattern.png)
param
User-
Posts
119 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by param
-
Суть в том, что второй ДИВ не становится там где надо, из-за того, что от заголовка создаётся текстовая строка.
-
Правда у всех методов есть один общий недостаток, так как я хочу в шапке разместить заголовок и див. Соответственно заголовок должен быть слева. а див справа. Но его нельзя так разместить так как существует текстовая строка. которая не даёт блоку встать туда куда надо... Видимо я так понимаю придётся использовать создавать два блока и одному из них задавать логотип как бэкграунд...
-
Да действительно методов много, воспользовался первым. Структура простая и всё работает. Спасибо!
-
<h1 id="logo"> <div id="top_left"><a href="/"><img src="/" width="800" height="145" alt=""></a></div><span id="text_logo">Какой-то текст</span> </h1> #text_logo{ text-indent:10000px; } Вот так вот?
-
Здравствуйте. Хочу поставить лого в заголовок H1. При этом написать в него текстовую версию логотипа. Встал вопрос как лучше скрыть этот текст, я думал visibility:hidden, но не знаю будут ли его индексировать поисковики и как они вообще относятся к данному правилу?
-
sammasati Да вы действительно правы. Получился перебор с рыбой... Большое спасибо!
-
sammasati Вся CSS, уже тут. А html структура тут вообще не причём...
-
А почему она может быть недопустима?
-
Здравствуйте. Есть стандартный макет: * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* Middle —————————————————————————--*/ #middle { width: 100%; padding: 0 0 50px; height: 1%; position: relative; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 220px; } /* Footer —————————————————————————--*/ #footer { width: 1000px; margin: -50px auto 0; height: 50px; background: #BFF08E; position: relative; } Проблема в том, что возникает вертикальная полоса прокрутки. Отступы все обнулены, футер вроде как тоже заведён как надо...
-
Здравствуйте. Установил плагин, в менеджере материалов, картинка успешно вставляется и уменьшается, однако после сохранения, на неё нельзя нажать, соответственно не работает нужный эффект. Тоже самое было и с другим аналогичным плагином ImageSizer, в чём может быть проблема?
-
Понятно. Спасибо за ответы!
-
Интересует прежде всего обычный ПК
-
Здравствуйте. Интересует под какое разрешение экрана сегодня принято ориентироваться при создании фиксированного макета?
-
Здравствуйте. Интересует необходимо ли указывать язык в документе HTML, например en и т.д. Столкнулся с противоположными мнениями, как в его необходимости, так и бесполезности.
-
Хотя я разобрался, если использовать два слова, то можно обойтись без right:0.
-
Всё таки у данного способа есть минус. Например если писать не одно слово меню1.3. А два меню-меню1.3, то тогда выпадающая часть остаётся фиксированного размера, и не меняется в зависимости от контента.
-
SelenIT, ага спасибо, помогло.
-
Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</a></li> <li><a href="#">Меню3</a></li> </ul> </div> </body> </html> И есть код CSS: #menu{ width:800px; height:200px; margin:auto; background:#f0f0f0; } #menu ul{ list-style:none; margin:0; padding:0; } #menu li{ float:left; position:relative; } #menu li a{ display:inline-block; height:50px; padding:0 20px; line-height:50px; color:#fff; background:#0CF; text-transform:uppercase; text-decoration:none; } #menu li a:hover{ background:#369; } #menu li ul{ display:none; position:absolute; left:0; } #menu li:hover ul{ display:block; } #menu li li{ float:none; } #menu li li a{ display:block; background:#f60; } #menu li li a:hover{ background:#d30; } Проблема заключается в следующем, выпадающие меню становится как-бы не на всё ширину кнопки, откуда оно должно выпадать. Как это можно решить не ставя width?