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
-
Вопросы по верстке макета (онлайн)
Доброго времени суток! Новичок, первый макет с которого начал верстать. Оригинал: На данный момент (что имеется): Вопросы: 1. Как лучше реализовать пункты меню? (Далее будет код) 2. Черная плашка. Как ее реализовать? 3. Общие комментарии. HTML: <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="content"> <div class="header"> <img src="img/logo.png"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href="#">SERVICES</a></li>…
0 votes5 answers -
<img> background
Здравствуйте, подскажите пожалуйста... Имеется на странице блок по центру с минимальной min-width и максимальной max-width шириной. Внутри блока, панорамная картинка с фиксированными размерами: <img src="head.jpg" alt="" height="487" width="1260"> В css правило чтобы картинка <img src... автоматически подгонялось под размеры внешнего блока (уменьшается увеличивается картинка в зависимости от монитора) img { height: auto; width: 100%; } Как же сделать тоже самое только в место <img src= прописать правильно background в css? Химичил-Химичил получалось только фиксированные фоновый рисунок... ————-- При регистрации я впервые в жизни мельком прочитал пра…
0 votes7 answers -
Псевдоклассы
Всех приветствую! Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов. Вот что в CSS'е: a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; font-size:18pt; font-family:tahoma, arial; padding:5px 0 0 20px;} a.menu_tip1:link { text-decoration:none; color:#848484;} a.menu_tip1:visited { text-decoration:none; color:#848484;} a.menu_tip1:hover { text-shadow:0 0 1px #ff0; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} a.menu_tip1:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -…
0 votes5 answers -
Чтобы текст не исчезал после обновления страницы
Здравствуйте. Как сделать так, чтобы после обновления страницы текст, введенный в textarea или input, не исчезал? Это вообще возможно?
0 votes3 answers -
Сложный фон
Здравствуйте! Есть макет https://dl.dropboxusercontent.com/u/27003510/01_home_page_kessonov_ru_3.jpg Не могу сообразить, как лучше поступить с фоном. Если ставить ahy целиком, то фоновая картинка весит около 3 Mb - это много. По хорошему надо наверное горизонтально резать на 3 части...но как потом на это еще и текст наложить, у меня текст сползает. В общем ничего не выходит. Ткните, может есть похожие решения?
0 votes3 answers -
Форма поиска + :hover ,не работает при наведение на кнопку, как быть?
Как мне сделать, чтобы картинка кнопки была единым целым с оболочкой?? Никак не пойму, как сделать. Просто раньше никогда не делал на сайтах поиск :crazy: теперь пришлось. Когда пишу: z-index: 100; фигня получается. <form class="form-search" method="get" action="/search" target="_blank"><input type="text" name="q" value="Что-то ищите?" onfocus="if(this.value=='Что-то ищите?') this.value=''" onblur="if(this.value=='') this.value='Что-то ищите?'"/><input src="/img/search.png" type="image" alt="поиск"/></form>.form-search {display: inline-block;float: right;position: relative;right: 20px;top: 20px;}.form-search input {width: 100px;height: 25p…
0 votes2 answers -
Форма комментариев
Здравствуйте! Нужны комментарии(вк, одноклассники, фейсбук) на сайт(без CMS), перепробовал много готовых, например Disqus, но там нету наших соц.сетей, пробовал sv-kament, всё понравилось, но не работает авторизация. Вот нашел на сайте Очень понравилось, есть ли у кого, готовый код что-либо похожего на это? Спасибо!
0 votes6 answers -
Как грамотно организовать наложение двух блоков
Добрый день! Подскажите, как грамотно организовать такое наложение? То есть, не просто наложение, а по определенному паттерну что ли (я имею в виду эти линии серого цвета, которые накладываются на верхний блок)
0 votes2 answers -
Векторная графика
Здравствуйте. Вопрос к практикующим верстальщикам. Учусь делать верстку, появился такой вопрос. Обязательно ли всю графику делать векторной из макета? Какую именно графику делать векторной или всю? Используете ли для этого платные сервисы? Спасибо!
0 votes3 answers -
Помогите решить проблему с якорными ссылками и скрытым выпадающим списком
У меня возникла проблема, есть код который задает меню в верхней плашке на сайте, при наведении на пункт услуги-открывается еще три по-умолчанию скрытых пункта класса submenu, проблема заключается в том, что если заходить с телефона, то навестись на пункт услуги не получается, а если просто нажать на него то срабатывает переход и еще 3 пункта не успевают открыться. <ul class="topmenu" > <li><a href="#usl">Услуги</a> <ul class="submenu"> <li><a href="us.html" class="navi">Пакеты </a></li> <li><a href="raz.html" class="navi">Услуги</a></li> <li><…
0 votes1 answer -
4 элемента в колонке, если добавляется 5-ый, то он уходит в другую колонку
Элементы генерируются с помощью js. В колонке должно быть 4 элемента. Если добавляется 5-ый, то он уходит в другую колонку. Как это реализовать? http://skrinshoter.ru/s/010818/mKAyNKug?a
0 votes3 answers -
Можно ли обнулить вышестоящий див?
у меня есть .roundedcornr_content_507949 div { height: 70px; padding-left: 71px; } Я работаю внутри этого класса (.roundedcornr_content_507949) Хочу теперь в него вставить див, но чтобы у него не была height:70px; Как это можно осуществить? Если не прописывать это через style?
0 votes1 answer -
Баг или какая-то особенность IE7?
Выставлялось через jQuery. Во всех других браузерах нормально работает. Естественно выглядит все это очень плачевно. Собственно, как заставить принимать colspan="6" Мда... Можно удалять тему. Для IE7 надо указывать colSpan в jQuery, а не colspan. Хотя другим браузерам пофиг, так что можно везде использовать colSpan.
0 votes0 answers -
проблема с дивом
Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива бы…
0 votes7 answers -
Меню в IE 6 выстраивается в столбец
Здравствуйте, подскажите пожалуйста, почему наблюдается такая картина в IE 6 в других браузерах (Chrome, FF 4, IE 8,9) картина нормальная: код html: <div id="menu"> <ul> <li><a href="http://4homeremont.ru/index.php">Главная</a></li> <li><a href="http://4homeremont.ru/about.php">О компании</a></li> <li><a href="http://4homeremont.ru/services.php">Услуги</a></li> <li><a href="http://4homeremont.ru/price.php">Цены</a></li> <li><a href="http://4homeremont.ru/company_services.php">Обслуживание фирм</a&g…
0 votes4 answers -
Текст расползается на ширину всего экрана (внутри <table>)
Подскажите пожалуйста, как можно решить следующую проблему? внутри таблицы тэг <div> не реагирует на ее ограничения по ширине. причем в опере и ИЕ все нормально - а в файрфоксе и сафари ненормально - можно ли как то установить приоритет таблицы или что-нибудь подобное?
0 votes1 answer -
Cookie
Подскажите, пожалуйста, как можно выполнить приём что бы, если у посетителя сайта в браузере отключены Cookie, то его переадресовывало на страницу где будет сообщение об этом. Знаю что если отключен Java Script, то можно это сделать так: <noscript> <meta http-equiv="refresh" content="0; URL=http://www.домен.ru/страница с сообщением.html"> </noscript> хочется и для Cookie что то такое сделать с помощью мета тегов а не с помощью php. Заранее Спасибо!!!
0 votes2 answers -
Разное отображаение кнопки [type=submit] в Опере/IE и FF/Chrome
http://jsfiddle.net/NZLqu/1/ В Опере все пучком, а в FF и Хроме надпись уезжает вниз и при нажатии смещается вправо, а не вниз. Пока пошел на компромисс - добавил padding-bottom:3px; чтобы поднять надпись. В Опере правда она на пиксель смещается вверх.
0 votes6 answers -
спойлер
Надо сделать спойлер, и что то не могу найти нигде, как сделать, вернее громоздкие скрипты, и не работает, только дёргается текст. Подскажите, пожалуйста нормальный скрипт, попроще, и как сделать, чтобы он открывался сразу после кнопки, а последующий текст (после спойлера) сдвигался вниз?
0 votes2 answers -
На могу сделать полосу прокрутки.
Здравствуйте специалисты по верстке! Сабж: http://poligon.webmaster.arvixe.ru/frontpage там у меня внизу картинки прокручиваются. В firefox работает все как надо. В других браузерах ерунда какая-то. Возможно из-за display: -moz-grid-group; Для этих картинок у меня в CSS прописано: #views_slideshow_thumbnailhover_breakout_teasers_vslider-page_1 { display: -moz-grid-group; overflow: auto; height: 150px; }
0 votes6 answers -
Выбранный пункт меню
В общем такая штука. Есть меню из картинок: <a><img></a> Нужно выставлять прозрачность для картинке, по ссыке которой мы сейчас перешли. В предыдущем проекте было так: .menu a.selected > img{ filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
0 votes6 answers -
Ютуб перекрывает colorbox
Собственно интересно как перекрыть iframe ютуба colorбоксом а то при открытии посредством скрипта, он перекрывается видео с ютуба
0 votes2 answers -
Где взять JS вылетающего меню
:facepalmxd:
0 votes3 answers -
Видео на задний фон
Всем привет! Мне нужно видео на сайт разместить, чтобы оно было в рамочке (именно в той которую я нарисовал), но как это сделать вообще не знаю. Постоянно видео выходит на передний план, а картинка(рамка) становится задним планом. Может есть у кого идеи с помощью чего и как это делается?
0 votes4 answers -
Необычная верстка
Приветствую! Нужна помощь. Есть необычная верстка(необычная для меня, т.к. я с такой не сталкивался). Дизайн по типу смахивает на игровой. Но вот как этот дизайн выполнен(технически)! В общем вот скрин оригинала: Нормальный(ссори за такой кривой скрин, самому такой дали) Проблема собственно в том что, элементы которые должны быть разобраны на слои(чуть ли не по миниатюрам), они объединены в один слой, и как верстать совершенно непонятно. Я сверстал, но косячно. Ниже еще один скрин обрисованный где какие слои объединены - Обрисованный Красным - обозначен слой, который внутренний. Стрелки показывают что он под колпаком в общем:crazy: Зеленым - обозначен слой главный, типа …
0 votes5 answers