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
29,542 questions in this forum
-
Позиционирование текста на шапке
Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …
0 votes6 answers -
Горизонтальное выподающее меню
Друзья я прошу вас рассказать мне каким образом создаётся горизонтальное меню с выпадающими подпунктами, но мне нужно лишь то что это делает и именно на CSS, желательно с примерчиком такого самого примитивного меню. Заранее спасибо!
0 votes6 answers -
проблемы в ie 9
Доброго времени суток. В общем решился я сверстать свой первый макет от сюда http://forum.htmlbook.ru/index.php?showtopic=29381 и тут же появились проблемы: 1. в хроме все нормально отображается на данный момент верстки (http://www.webfel.p.ht) Chrome http://s-pic.ru/i/59134.png ie9 http://s-pic.ru/i/59135.png В других браузерах не знаю как выглядит, но думаю что нормально Как исправить? 2. не знаю как сверстать уголки у слайдера.
0 votes6 answers -
ИЕ`s :)
Привет Людям! сверстал сайт, открываю в ие6 ие7 ие 8 ....короче ни в одном из ИЕ не открываются картинки прописанные через CSS!!!! картинки в стилях прописаны таким образом width:100%; height:429px; background-image:url(images/bg-header.jpg); Код для хедера* а вот и сам ХэдЭР http://savepic.su/2901769.htm
0 votes6 answers -
В чем разница .shtml .stm .shtm
Добрый день. В чем разница .shtml .stm .shtm Я знаю что это и для чего. Но вот разница какая? Спасибо.
0 votes6 answers -
Как сверстать такую тень?
http://www.intenseblog.com/theproton/blog/sed-suscipit-metus-a-ipsum-dapibus.html Под картинкой тень очень интересная. По краям она тонкая и по мере приближению к центру становится все ярче и толще. Такая же тень у них сбоку, ограничивает контент от правого сайдбара. Так вот, как сверстать такую тень? Не используя банально картинку в качестве фона. Может какими нибудь ухищрениями с transform можно? Может у кого есть пример, скиньте плз) Я знаю как сверстать тень для одного угла, что бы создать эффект как бы приподнятого уголка блока, вот такие: http://ruseller.com/lessons/les1493/demo/index.html Но как сверстать такую тень, как в теме вордпресса... Или такую тень только к…
0 votes6 answers -
Нет плавной CSS3- анимации в Chrome
работает только в опере и мозилле http://jsfiddle.net/qrTA8/ -webkit-transition-duration: 100ms; - есть, но не помогает
0 votes6 answers -
"Дёргаются" страницы
сайт - www.shark.ru Дёргаются страницы при переходе по пунктам меню и при смене картинок в карусели на главной - в Хроме, у нескольких человек на работе. Кеш чистили, не помогло... У большинства в том же Хроме ничего не дёргается. В чём может быть проблема? Я предполагаю, что в самой карусели, поскольку пока её там не было, не было и такой проблемы... Но где именно может быть ошибка?
0 votes6 answers -
По поводу оформления шаблонов
Подскажите пожалуйста, если приобрести шаблон битрикс на официальном сайте (так называемая опция "дизайн+шаблон от битрикс"), можно ли будет изменить фотографию на главной странице по своему вкусу? Пример: http://www.bitrixtemplates.ru/templates/39922.php Нужно изменить фотографию серой кошки на другую. Возможно ли это? если возможно, то каким образом? Спасибо за помощь
0 votes6 answers -
Не влезает буква Й. Верхняя черточка идет вниз.
Добрый день. Проблема: 1. В заголовке h2 не влезает у буквы "Й" верхняя черточка. 2. Все буквы тянутся вверх, смешно и не красиво выглядит буква "Ф" Посмотреть на сие убожество можно: http://iqfoto.ru/foto/studiya CSS код: http://iqfoto.ru/templates/jp-studio/css/template.css P.S. ФАК читал. Гугл спрашивал. Поиском пользовался по разному.
0 votes6 answers -
колонки списка одинаковой высоты
помогите пожалуйста решить проблему. устроит даже css3-, js-решение есть <ul><li> список. длина строк в каждом <li> очень различается. необходимо преобразовать этот список в 3 колонки равной высоты в сети много js-решений, но они мне не подходят. проблема в том, что из-за разницы в длине строк получается примерно такой результат. мне же нужны колонки одинаковой высоты
0 votes6 answers -
Фиксированная шапка и <body> overflow: auto;
Мне необходима фиксированная шапка т.к. у <tbody> должна быть прокрутка. <div id="bigdiv"> - имеет стили #bigdiv { max-height: 550px; overflow: auto; width: 1024px; } <div id="bigdiv"> <table> <thead> <!-- Шапка должна быть фиксированной --> <tr> <td>Дата </td> <td>Имя пользователя </td> <td>Тип </td> <td>Удалить </td> </tr> </thead> <tbody> <!-- Должен прокручиваться --> <? $ch = mysql_query("SELECT * FROM `client…
0 votes6 answers -
не понятные всевдоклассы
Подскажите почему для input не работают псевдоклассы before/after???? http://jsfiddle.net/C5hWY/1/ если место инпута сделать ссылку <a> то все работает =\
0 votes6 answers -
помогите с квадратными блоками
Ребята! Вот суть: имеется много квадратных блоков div 252х252px, и нужно сделать так, чтобы они заполняли всю ширину страницы, не оставляя пустых мест и при изменении масштаба и разрешения экрана тоже все заполнялось. Как это сделать, уже несколько ночей решить не могу это проблему. вот пример https://mail.yandex.ru/disk/imgviewer/?id=%2Fdisk%2F1.jpg
0 votes6 answers -
хаки ксс, что еще не известно
Привет, не мог бы ты помочь мне, пожалуйста. Меня часто волнует один вопрос про верстку и я даже не знаю где искать, что то находил но так же быстро терял. Я надеюсь ты сможешь прояснить мне мои пустоты. В систематике CSS есть такие хаки, на пример > [type=""] и т.д. Так вот что сейчас интересно, у тебя нету полного списка таких хаков? Все чаще начинаю их использовать, точнее уже повсеместно и кажется что их больше чем я знаю и второй самый интригующий меня вопрос. Есть на пример кнопка <p><input ../></p> на пример делаем эфект при клике input:active {...} как на ксс задать, что при нажатии на инпут параграфу выше задаем свои новый ксс свойства? р…
0 votes6 answers -
Фреймворки & CMS
Всем доброго времени суток! С вашего позволения, продолжу цикл ламерских вопросов. Листая в очередной раз хабр зашел в топик о Joomla. Но это не суть. в топике был комментарий: "Сейчас время фреймворков. А если CMS пытается прикинутся фреймворком, волоча за собой наследие CMS, то ничего хорошего из этого не выходит." Что такое CMS я знаю, также знаю о существовании CSS-фреймворков. Но тут, как мне кажется, уважаемый комментатор под словом "фреймворки" имел ввиду нечто иное, не CSS-шное. Что же имелось ввиду под словом "фреймворки"? Комплекс из CMS и CSS-фреймворков? Прямая замена CMS? Какие существует ещё фреймворки, помимо CSS?
0 votes6 answers -
Название идентификаторов по русски плохой тон?
Где то читал что называть идентификаторы или классы по русски (типа id="identifikator" #identifikator) считается плохим тоном, а если мне так удобнее и понятнее, всё равно нужно следовать этим не совсем логичным правилам?
0 votes6 answers -
Растяжение блока(div) вместе с формой(textarea)
Когда растягиваешь форму(textarea), то она вылазит за блок.Как сделать, чтобы блок растягивался вместе с формой?
0 votes6 answers -
Шрифт, IE9/10
Здравствуйте, подскажите пожалуйста, никак не могу подключить шрифт правильно, чтобы работал в IE9/10. Уже всё основное перепробовал. 1. @font-face { font-family:Enigma; src:url(../font/Enigma.ttf) format("truetype"); } 2. @font-face { font-family: 'Enigma'; src: url('../font/Enigma.eot'); src: local('O'), url('../font/Enigma.woff') format('woff'), url('../font/Enigma.ttf') format('truetype'), url('../font/Enigma.svg') format('svg'); font-weight: normal; font-style: normal; } Может вообще такое быть, что это шрифт такой, который не хочет воспринимать IE? xDD Ссылка, на всякий случай.
0 votes6 answers -
Как сделать пустой div невидемым
Добрый вечер, натянул свой шаблон на cms, есть слайдер на главной странице, для него отдельный div. На остальных страницах, где его нет, появляется ненужный отступ+пустая полоска бордера, что можно сделать в этом случае? ув.модератор, откорректируй если есть возможность слово- "невидемым" а то опубликовал, а потом заметил такую нелепую ошибку.
0 votes6 answers -
Выравнивание счетчиков
Нужно выровнять счетчики в блоке, но чет не получается Просмотреть счетчики можно на картинки выше, нужно чтобы счетчики были в центре блока и были выровнены в одну строку, а чуть ниже тоже по центру, но уже на другой строке был текст. Помогите пожалуйста
0 votes6 answers -
border-image
Здравствуйте. подскажите что здесь использовать border-image или еще что-то? http://jsfiddle.net/dBDtN/ вот пример. вопрос: почему border-image не вокруг всего блока, а только сверху и снизу?
0 votes6 answers -
Хочу стать подмастерье
Доброго времени суток . Есть огромное желание, научиться создавать и верстать сайты. Если есть возможность, у опытных создателей сайтов, взять в подмастерье начинающего, прошу отписаться. О себе: знаю html (4), css(3), javascript(начинаю). ICQ: 501257 . Спасибо за внимание)
0 votes6 answers -
Кроссбраузерность. Помогите решить проблему.
Добрый день, код сырой, но дело в том что изначально проверял на Опере, потом выяснил, что популярнее в моем регионе Фаерфокс и решил на нем проверить. Был шокирован. Проблема в том, что при наведении на иконки в Опере меняется картинка, а в фаерфоксе не меняется, остается такой же, да и вообще ссылка не работает. Это мой первый сайт, делаю для себя, не профессионал, извините за трэш. <html> <head> <title>Flexotex</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="keywords"contente="пароизоляция, ветроизоляция, гидроизоляция"> <meta name="description" content="Паро-,ветро-, гидроизоляционные …
0 votes6 answers -
Помогите побороть INPUT
вот собственно креатив: http://jsfiddle.net/pbj5S/ надо сделать так, чтобы инпут выглядел точно как зеленый див, т.е. чтобы тянулся в зависимости от ширины контейнера и отступ справа был пытался двумя вариантами, в первом при position:absolute и left:0; right:40px; его ширина почему то не настраивается автоматически - кто знает, почему? во втором настроил контейнер (синий) и в нем задал для инпута ширину 100%, но паддинги выталкивают его вправо (((( помогите, кто шарит!!!
0 votes6 answers