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
-
Вёрстка большого количества страниц
Приветствую жителей форума! У меня к вам есть вопрос. Дело в том, что я изучаю вёрстку недавно и столкнулся с очень неприятной проблемой. Мне нужно было сверстать большое количество страниц одного сайта. На каждой странице было разное размещение информации. И для каждой страницы одинаковое положение и наполнение было только у шапки сайта и у подвала. Предположим, на главной была шапка, потом шёл блок со слайдером и подвал. На другой была шапка, две колонки (текст и форма обратной связи) и подвал. На третей опять шапка, после неё две колонки с новостями, которых в каждой колонке должно было быть по три штуки и для других страниц новостей должны были прикрутить скрипт, чт…
0 votes9 answers -
убрать всплывающую панель управления изображениями
При наведении курсора на изображение появляется панель с возможностью печати, сохранения рисунка. Как ее убрать?
0 votes4 answers -
счетчики
Здравствуйте. Объясните пожалуйста, на каком этапе нужно ставить счетчики на сайт ?
0 votes15 answers -
Выделение текста мышкой
Можно ли при помощи css предать вид выделению мышкой текста?
0 votes5 answers -
Как выделить активную ссылку меню на сайте?
Здравствуйте. Уже второй день ломаю голову. Нужно чтобы активная ссылка была выделена другим цветом. Напр. переходим по ссылке "Мыло ручной работы" и на странице где информация о продукте, фон ссылки выделить другим цветом. Ссылка на сайт (http://floris-m.com.ua/) Пробовал использовать JavaScript, но ничего не меняется: <script> $(function() {$(«li»).click(function(e) {e.preventDefault();$(«li»).removeClass(«active»);$(this).addClass(«active»);});});</script>HTML: <div class="akkordeon"> <ul class="vmenu"> <li class="home"><a href="/shop/mylo-ruchnoj-raboty">Мыло ручной работы</a></li> <li class="parent"><a href…
0 votes7 answers -
как сделать чтоб при измениии размера окно не двигались картинки???
У меня вот еще какая проблема есть сайт все в родебы нормально начальству нравится, но есть одно но при изменении размера окно или разрешения экрана надпись "Главная" и картинка девушьки сильно уползают, как сделать так что они стояли на месте. я еще мало что знаю в деле Web программирования нолько ничинаю, помогите пожалуйста подскажите.
0 votes5 answers -
Как узнать реальную высоту в пикселах шрифта(точнее заготовки)?
Дело вот в чем: Хочу вывести на рисунке надпись и ее зеркальное отражение под ней. Все бы хорошо, но при том, что указываю один и тот же размер на разных шрифтах, реальная высота меняется. А смещения, наклоны считаются исходя из указанного размера высоты. Все работает, но с подгонкой смещения для какого-либо одного из шрифтов. Вопрос: Как можно узнать высоту заготовки, на которой расположен шрифт? Все делаю на ASP. Заранее спасибо!
0 votes1 answer -
z-index vs ie
Привет. Зашел в ступор и не могу выйти, подпихните в нужном направлении есть код <div class="content"> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <…
0 votes19 answers -
Эмуляция таблицы или почему растягиваются ячейки
Доброго времени суток. Объектом моих неоднократных мучений является эмуляция таблицы. (важно! не использовать JS) Зачем мне так нужна таблица? 1. Вертикальное выравнивание, когда высота выравниваемого объекта неизвестна. (то есть трюк с отрицательным margin-top не пройдет) 2. Вот такое меню с гибким составом элементов: http://screenshot.su...b9d38b5d5e9.jpg (растягивающееся на всю ширину сайта меню, размеры элементов зависят от размера контента). С первым кое-как разобраться можно. display: table-cell и expression для IE lt 9. Со вторым проблемы. При верстке дивами, размер блока (float или inline-block) будет равен размеру контента, но не более. Таким образом у меня элеме…
0 votes11 answers -
Адаптивный popup
Здравствуйте уважаемые форумчане! Посоветуйте, пожалуйста, адаптивный popup.
0 votes5 answers -
Правильно ли оставлять пустые колонки в бутрап?
Здравствуйте. не так давно работаю с бутстрап. Возник вопрос : Вот например есть страница на которой есть картинка (шириной в 3 колонки бутстрап) и больше ничего . Допускается ли делать так, то есть прописывать пустые колонки ? <div class="container"> <div class="row"> <div class="col-md-3"> <img src="image.png" > </div> <div class="col-md-9"></div> </div></div>или правильней делать шириной 12 колонок и с помощью своих стилей позиционировать внутри этого широкого блока?
0 votes2 answers -
Выравнивание поля формы с изображением
Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. form.htm <HTML> <TITLE>Form</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <FORM method="post" class="cform" id="cformsform"> <FIELDSET class="cf-fs1"> <OL class="cf-ol"> <LI id="li--1"><LABEL for="cf_field_2"><SPAN>Your name<…
0 votes3 answers -
index.jspa
На htmlbook как и на многих других сайтах (почему то в основном буржуйских), вижу это index.jspa. Интуитивно догадываюсь, но нормального мануала по jspa именно на русском не встретил, может есть что? Справочников на инглише полно, но для буратины русский доступнее. Чтоб понять в общем плане ))
0 votes14 answers -
Проблема с PNG-прозрачностью
Нашла в сети скрипт DD_belatedPNG_0.0.8a.js - он добавляет прозрачность рисункам в PNG. Плюс сохраняет эту прозрачность для повторяющихся изображений. В общем, очередной чудо-скрипт. Но, не долго я радовалась - уже на следующем сайте этот скрипт отказался работать. Причем, срипт тот же самый, который нормально работал на предыдущем сайте. Как назло, в теме для Wordpress, которую я верстаю на Денвере, масса PNG-шек. Народ, если кто то сталкивался с таким глюком этого скрипта (или может это несовместимость с другими скриптами?), подскажите, как с этим бороться.
0 votes22 answers -
Бегает текст от выпадающего меню
Бегает текст от выпадающего меню через цсс... причину понять не могу. может кто то сталкивался
0 votes23 answers -
CSS <input> + <datalist> как избавиться от смены фона при выборе значения?
http://jsfiddle.net/yxhzsk4m/1/ Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать? (:valid, вроде в этом случае не действует....) ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)??? (В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на…
0 votes2 answers -
Модальное окно блокирует прокрутку
При вызове модального окна, прокрутка на странице блокируется и элементы немного смещаются в сторону (наверное из-за того, что прокрутка исчезает). Мне надо, чтобы скроллинг на основной странице работал, но в стилях не могу разобраться уже час как. Может у кого-то была такая проблема? Пример простой страницы с модальным окном. До После На песочнице не получается подключить файлы бутстрапа, поэтому выложу архив с страницей приведенной на скриншоте. https://yadi.sk/d/CPBzvMDjnyRgd
0 votes1 answer -
Smarty vc {section}
Приветствую. Кто имел опыт работы со смарти, подскажите пожалуйста как передавать значение одной переменной из внешнего цыкла во внутрений? пример: {section name=i loop=$categories_tree} {if $categories_tree[i].categoryID != 1} {* main level menu *} {if $categories_tree[i].level == 1} ... foo ... {* sub level menu *} {else} <ul> {section name=j start=i loop=$categories_tree} ... foo ... {/section} </ul> {/if} {/if} {/section} В данном случае интересует как передать значение "i" для start (внутренний цикл), или же как присвоить значение "i" для "j"? Спасибо.
0 votes5 answers -
input vs a href
Можноли кнопку для отправки данных формы заменить на ссылку? <form name="form" action="/form/" method="post"> <input name="tem" type="hidden" value="tem" /> <input type="submit" name="submit" id="submit" value="отправ"> </form> <input type="submit" name="submit" id="submit" value="отправ"> заменить на ссылку можно? если да то как?
0 votes18 answers -
Проблема с width в IE7
Такой я человек, что всегда пытаюсь решить проблему самостоятельно, не надеясь на окружающих... Но не в этот раз, вынудили таки мягкотелые обратиться к народу. Имеется трабл с width: 100%. Вот пара скринов: Дочерний блок Родительский. Html: <!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" /> <link rel="stylesheet" href="templates/css/reset.css" type="text/css" /> <link rel="stylesheet" href="templates/css/main.css" type="text/css" /> …
0 votes3 answers -
ИЕ не отображает изображение во вложенных div
Всем доброго дня. Проблема в том, что браузер ИЕ7 (на других версиях ИЕ не проверял) не отображает изображения во вложенных div. Код в HTML <body> <div id="header"> <div id="logotype"> <a href="/index.php"></a> </div> <div id="menubody"> <div class="home"></div> <div class="graff"></div> <div class="forum"></div> <div class="guest"></div> </div> <div id="menu"> </div> Код CSS для <div class="home"> и остальных трех .home { width:128px; height:128px; margin-top:6px; margin-left: 16px;…
0 votes18 answers -
frD-sss марджыны не марджыны?
есть сайт http://www.psi.net.ua/site/index.php вот немогу понять если я в css указываю margin: 0px 0px 0px 0px; то у меня всеравно отступы от контента появляются, а если я указываю margin: -5px -5px -5px -5px; то контент прилипает к бокам но только в ФФ а ИЕ ложыт на это дело с прибором =) да и ваще не выход это эти минусовые марджыны вот как мне сделать чеб теблицы сайта были действительно 100% и плотно прилегали к краям окна?
0 votes12 answers -
Можно ли закруглить таблицу с CSS без изображений?
Вот такой вопрос. Можно ли закруглить таблицу с CSS без изображений?
0 votes10 answers -
Давайте обсудим проблемы шрифтов и сервисы их генерации
В последнее время шрифты вынесли мне все мозги. Давайте запишем сюда все, что мы знаем о проблемах со шрифтами. 1) Вебкит некоторые шрифты криво рендерит - выход, заставить его отображать первым svg 2) firefox не понимает svg, и когда он начинает криво рендерить - почти безвыходная ситуация, хотя мне удалось подключить otf формат, но шрифт выглядел мягко сказать иначе, но зато без зазубрин и обрезания. 3) сервис font-squirrel в режиме оптимизации генерит шрифты без кириллицы (а может лишь некоторые и тогда это баг). 4) Некоторые сервисы, в число которых входит фонт сквиррел криво генеряет eot - выход, генерить с помощью программы на вашем компьютере. 5) Если вы поставили…
0 votes24 answers -
Div или Table Height=100%
Есть простая страница - колонка посередине, слева background div, справа backround div (оба на всю вышину). То есть макет элементарнейший. Условия: 1) doctype transitional (с ссылкой на документацию) 2) кроссбраузерность. на все таги вешаем как положено height:100%, на html,body и контентные. Теперь траблы: или надо выкидывать doctype или IE. Собственно, что таблица, что div-ы с height:100% ведут себя точно также, разницы нет в чем верстать. Забудем по причине работоспособности о других браузерах кроме ИЕ. Все вытягивается нормально до момента когда длинна контента не превышает вышины ока браузера. Как только появляется scroll, то вышина diva остается равной вышине окна …
0 votes2 answers