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
-
Манипуляция с псевдоэлементами
Собсно, сабж, можно ли на ::before и ::after как-то воздействовать в js (навесить обработчик, добавить стилей/класс)? Мне кажется, что нет, ибо в их DOM-дереве невидно даже.
0 votes1 answer -
Под изображением в низу в Опере и IE появляется пустота
Под изображением в низу в Опере и IE появляется пустота, смотрится ужасно. Ниже скрин женщины, у которой под ногами белое поле.Как это избежать?
0 votes5 answers -
Filter FlipH в IE8 портит BG-картинку
http://m-sloboda.ru/ Помогите решить вот такую задачу: для экономии веса страницы попытался отразить слой с полупрозрачным фоновым изображением. В IE8 получилась вот такая беда (картинка потеряла цветность и полупрозрачность):
0 votes2 answers -
Правильно расположение элементов
Добрый день. Нужна помощь. Сейчас выглядит вот так: Нужно: <div style="background-image: url(адрес); background-repeat: no-repeat; margin: 10px;"><img style="position:relative; left: 40%; width:20%; height:20%; top:40%" src="img/play.png"></div>}У картинок margin: 10px;
0 votes0 answers -
Проблема с media
У меня есть страница,стили которой грузятся так <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px)" href="css/800.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 801px) and (max-width: 1024px)" href="css/1024.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1025px) and (max-width: 1280px)" href="css/1280.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1281px) and (max-width: 1450px)" href="css/1400.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1451px)" href="css/1600.css" />Почему-то у заказчика,будуч…
0 votes1 answer -
проблема с text decoration
взгляните на это: http://s017.radikal.ru/i435/1412/05/d0e008a72426.png я вперые такое вижу если честно. где верхние 3 блока ссылка подчеркнута пунктиром, text decoration только сплошную линию ставит и то расстояние нельзя урегулировать, border не подходит, т.к. он только под всей ссылки поставит одну линию. как такое решить? не ошибка ли дизайнера? и второй момент, там где полезные статьи, text-decoration чуть ниже находится, как опустить его?
0 votes3 answers -
Данные для формы в ссылке
Добрый день! К примеру на сайте есть страница с обычной формой с одним полем для заполнения. Можно ли сделать ссылку на эту страницу чтобы данные для заполнения поля формы были в этой самой ссылке? Заранее спасибо за ответы)
0 votes4 answers -
избежать конфликта адресов
помогите пожалуйста пинками разобраться в вопросе допустим, что я купил выделенный виртуальный сервер и решил выложить сайтики в web. какой минимум действий нужно для этого совершить? доупустм, я зашёл на свой сервер, поднял там apache(с модулем php), mysql. затем закинул сайты в определённый каталог. затем настроил конфиг апача так чтобы он смотрел в этот каталог. для экспериментов на локальном сервере этого хватало. проблема в том, что на локальном сервере я мог в ServerName использовать любые адреса(хоть google.com). но в web часть адресов занята. подскажите пожалуйста что ещё нужно установить и настроить чтобы избежать конфликтов адресов
0 votes2 answers -
Подскажите как сделать
Подскажите, как сделать чтобы выпадающий список выпадал только после нажатия на подраздел, а не сразу после наведения, как в моём случае. Код : http://codepen.io/Anatoliy667986584/pen/NbjEPP
0 votes0 answers -
Поблема с работой в Safari
Всем привет. Столкнулся с такой проблемой, не работает смена цвета фона в сафари, в <div id="block">BLOCK</div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #block{ margin:auto; width:200px; height:100px; text-align:center; line-height:100px; border:solid 1px; background-color: #b5ff71; } </style> <script type="text/javascript"> function red() {document.getElementById("block").style.backgroundColor="red"} function blue() {document.getElementById("block").style.backgroundColor=…
0 votes2 answers -
mete тег
<meta name="keywords" content="#" /> Есть ли какие либо ограничения в размере текста?
0 votes2 answers -
Помогите определить ошибки, что они значат
Суть такая...Решил проверить сайт на валидность кода, пошел на сайт http://validator.w3.org/ загнал сайт... выдает ошибки... Не понимаю, почему это ошибки... Например большинство ошибок для тега <p> со стилем: Error Line 168, Column 65: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag …ottom:15px;color:#555; text-align:center;">Приглашаем к обмену ссылками</p></b> The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This …
0 votes1 answer -
куда дописать http://?
Здравствуйте! Имеется такой код: <iframe id="b" width="100%" height="100%" frameborder="0" scrolling="auto"> Ваш браузер не поддерживает плавающие фреймы! </iframe> <div id="form"> <td>введите адрес вашего сайта: <input id="a"><button onclick="document.getElementById('b').src = document.getElementById('a').value;">посмотреть</button> </div> куда в нем дописать "http://" чтоб не приходилось вводить это в форму?
0 votes2 answers -
Направьте в нужное направление :)
Начну с того что хорошо знаю HTML и CSS, немного JQuery. Но хочу научиться писать хотя бы простой движок для сайта. Но так как нет в этом знаний, прошу вас подсказать в каком направлении двигаться, какую литературу изучить и т.д. Сейчас у меня сайт на Joomla, но CMS не даёт развития в программном плане, тупо установил модуль и работаешь, мне интересней научиться написать к примеру этот же модуль самому. Кто-то наверное подумает, а зачем изобретать колесо, когда уже есть готовое, бери да пользуйся, к примеру та же CMS, но я не понимаю её работу, да и кто муже расширения к CMS бывают кривые и зачастую необходимо их подпиливать. А для меня это проблема. Лучше уж я потрачу …
0 votes2 answers -
Как совместить iframe и картинку?
Доброго! Есть большая png-картинка (фон) с вырезанным полупрозрачным окошком. Как бы мне в это окошко спозиционировать iframe? Можно конечно задать точные координаты, но картинка растягивается под размер окна браузера (сохраняя пропорции), соответственно прозрачная область тоже смещается и растягивается... Что можно придумать?
0 votes0 answers -
выделение слова ссылкой
здравствуйет, ребята, подскажите, пожалуйста. мне нужно, чтобы кнопка в форме работала и как кнопка(обрабатывала форму) и отправляла на следующую страницу. Знаете, как бывает при регистрации, когда она начинается на одной странице, а потом по кнопке "продолжить" переход на следующую стр. вот у меня сейчас код для этой кнопки: <button id="button"> <img id="button_1" src="image/bg_button1.png" alt="" style="vertical-align:middle"> </button> а как сделать, чтобы она ещё и перенаправляла? Пробую заключить её в тег <a> , но не появляется ссылка. В каком месте нужно проставить эти теги <a> ? мн…
0 votes3 answers -
Простой слайдер
Доброго времени суток! Есть с десяток объектов с 3-5 рисунками каждый. Хотел сделать на каждый объект подобие слайдера, картинка с цифрами снизу Все вроде просто, пример ниже, но вот при нажатие на цифру весь слайдер изменяет позицию (из центра вверх экрана), т.е браузер производит переход по странице. Вопрос: можно ли изменить поведение ссылки, что-бы при нажатии на цифру слайдер оставался на месте. спасибо <table border="1"> <col class="c_image" /> <col class="c_image" /> <tr> <td> <div class="project"> …
0 votes1 answer -
Проблемы математических операторов
Проблема такова: На сайте, в тех описаниях изделий, используются математические операторы. Изначально они отображались корректно, но экспортируя контент на партнерские порталы посредством XML, возникли проблемы. Парсеры не работают ссылаясь на ошибку, либо заменяют их другими символами. Вмешательство программиста решило эту проблему лишь частично. Эти операторы стали просто убиваться в корне, при внедрении на сайт. Вместо них, теперь оказывается просто дырка. Парсеры заработали, но возник бред в плане осмысления текста человеком. Однако, мне доподлинно известно, что некоторые знаки имеют код, которым могут быть написаны в html. И на этом мои знания в данной области иссякл…
0 votes5 answers -
выравнивание текста в таблице
Подскажите, как выровнять текст в таблице по вертикали по верхнему краю?? http://ukroem.ru/ondulin-instruktsiya-po-montazhu-svoimi-rukami.html
0 votes1 answer -
Центрирование строчных элементов
Доброго времени суток. .post-metadata { height: 20px; margin-top: 10px; background-color: #FAFAFA; border: 1px solid #CFCFCF; font-family: Arial, Helvetica, sans-serif; } span.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 2px; } span.author { background-image: url(images/author.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 10px; } Как сделать, чтобы span.date and span.author распологались вертикально по центру div.post-metadata?
0 votes1 answer -
320andup, compass, @viewport
Доброго времени суток. В css фреймворке 320andup, в файле _site.sass был найден код такого содержания: ... @-webkit-viewport { width : device-width; } @-moz-viewport { width : device-width; } @-ms-viewport { width : device-width; } @-o-viewport { width : device-width; } @viewport { width : device-width; } ... и из-за него не проходит компиляция в compass Аналогичный код находится во всех каталогах предназначенных для обработки css препроцессарами. Вопрос: Что это такое и несёт ли в себе какой либо смысл?
0 votes1 answer -
помогите с анимацией
вот результат моих мучений http://s018.radikal.ru/i505/1301/d5/cfe1a43272b4.jpg проблема вот в чем; при нажатии мышью на поле страницы, нужно чтоб менюха заезжала вверх а плеер с синей кнопкой вниз и при этом нижние боковые плашки должны опускаться на столько какова высота собственно плеера с кнопкой. а при нажатии еще раз, все ставало на свои месте. Суть в том, что плашки абсолютно спозиционированы. щас код прикреплю <body> <section class="wrap"> <header class="nav_head"> <nav class="top_nav"> <a href="index.html">АЛЬБОМ</a> <a href="index2.html">ФОТО</a> <a class="acti…
0 votes4 answers -
Как сделать рамку только для ячейки
Прописал следующий код, вроде бы должна быть рамка но её нету, почему? в HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Главная страница </title> <link rel="stylesheet" type="text/css" href="style.css" > </head> <body> <table> <tr> <td class="1td"> 1 </td> <td class="2td"> 2 </td> <td class="3td"> 3 </td> </tr> </table> </body> </html> В CSS .1td { border: 3px solid #c716bd; } .2td { border: 3px solid #c716bd; } .3td { border: 3px solid #c716bd; }
0 votes1 answer -
Прошу совета
здравствуйте! Прошу совета у вас, как мне правильно реализовать некоторые моменты в дизайне. Прошу подсказать мне, с чего начать и как определяются некоторые детали для качественной верстки. Есть множество задумок дизайнеров, где определенные эллементы сайта имеют красивые очертания, (выкопал в инете) , например, фон для названия страницы: или фон для цитат: Т.е. что тут видно, в первом случае это фон названия старницы (материала). По сути просто представляет из себя блок из светлого фона, но у него в начале идет внутреняя стрелочка (честно говоря не знаю как ее еще назвать), и в конце идет стрелочка вниз. Во втором же эллементе фон для цитаты, с внешними эллементами с…
0 votes3 answers -
почему не работает псевдоэлемент ::section
http://cssdeck.com/labs/hay2h0yp
0 votes2 answers