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
-
верстка от начала до конца
Расскажите пожалуйста как сверстать макет типа http://efimov.ws/main/develop/webmasters/27-psd-templates.html (любой). Меня интересует , как порезать , и как затем склеивать . Буду очень благодарен , если со скриншотами.
0 votes1 answer -
Корсбруезерный div с вложеными div'ами
В общем есть проблема с div'ом. <!-- // CONTAINER // --> <div id="Container"> <div class="content"> <div class="shadowLeft"></div> <div class="cornerLeft"></div> <div class="content"> <!-- // CONTENT TOP // --> <div id="ContentTop"> <a id="Logotype" href="#"><img src="../Images/Design/Logotype.png" /></a> </div> <!-- // MENU // --> <div id="Menu"></div> <!-…
0 votes2 answers -
Хочу чтоб новость была в центре
Хочу чтоб новость была в центре много чево пробовал но не получился а в фаиле style.css где ети обекти при прописке position: relative; top: X px; left: X px вот мешают другие обекты. вот картинка чтоб хорошо посмотрели Заранее спасибо!
0 votes2 answers -
замена изображения
подскажите пожалуйста как можно применить замену изображения в зависимости от ширины экрана, которая описана в этой статье? в ней написано, что но у scr нет атрибута srcset, судя по справочнику этого сайта. <picture alt="злой пират"> как я понял, был только предложен, но предложение отклонила рабочая группа. если не так, поправьте меня
0 votes0 answers -
Вывод категорий по ID. WP
тему закрыть
0 votes0 answers -
Внутренние ссылки
Ребят, доброго времени суток, есть такая проблема, на опере внутренние ссылки прыгают. Короче есть ссылки типа <a name="бла бла бла">бла бла</a> есть прокручивающийся див внутренние ссылки ссылаются на категории в прокручивающимся диве на опере при нажатии на такую ссылку категория встаёт под вверх экрана а надо что бы основной скрул стоял на месте а двигался только внутренний скрул короче вот сайт http://shtany-club.ru/osnova_menu.php под меню ссылки на опере посмотрите, есть какие нибудь варианты что бы устранить это средствами html или css?
0 votes1 answer -
Вопрос по выпадающему меню
Камрады помогите, сделал выпадающее меню вот на главной странице с помощью сайта purecssmenu как мне теперь отрегулировать чтобы выпадающие разделы были по длине текста а получается что длина кнопки выпадающего пункта длиннее чем текст.Как например в разделе прайсы.Это первый вопрос.Второй : как сделать так чтобы каждый выпадающий пункт и его подпункт выпадали вниз (следующий подпункт чуть со смещением вправо)? У меня получается каждый пункт и подпункт выпадают вправо (появляется скроллинг чтобы посмотреть след пункт так как он еще правее), это можно увидеть в пункте Вентиляционное оборудование. Вот код CSS этого меню : #pcm{display:none;} ul.pureCssMenu ul{ display:n…
0 votes0 answers -
Нужен программист
Нужен программист для решения задачи вычленения из текста статьи релевантный заголовок. Если сработаемся, еще есть несколько задач, которые хотелось бы видеть программами.
0 votes0 answers -
Атрибут rel тега link
Здесь http://htmlbook.ru/html/link/rel написано два значение атрибута rel тега <link>. <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> А вот пример, где значение не соответствует документации. Где найти полный список значение этого атрибута соответствующего тега?
0 votes1 answer -
transform-origin
Как можно использовать значение координаты z в transform-origin?
0 votes2 answers -
Нужна помощь с адаптивностью
Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html Вот код футера: <footer> <section class="footer-inside"> <div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div> <div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div> <ul class="menu-bottom"> <li><a href="#"&…
0 votes2 answers -
не получается выровнять блоки с картинкой и текстом в диве
Добрый день, я совсем совсем новичек, только первую неделю учу html и css, так что не судите строго) Делаю верстку с макета, и столкнулся с проблемой. вот картинка с проблемой. нужно чтобы блоки с товаром и картинкой стояли по 4 штуки в ширину. HTML <section id="content"> <div class="good"><a href="#" class="goods"></a> <span class="apple">Apple MacBook Air MC969RS Uss Silver</span> <span class="apple1">Экран 11.6" (1366х768) HD LED, глянцевый /Intel Core i5 (1.6 ГГц) / RAM 4 ГБ / SSD 128 ГБ / Intel HD Graphics 3000 / без ОД / LAN / Wi-Fi / Blue-tooy\th 4.0 / веб-камера / Mac OS X Lion / 1.08кг</…
0 votes3 answers -
расстояние между ячейками таблицы
Есть таблица. Вот самый простой пример: HTML: <table> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> CSS: table { width: 100%; height: 100px; } td { width: 25%; background-color: red; height: 100%; border: 1px solid black; } td:hover { background-color: cyan; } Проблема в том что в Chrome и Safari если навести ровненько между ячейками ховер не срабатывает ни на одной из них. С другими браузерами проблем нет. Вот пример:ссылка
0 votes0 answers -
Разъезжается header.php
Добрый день! Сразу уточню, что занимаюсь переделкой сайта знакомых... Первый опыт. Возникла проблема: Имеется файл header.php с кодом: <table width="1024"> <tr width="1024"> <td width="230" rowspan="2"> <a href="index.htm" title="Подарочные книги от Книжного Петербурга"><img src="img/small/logo.png" width="215" alt="Подарочные издания от Книжного издательства." border="0" /></a> </td> <td width="520" > <h2> Подарочные книги оптом и в розницу от издательства. <br /> Мастерская подарочных изданий. </h2> </td> <td…
0 votes0 answers -
Три колонки и footer, как работает, не могу разобраться
Изучаю один видео-курс по верстке и не могу понять как работают дивы "out" и "in". Без них отображается неправильно. * { margin: 0; padding: 0; } html, body, #container { height: 100%; } html { background: #fff; color: #333; } #container { min-width: 800px; max-width: 1000px; margin: auto; background: url(../i/left.png) repeat-y; } #main { min-height: 100%; margin: 0 0 -100px; background: url(../i/right.png) repeat-y 100% 0; } #all { overflow: hidden; padding: 0 0 100px; background: url(../i/left.png) repeat-y; } #out { float: right; width: 100%; margin-left: -200px; } #in { float: left; width: 100%; margin-right: -200px; } #lef…
0 votes0 answers -
Смежные селекторы
В конструкции .one + .two {...} стиль задается для класса .two, как задать стиль для класса .one? http://jsfiddle.net/VBHY5/
0 votes1 answer -
Проблема со скроллом
Добрый день. Нужна ваша помощь. Задача: 1. шапка, подвал и правая часть основного контента зафиксированы. Контент должен растягиваться на всю высоту страницы. Скроллиться должна только левая часть контента и полоса прокрутки должна быть только тут. 2. То же, что и в первом пункте, только полоса прокрутки должна быть на всю страницу, а скроллиться лишь левый блок контента. выкладываю, что получилось. Проблема с растягиванием левого контента на всю высоту страницы и нерабочим бегунком. http://codepen.io/anon/pen/KHmGd Большое спасибо за помощь.
0 votes2 answers -
Проблема с резиновым контентом
Есть сайт http://texteredsa.besaba.com/ Проблема с контентом. Как правильно сделать их резиновыми? чтобы если блок не вмещается то уходил в низ. Я знаю как это сделать, просто если сжимать браузер и если блок вниз уйдет, тогда остается большое пустое пространство справо. Что делать?
0 votes1 answer -
Блок захватывает пространство
И всю Вселенную. Здравствуйте. Есть такой скриншот http://joxi.ru/1A59OwzSQxwEAE Вёрстка лежит тут Что, собственно, мне не нравится, так это поведение блока при задании .dropdown свойства display: block. На скрине выделен третий пункт меню, то ест его подменб должно выделяться вниз. А оно берёт верхнее. Что со мной не так? В браузере это меню нажимается как нужно, на телефоне ОС виндовс тоже, на планшете амазона тоже всё ок. Плохо себя ведёт ипод на иОС. Если нажимать на любой пункт подменю, то кликается основной следующий пункт меню, который, как показано на скриншоте, захватывает область выше.
0 votes0 answers -
rotate jQvery
Здравствуйте! Помогите пожалуйста! Мне нужно что бы на центр экрана выкатывалось изображение, выезд его я сделал, да и прокрутку тоже, только вопрос как мне ее остановить после того как изображение выкатилось на центр экрана? <!DOCTYPE html><html> <head> <meta charset="utf=8" /> <title>1</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="jquery.min.js"> </script> <script type="text/javascript" src="js/jqueryrotate.2.1.js"></script> </head><body><img src="img/tarel.png" alt="" id="rotateImg" style="position: absolute; top:250px; "/…
0 votes0 answers -
Как сверстать обводку?
Как сверстать обводку блока если она градиентом сверху вниз?
0 votes2 answers -
Помогите поставить фавикон на ХТМЛ
Здравствуйте!!! Создал страницу в HTML и не могу добавить для нее фавикон. Пробую прописывать следующий код между тегами head: <link href=”favicon.ico” type=”image/x-icon” rel=”icon” /> <link href=”favicon.ico” type=”image/x-icon” rel=”shortcut icon” /> favicon.ico - название иконки, она расположена в той же папке что и ХТМЛ страница. После вставки кода и обновления страницы все остается по прежнему. Что я делаю не так?
0 votes1 answer -
Картинка вместо градиента
В этом примере используется гриадиент при скроле. Можно ли использовать картинку вместо граиента, и как это реализовать! Заранее спасибо
0 votes0 answers -
Правильно ли я решаю вопрос упорядочивания?
Здравствуйте! На странице есть секция похожие товары, div.product-field-type-R которых упорядочиваю в строки с помощью стиля: .product-field-type-R{ float:left; display:inline-block; min-height: 196px; } Если например сделать min-height: 180px; то будет видно, какую проблему я пытаюсь решать этим стилем(появляются белые пустые места, а не помещающийся товар переносится на новую строку). По мере столкновения с новыми перескакивающими товарами я просто увеличиваю min-height. Есть ощущение, что я неверно решаю задачу. Так ли это?
0 votes3 answers -
CSS-свойство content
Допустимо ли использовать свойство content: "" или обязательно должен быть пробел между кавычками? Можно ли использовать одинарные кавычки?
0 votes1 answer