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
-
border-radius и border-collapse
Приветствую. В очередной раз столкнулся с проблемой, в данном случае это скругление углов у таблицы (между ячейками также имеется рамка) Подскажите, можно ли обойтись без js и картинок?
0 votes9 answers -
Помогите с таблицей
Здравствуйте помогите сделать таблицу или что то в этом роде. Должно быть как на картинке. Чтобы я туда мог помешать текст и картинки. Проблема в линиях, не могу сделать так же.
0 votes4 answers -
Вопрос новичка по Photoshop
Здравствуйте. Имеется небольшая проблема. При работе в макете, когда нужно узнать свойства текста, я перехожу в инструмент "Текст". Но когда необходимо подряд узнать свойства теста разных боксов макета, я не могу это сделать. То есть, мне приходится опять переключаться на инструмент "Перемещение", затем снова активировать "Текст" и уже потом выделять текст в боксе. И так каждый раз, до бесконечности. Уверен, что делаю не правильно. Подскажите, как правильно работать? Кажется, не совсем ясно выразил свою мысль, поэтому сделал маленькое видео, показывающее мои "мучения": http://zalil.ru/33654733
0 votes2 answers -
Передать скрытый параметр формы
У меня на сайте есть скрипт который открывает определенные страницы по адресу вида: <домен>/index.php?catalog/<пункт меню каталога>/<пункт меню каталога>/<пункт меню каталога>/ На сайте необходимо организовать поиск по этому каталогу. Подскажите как можно генерировать ссылки подобного рода из HTML формы.
0 votes0 answers -
Ползет сайт
Доброго времени суток все участникам форума! У меня возникла проблема после верстки сайта: при увеличении масштаба в браузере Хром, на макете сайта появляются элементы состыковки картинок: Причем при разном увеличении они проявляются в разных местах... Подскажите пожалуйста в чем может быть дело? Если кого-то заинтересует, то исходники сайта я выкладывал тут : http://forum.htmlbook.ru/index.php?showtopic=36877
0 votes8 answers -
CSS3 Radio button. Между label и input дополнительный тэг
Сделал реализацию переключателя таким способом: <!DOCTYPE html> <html> <head> <title>Title of the document</title> <style type="text/css"> input[type="radio"]{ opacity: 0; position: absolute; } input[type="radio"] + label::before{ content: ""; display: inline-block; width: 13px; height: 13px; line-height: 13px; margin: 0 8px 0 0; background: green; vertical-align: middle; } input[type="radio"]:checked + label::before{ background:red; } </style> </head> <body> <form action="" name="form"> <input type="radio" name="test" id="first" value="1" /><…
0 votes7 answers -
@font-face не работают в ie7,8
Здравствуйте. Загрузил шрифт на http://www.fontsquirrel.com/fontface/generator/ Ресурс выдал архив, запускаю .html в IE в режиме 7,8 шрифты не работают, в ff,opere,chrome все нормально. Вот пример Моя ссылка
0 votes2 answers -
<header>
Есть сайт, на сайте есть <div id="header"></div>, в котором содержаца элементы списка и другие дивы. Я переделываю код сайта под HTML5 ,правильно ли брать такую большую шапку в новый тэг <header></header> На данный момент она выглядит так.. <div id="header"> <div id="top_wrapper"> <div id="top"></div> </div> <div id="bottom_wrapper"> <div id="bottom"> <div id="right_side"> <ul id="lang"> <li class="uk"></li> <li class="est"></li> <li class="rus"></li> </ul> <p>Активные объявления: 3 99…
0 votes3 answers -
Один слой наползает на другой
Подскажите - не пойму, почему так. Не пойму, почему блок с контейнером наползает на блок со слайдером. Или мне так кажется? Но тем не менее, в Firebug показывается, что один находится под другим. Вот код: http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/EkMPv/
0 votes5 answers -
Обильное использование id - зло
Здравствуйте, видел где-то, на форуме, что человек сказал "Обильное использование id в верстке - зло". Как это понимать и как быть ? Использовать больше классы? И в чем заключается зло ? ))
0 votes1 answer -
не работает after
не работает данный, код не могу понять почему .beforeLoad { position:absolute; top:0; left:0; width: 100%; height: 100%; background-color:#000; opacity:.3; } .beforeLoad::after { content:''; background-image:url(img/287.gif); margin: 25% auto; width: 150px; height:150px; } помогите плизз
0 votes5 answers -
Можно ли выделить пункт в котором находишся при помощи псевдоклассов
Здравствуйте! Такая ситуация, есть меню с лева, в нем пункты 1, 2 и 3, можно ли сделать так при помощи псевдоклассов, когда заходишь в пункт два что бы он выделялся другим цветом, то есть что бы пользователь знал в каком пункте он находится. Интересуют примеры тока с псевдоклассами, может кто так делал. Спасибо
0 votes1 answer -
Текст в линиях
Здравствуйте! Как можно такое реализовать?
0 votes4 answers -
Форма искажается при масштабировании
Добрый день. После верстки формы входа и регистрации обнаружил неприятный эффект при масштабировании( Ctrl + wheelUP/wheelDown ) страницы в браузере, элементы формы слабо изменяют свой размер относительно других объектов, что ломает верстку и приводит к выходу за границы отведенной области. Подскажите как можно решить этот вопрос? Проблема ли это для отображения элементов формы на экранах другой диагонали? _http://mekonom.com/forma/
0 votes1 answer -
Древо-меню
в jquery есть такой параметр, как unique: true - он позволяет оставаться одновременно открытым только одному блоку в древе меню, как можно эту функцию перенести в Javascript?
0 votes2 answers -
Вопрос по оформлению выпадающего меню
Никогда не обращал внимание, подсвечиваются ли родительские пункты в выпадающих менюшках? Стоит ли это делать?
0 votes1 answer -
Трабл с выпадающим меню
Потихоньку учусь верстать - столкнулся с таким траблом: есть горизонтальное меню, понадобилось сделать выпадающие подпункты. Вроде бы все сделал, но выпадает только при наведении на активный пункт меню. Джумла 2.5, модуль меню стандартный. Сайт: http://dvl.su Код: .menu_top { float: right; margin: 45px 300px 0 0; list-style-type: none; font-family: 'archangelskregular'; letter-spacing: 1px; } .menu_top li { display: block; float: left; margin: 0 25px 0 0; padding: 0 0 5px 0; } .menu_top li a { text-decoration: none; display: block; color: #ffffff; font-size: 24px; margin: 0; padding: 0 0 5px 0; float: left; } .menu_top li a:hover{ color: #f5f5dc; border…
0 votes0 answers -
Загадочный отступ, попробуй объясни
Столкнулся с поведением элементов, которое очень трудно объяснить мне в определениях действующей логики. Пример ситуации указан ниже. Проблема в загадочном отступе который появляется при задании основному блоку .main padding отличный от нуля. Происходит непонятное схлопывание, которое вылазит за рамки моего сознания) Где зарыта корова, я не знаю...с группой единомышленников локализовали проблему вокруг <fieldset> . Тестировал в Chrome. Помогите разобраться http://jsfiddle.net/49EYP/7/
0 votes10 answers -
Зачеркнутые ссылки на сайтах
Вопрос несколько не в тему. Подскажите, а с чего это с совсем недавнего времени буквально на всех сайтах в Интернете ссылки стали выполняться в виде зачеркивания? Это как-то связано с SEO?
0 votes4 answers -
150 переключателей
Я немного упрощу реальную задачу, что бы попроще объяснить, что мне нужно. Нужно на PHP с генерировать страничку, содержащую 150 переключателей. Так же на это страничке должно быть текстовое поле, в 150 символов. Символы могут быть 0 и 1, в зависимости, от того включен ли переключатель, или выключен. При нажатии на переключатель, соответствующий ему символ должен меняться. При отправке формы, нужно отправить только эту строку. При создании формы, часть переключателей уже нажата. Я пока даже не представляю, с чего начинать. Буду рад, как ссылкам на готовые скрипты, так на на страницы реализующие хотя бы похожий функционал. Да и от простого совета не откажусь. Что-то мне ка…
0 votes0 answers -
Вывод элемента на определенное место
На странице, в блоке Х выводится элемент, изображение в ссылке <a id="foto" href="/3.jpg"><img src="/3.jpg"></a> Нужно, чтобы этот элемент всегда, вне зависимости от того, где он находится в блоке Х, отображался в правом-нижнем углу блока Х. В блоке Х могут быть и другие элементы, но это не должно влиять на отображение элемента. Кроме того, что все остальное должно обтикать этот элемент. Как сделать css'ом? Может я туплю, что-то голова уже плохо варит. a#foto{ float:right; margin:0; padding:0; display:block; position:absolute; }
0 votes3 answers -
Закругленные края.
Доброго времени суток! Решил сделать шапку с закруглёнными краями, когда верстаю таблицами всё вроде неплохо, но div не получается никак. В наличии: header_left.jpg - левая сторона шапки. header_center.jpg - центр шапки (полоска, которая дублируется repeat-x)/ header_right.jpg - правая сторона шапки. <style> #header {width: 100%; height: 119px; margin: 0; padding: 0; text-align: center;} </style> <div id="header"> <div style="display: inline;"><img src="header_left.jpg"></div><!-- --><div style="background-image: url(header_center.jpg); height: 119px; width: 1200px; display:inline-block;"></div><!-- -->&…
0 votes8 answers -
Валидация. Мозг вскипел....
Здравствуйте. Validator.w3.org выдает ошибки по моему шаблону которые я исправить не могу так как не могу понять что не так... Буду благодарен за разъяснения. 1. required attribute "type" not specified <script>(function(){if(window===window.parent){… 2. document type does not allow element "input" here; missing one of "ins", "del", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "address", "fieldset" start-tag <input type="text" name="s"> 3. start tag was here <input type="text" name="s"> 4. end tag for "input" omitted, but OMITTAG NO was specified <input type="submit" value="Искать" > 5. required attribute "alt" not specified …" height="49" src…
0 votes18 answers -
Проблемы с размещением CSS
У меня две проблемы Первая: как в css указать расположение элементов например в нутри таких рамок Вторая: Как в таком квадрате поднять вверхтекст код php <div class="box"> <a href="http://16mb.com/$myrow[avatar]" ><img alt='$_SESSION[email]' src='$myrow1[avatar]'></a> <name> $myrow1[name]</name> </div> код css .box { position: relative; width: 500px; padding: 15px; margin: 0 auto; background-color: white; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); z-index: -1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), i…
0 votes0 answers -
Не могу решить задачу с div
Задача заключается в том что есть основной контент он расположен по центру с статической шириной(колонной в общем) и вот нужно прилепить к этой колонке div c лева, смотрите рисунок
0 votes10 answers