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
-
Два вопроса по верстке.
Здравствуйте! Есть блок некоторой высоты и ширины, внутри него хочу разместить элемент. Я должен задать два свойства (bottom и left или bottom и right или top и left или top и right) для размещения моего элемента. Имеет ли принципиальное значение, откуда брать отступы: сверху или снизу, слева или справа? Понятное дело, что, если элемент, скажем, сдвинут на 10 пикселей от верхнего края и на 20 от левого, то нужно написать: position: absolute; top: 10px; left: 20px; и не заморачиваться насчет того, чему же будут равны отступы справа и снизу. А если элемент где-то в середине? Имеется блок с фоном некоторого цвета, внутри него размещены другие блоки, фон внутренних блоков д…
0 votes7 answers -
Выдвигающееся меню - не реагирует!
Тут такое дело... сделал сам выдвигающее меню с jQuery, но при его раскрытии (оно выдвигается вниз), если там находятся какие-то элементы - не работает (т.е. оно выдвигается, но не работают ссылки и не реагирует на наведение мыши), я думаю проблема тут в html или css... посмотрите, пожалуйста. HTML: <ul id="navigation"> <li><a href="profile.php">Profile</a></li> <li><a href="">Messages</a></li> <li><a href="search.php">Search</a></li> <li><a href="" class="menu_head">Settings</a></li> <ul class="menu_body"> <div class="setting…
0 votes6 answers -
отступы от элементов сайта.. центрирование
Здравствуйте! У меня собсно, такая проблема: верстаю сайт(так, для отработки навыков) и не получается убрать отступы (выделено красным на картинке) и еще вопрос? как сделать так, чтобы сайт отцентрировался в опере, осле и мозиле? сколько делал.. что-то в голову не прихолит решения... Помогите пожалуйста... По возможности объясните технологию..))) КОД: html </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css"…
0 votes8 answers -
Javascript-ом получить текст из cgi
есть 2 поля (id="in", id="out") вводим в поле "in" текст "tt" и при клике по "out" надо передать из "in" в cgi скрипт ("../cgi/test.cgi?text=tt"), а ответ вставить в "out". Подскажите с javascript-ом.
0 votes5 answers -
hover для картинки
Привет всем. Скажите как сделать чтобы при наведении курсора мышки на картинку (точнее на пиктограмму) менялась на поставленную. В общем есть что то наподобии псевдокласса hover для картинки. Заранее спасибо за помощь.
0 votes3 answers -
Проблема с отображением в IE6
Доброго времени суток, господа верстальщики, дизайнеры и все-все-все! Помогите, пожалуйста, разобраться, где может крыться проблема с гадким браузером IE6, на который извечно приходится натягивать тройной презерватив. Работаю с CMS Joomla, это мой не первый сайт, но ошибка подобного рода наблюдается мной впервые. Шаблон делаю сам с нуля. Никаких артистиров, никаких генераторов CSS и прочих "говнокодогенераторов", всё вручную в Notepad++ Однако, опыт ещё не столь велик, чтобы чувствовать себя хотя бы продвинутым, не то что гуру Вот так всё должно выглядеть (так это выглядит в браузерах Google Chrome и Mozilla Firefox): А так это выглядит в IE6: Хорошо заметна…
0 votes6 answers -
CSS-спрайты
Сделал такой пример. Локально во всех браузерах всё работает хорошо, но на JSFeddle сердечко скачет. В чём может быть дело? http://jsfiddle.net/webref/Lp9kzon3/
0 votes17 answers -
курсор влияет на ширину поля
помогите пожалуйста полонстью скрыть поле поиска здесь после клика по иконке поиска происходит плавное разворачивание и сворачивание поля поиска. проблема в том, что в последей версии opera(для linux) поле поиска никогда не исчезает .вероятно, это происходит из-за ширины курсора, который находится в поле поиска
0 votes4 answers -
Связанные поля jQuery Validation Plugin
Есть некая форма которая валидируется при помощи этого плагина https://github.com/jzaefferer/jquery-validation В ней есть два поля email и телефон. Важно уточнение поле телефон вводится по маске и имеет тип "tel". Нужно сделать так, чтоб если набрано одно из них, то второе становилось необязательным для валидации (required: false), а это набранное поле валидировалось согласно своим правилам. Сама форма вот https://jsfiddle.net/1h34vy1r/
0 votes5 answers -
Нижний отступ в слое
#title { left:0px; top:0px; border: 3px solid white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } <div id="title"><img src="/pictures/n-shap.jpg"></div> Проблема в том, что снизу между картинкой и бордером 3 пикселя пустоты. Как это исправить?
0 votes4 answers -
Проблемы с отображением в ie7
Помогите, пожалуйста! ie7 не рисует border у пустых ячеек таблицы.
0 votes3 answers -
Свой шрифт
Здравствуйте, такой вопрос: например указан какой-то шрифт типо font-family:название-шрифта; если этот шрифт не установлен на компьютере посетителя, то у него текст отобразиться тем шрифтом который у него в браузере по умолчанию задан. А можно-ли как-то указать ссылку на нужный шрифт во внешнем файле, или сделать так чтоб он автоматически установился при входе на страницу? какие есть способы?
0 votes3 answers -
свойство background в бразуерах не соответствует w3c?
В стандарте http://www.w3.org/TR/CSS2/colors.html#propdef-background говорится, что фоновое изображение можно устанавливать таким образом: background:transparent url('images/1.gif') no-repeat fixed center; Но на практике значение "fixed" оказывается лишним. Только IE6 понимает свойство с этим словом. В остальных браузерах фон просто не отображается. Что с этим свойством не так?
0 votes16 answers -
Как сделать голосование?
Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!
0 votes3 answers -
Макет для сайта
Как сделать вот такой дизайн. Вот такого плана.
0 votes13 answers -
Помогите с поиском книг
Доброго времени суток. Мне хотелось бы найти хорошие книги по 3-м темам: По HTML5 По CSS3 По JS Может быть есть хорошие серии книг от одного издательства по этим темам. Буду благодарен за помощь.
0 votes8 answers -
Гугл фонтс - их ошибка или фича браузера?
http://jsfiddle.net/HLmmX/ В Вебките выглядит жирно, в мозилле - тонко. В чем проблема?
0 votes8 answers -
Вопрос по PHP
Хочу узнать, как будет лучше, логичнее, правильнее, эффективнее, адекватнее итп. сделать переключение страниц. Сейчас я сделал папку pages, куда кидаю файлы, например, rules.php, rules_all.php и сделал это всё через include в index.php include("menu_nav.php");if ($subpage == "")$link = $page;else$link = "".$page."_".$subpage."";include("pages/$link.php");а menu_nav сделан в стиле switch case Как же всё-таки лучше организовать смену контента или страниц сайта ? Может вы посоветуете AJAX / javascript, но я их не знаю, но в любом случае буду рад вашим советам. П.С. У меня самого есть разные варианты, но не знаю какие будут лучше: В базе данных хранить контентВ базе данных …
0 votes10 answers -
Таблица html
Помогите , пожалуйста, разделить ячейки в таблице попалам: <td><a class="show_photo" href="/userfiles/image/4erteji_byt/byt_4x2_3.jpg"><img width="300" height="149" src="/userfiles/image/4erteji_byt/byt_4x2_3.jpg" alt="схема строительной бытовки" /></a></td> <th valign="middle" align="center" style="vertical-align: middle;"><span style="font-size: 14px; font-family: Verdana;"><strike>31 610 руб.</strike></span><br /> <span style="font-size: 14px; font-family: Verdana;">29 000 руб.</span></th> <th valign="middle" align="center" style="vertical-align: midd…
0 votes5 answers -
Центрирование блоков в блоке
Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 80% отцентрированный, а в нем маленькие артикли, процентов по 30 с отступами и эти самые артикли прижимаются к левой стороне, оставляя пустое место справа. Нужно отцентрировать артикли с отступами, чтобы равномерно разделилось пустое пространство. На фото наглядно суть проблемы, если выразился непонятно. Скрытый текст section { width: 80%; margin: 0 auto; } article { display: inline-block; width: 30%; min-height: 400px; margin: 10px auto; padding: 1rem; line-height: 1.35; color…
0 votes9 answers -
Пробел между строками в таблице
Между строками в таблице остается пробел, а необходимо сделать таблицу, в которой содержимое всех ячеек выглядит как одно целое. Если поставить ячейкам рамки, то видно, что пробел (свободное место) появляется только под рисунками, видимо задача в том, чтобы убрать его. Пожалуйста, подскажите путь решения проблемы, заранее извините, если этот вопрос уже поднимался тут (не нашел). <html> <head> <link rel=stylesheet type=text/css href=style.css> </head> <body bgcolor="#7086a4"> <table cellspacing="0" cellpadding="0"> <font size=3>Links</font> <tr> <td><a target=_parent href=http://000.ru/><img src=pics/…
0 votes1 answer -
Проблема со свойством overflow - в IE+Opera идет, в Firefox - нет
Добрый день. Такой вопрос: есть страничка (сильно упрощенный код ниже), поделена на три больших . Середина должна скролиться, если сожержимое уходит ниже. Проблема в том, что в Internet Explorer и Opera работает, а в Firefox нет. Поиск по форуму дал много результатов, но именно зависимость от браузера - такого не нашел. Модет кто поможет идеей? Спасибо. Код: ............ <table width="100%" cellspacing="0" cellpadding="0" summary="" style="height: 100%;"> <tbody> .......... <tr> <td width="14%" style="vertical-align: top; background-color: rgb(228, 250, 255);"> МЕНЮ </td> <!-- эта часть не скролится в firefox --> <td w…
0 votes1 answer -
Отменить выделение!
Что нужно прописать, чтобы текст нельзя было выделить?
0 votes2 answers -
противоположно позиционирование слоев
Столкнулся с тем, что никак не получается спозиционировать слои на одной строке, но в противоположные стороны, например: [Вверхний слой] [L][L] [R] [Нижний слой] Свой код не привожу, так как ничего путного так и не получилось. Возможно ли подобное реализовать не используя табличную верстку?
0 votes4 answers -
ТАБЛИЦЫ, группировка строк
как сгруппировать строки? так я сгруппировал столбцы, теперь сгруппироваться отдельные ячейки в этой колонке, в этом случае строки, так как каждая колонка у меня разная. колонки сгруппировал так: ..... <colgroup> <col class="class1" /> <col class="class2" /> </colgroup> ..... <td scope="col"> .....
0 votes4 answers