HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Подскажите по свойствам шрифта
Подскажите какие свойства нужно выставить что бы расположение текста было пиксель в пиксель. С помощью letter-spacing подогнать не удаестся, font-stretch для этого шрифта не работает, хотя при использовании PerfectPixel видно что буквы в надписи "Fishnet Chair" уже чем показывает браузер. Если в меню еще удалось почти до пискеля подогнать с помощью margin, letter-spacing и text-stroke, то что делать с "Fishnet Chair" ума не приложу... Какими свойствами еще можно воспользоваться чтобы выглядело так как на макете? Не подгонять же с помощью позиционирования в самом деле. Макет по ссылке https://drive.google.com/file/d/1D8rNpa5YPo0ukPTT1RAikhvjES35k5E0/view?usp=sharing
0 votes0 answers -
Позиционирование
1-ый блок: .ContentBlock { position: relative; font-size: 1.1em; margin: 0px; background: #fff; border: 1px solid #d1ddea; padding: 10px; text-align: left; height: 100%; width: 66%; } 2-ой блок .ContentBlock_create_new_lists_banner { margin: 0px ; padding: 0px; background: #fff; text-align: left; position: absolute; top: 127px; left: 715px; } Удаляю скролом, 2-ой блок прячется под первый, приближаю, 2-ой блок отдаляется от первого. А нужно, чтобы второй блок постоянно находился на одном и том же месте - никуда не прятался и не уезжал.
0 votes1 answer -
вкладка
Вот пробую сделать страничку, и столкнулся с проблемой, не могу убрать линию под дивом с надписью "тарам" , чтобы было типо вкладки, на сайте просматрел про параметр display: inline но он не срабатывает. Помогите, пожалуйста, уже непервый день над этим думаю:/ (про чистоту кода можете ничего мне не говорить, позже исправлю=) ) CSS: *:focus {outline: none} body { font-family: arial; font-size: 13pt; } html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img { margin: 0; padding: 0; } div { margin: 0; padding: 0; position: relative; } #page { width: 100%; height: 100%; } #head { width: 100% } #body { margin: 10px…
0 votes0 answers -
Непонятки с Dreamweaver CS5.
Попробую объяснить свою проблему без скринов. Но если не получиться могу выложить скрины. Html файл не находит php файл который подключен к главной странице. Все было нормально но я что то натворил с "локальным сервером" в DW, Сейчас отображается только Html, а запроса к php и запроса php к Базе данных тоже нет. Знаю что локальный сервер не правильно работает, подскажите как правильно настроить DW на денвер.
0 votes0 answers -
Странная новость..
<div class="entryMessage"><img align="left" src="template/no_img.gif">Вёрстка от 212th</div> .entryMessage {background-color:#fff; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; padding:4px;} .entryMessage img {border:1px solid #000000;} Рамка не полностью покрывает текст и картинку, ну из скрина видно.. Помогите!!
0 votes3 answers -
IE, куда без него
Друзья, помогите, не умею с ИЕ дружить. Что надо подправить, чтобы в ИЕ было тоже самое, что в нормальных браузерах? Ниже код и скрины. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <style> .head { height:400px; width:1224px; background:url(%D1%88%D0%B0%D0%BF%D0%BA%D0%B0-%D0%B1%D0%BE%D0%BB%D1%8C%D1%88%D0%B0%D1%8F.png); } A.dot { color:#0fb3e9; text-decoration: none; /* Убираем …
0 votes3 answers -
Плавающие блоки
_http://sko.10401.aqq.ru Чо-то я туплю. См. блок под менюшкой. Почему article.post (зелёная рамочка) не сдвигается вверх?
0 votes3 answers -
Виджет "Forismatic"
Привет. А как поставить себе на сайт виджет forismatic, как на яндексе (скриншот)? У них на сайте смотрел, но там не понял многое P.S. Зашел на их api - http://api.forismatic.com/api/1.0/, но там пишет "Error: wrong method.". Почему ошибка? Cпасибо!
0 votes1 answer -
Подскажите по стилям для media print
Здравствуйте. Подскажите пожалуйста в чём у меня ошибка? Есть необходимость распечатывать одну html. Для неё созданы два файла стилей, для экрана и для принтера. При печати на синем фоне должны быть белые бук вы. На экране буквы отображаются правильным цветом. При предварительном просмотре печати буквы уже чёрные и на бумаге такие-же. В стилях для печати уже прописал цвет во всех местах где надо и не надо, но это ничего не меняет. Где я ошибся не пойму. Вот листинг HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Печать наклеек</title> <link med…
0 votes2 answers -
Оформление текста
Текст в шапке сайта выглядит так http://mystylish.ru но должен выглядеть так http://mystylish.ru/category/k-prazdniku (тут это просто картинка) Вроде изначально все было хорошо и h1 и h2 были нужного цвета и размера, не могу понять, почему текст стал черным и обычного размера. .logo { float:left; } .logo img { margin:15px 0px 0px 15px; display:block; } .logo h1 { margin:15px 0px 0px 15px; font-family:Georgia,serif; font-size:36px; font-weight:bold; line-height:30px; letter-spacing:0px; } .logo h1 { color:#326693; display:block; } .logo a:hover { color:#333; text-decoration:none; } .logo .desc { display:block; font-family:Arial,serif; font-size:11px; font-weight:normal;…
0 votes0 answers -
Проблемы с размещением на галерее jQuery
Здравствуйте, на галерее размещаются текст и картинка и смещаются к левому краю. И вот я периодически возвращаюсь к вопросу, как сделать, чтобы были они размещены на всю длину галереи. Испробовано масса вариантов... Может кто-то сможет подсказать, в чем же проблема и что добавить-убавить... Да, шаблон резиновый и на низком разрешении, все прекрасно, а вот на высоком... Сайт http://v-modus.ru Спасибо
0 votes3 answers -
теоретический вопрос о blockquote
Добрый день, приветствую! Делаю макет сайта в правой колонке которого будет блок с отображением последних 5 комментариев. Как семантически верно их оформить - через article или div ? <blockquote cite="#"> <h1>m ipsum dolor sit amet</h1> <p>Integer dignissim nunc id justo tristique at ultrices leo ornare. Pellentesque eget justo mi, ut vulputate nulla.</p> <footer><a href="#">Автор</a> <a class="read_next" href="#">далее</a></footer> </blockquote> Вопрос номер два, дополнительный - можно ссылки в блоке расположить одну у левого края а другую у правого ? я сейчас вот так делаю: a.read_next {positio…
0 votes2 answers -
Свой стиль для div внутри div 'а
Тему не знал обозвать, но смысл вроде ясен. В общем, сделал блок полупрозрачным, например так: #page { background-color: #eeeeee; opacity:0.5; } в него хочу поместить элементы, картинки и текст, например так: <div id="page"> <p>Жили-были дед да баба, ели кашу с молоком...</p> </div> Логично, текст становится тоже полупрозрачным. Вот как сделать его без стиля opacity, т.е. прозрачный только фон. margin'ом можно натянуть, но это не то. Прошу помощи.
0 votes3 answers -
Передача фокуса родительскому окну
Представляю, как уже надоели глупые вопросы... Со страницы А открывается страница В. (из формы на А обработчик грузится в В) На В стоит кнопка <input type='button' value='назад' onClick='window.opener.focus();'> Почему-то работает только в хроме (в любой ситуации), в IE (если А - единственная вкладка в браузере)... Не работает в FF и Опере. При этом кнопка <input type='button' value='закрыть родителяскую' onClick='window.opener.close();'> работает четко во всех браузерах при любом числе вкладок (правда, кроме Оперы...) Интересует - как правильно передать фокус родительской странице?
0 votes3 answers -
Проблема с курсором
Я поставил на своем сайте нестандартный курсор. Как сделать так, чтоб если например надо нажать ссылку, то чтоб надо было подносить середину, а не левый верхний угол? Сайт. И почему в браузере IE он выглядит большим?
0 votes1 answer -
Проблемы с горизонтальным меню
День добрый уважаемые форумчане! Проблема вот такого рода,делаю дизайн данного сайта Столкнулся с проблемой скачаного с и-нта горизонтального меню на кверти.Вот и оно Вроде все нормально,только 2 траблы 1)Не могу понять как сделать задний фон картинкой,потому что там только можно менять цвет.Когда меняю в ксс на background-image: url(images/hand.png); то просто нечего не происходить меню без фона,оно то и все нормально,но как тогда сделать что бы выпадающее меню было хоть с каким то фоном? если добавляю фон основному меню то оно не вписывается в дизайн,но тогда у выпадающего есть фон,а как отдельно сделать фон именно выпадающему меню?? 2)как сделать так что бы выпадающее …
0 votes2 answers -
Странный глюк - перестали выделятся некоторые ссылки
Вроде ничего не менял на сайте, но теперь некоторые ссылки в центральном окне не выделяются. Сайт http://maxcomp74.ru/ Например ссылки: зависает, нет звука. Самое что интересное, если уменьшить окно браузера то всё работает. На IE глюк не распространяется. Помогите, не понимаю что это такое могло случится с ссылками.
0 votes3 answers -
Неправильные ссылки 456 штук!
Здравствуйте! Одномоменнтно на сайте появилось 456 штук неправильных ссылок. Редактирование не помогает, откат сайта тоже ничего не дал. Не могу найти информацию по этой проблеме. Подскажите, плиз, что могло случится? Ссылки перечёркнуты, но работают и все на старых публикациях в основном. Благодарю всех откликнувшихся!
0 votes4 answers -
Блоки фиксированного размера
Здравствуйте,сейчас делаю шаблон, с css знаком не углублёно, но я стараюсь . Помогите неопытному решить проблему: есть 3 div блока, colomn1, colomn2, colomn2 внутри блока wcontent, у блоков прописана ширина, но если в блоке colomn2 нехватает места он смещает colomn3. Как мне сделать так чтобы блоки были фиксированной ширины, и не изменяли размерность в зависимости от наполненности. Тут можно посмотреть на сайт: http://goo.gl/DTh7l Логин и пароль demo demo Вот пример неисправного блока http://goo.gl/DTh7l (после логина всё видно) .column1 { width:180px; display:table-cell; padding:30px 20px 20px; } .col1block { padding-bottom:10px; } .column2 { width:640px; display:…
0 votes3 answers -
Изменение картинки при определенном условии
Всем привет. Помогите решить проблему: в меню есть кнопка вход, соответственно должна быть и кнопка выход, но меню является картинкой, ссылки проставлял через невидимые объекты посредством #menu li a { display: block; width: 100%; height: 20px; } .top_menu1 { left: 59px; width: 60px; } и <li class="top_menu1"> <a href="http://ссылка.ру/news.html"></a> </li> Как прописать изменение картинки при условии, что пользователь прошел авторизацию на сайте?
0 votes2 answers -
условные комментарии в адаптивной вёрстке
кто-нибудь использовал условные комментарии в адаптивной вёрстке? имхо они просто не работают. к примеру есть код <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/styles_basic.css" media="all"> <link rel="stylesheet" href="css/styles_480.css" media="only all and (max-width : 768px) and (min-width : 480px)"> <link rel="stylesheet" href="css/styles_768.css" media="only all and (min-width : 768px)"> <!--[if IE]> <link rel="stylesheet" href="css/ie.css" media="all"> <link rel="stylesheet" href="css/ie_768.css" media="only all and (min-width : 768px)"> <![endif]--> в ie9 правила из файла css/ie_768.…
0 votes5 answers -
Как сделать ссылку
Всем доброе время суток! У меня вопрос, как сделать чтоб при нажатие ссылки открывала на той высоте где находится тот или иной параграф?
0 votes2 answers -
Не получается выравнивать
Не получается выравнивать две картинки Хотел сделать другие кнопки, отобразить получилось, а вот выравнять нет: Просмотр Здесь
0 votes2 answers -
Есть ли у меня ошибки при создании списков?
http://jsfiddle.net/kB2Am/
0 votes3 answers -
Проблема со слешами у класса
Здравствуйте. Проблема такая, со стилями в калькуляторе , что-то со слешами (/"..."/), если прописываешь класс в тексте у radio, imput и т.д. Поясню: 1) <span class=txtkalk>4000 руб</span> - классы (стили) подгружаются после обновление страницы. 2) <span class="txtkalk">4000 руб</span> - так вообще не работают классы, появляются слешы (/) между кавычками. Кто не видит разницу, отличие в кавычках у класса. Сайт http://creativesite-perm.ru Страница в разделе "Заказать сайт"
0 votes6 answers