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
-
Open Sans Light
Как считаете, допустимо ли применение этого шрифта в серьезных веб проектах?
0 votes1 answer -
Нужно сделать таблицу на странице
Всем привет Только начал создавать landing page. Опыта мало - пришел к вам) такая проблема: хочу на странице сделать некий каталог продукции моей. Вот что-то похожее: Размер картинок должен автоматически подгоняться под заданный размер. Одна позиция будет состоять так же, как и здесь: картинка, название, цена. Но позиционирование не такое: хочу сделать так: -картинка -название -цена То есть каждый элемент находится под другим по центру ячейки. Далее, хочу сделать такое: при наведении на любую картинку каким-то образом красиво появляется какая-нибудь лупа или еще что-то. При нажатии на !ВСЮ ЯЧЕЙКУ!(будь то цена либо картинка), вылазит всплывающее окно уже с моим напи…
0 votes3 answers -
Некорректное растягивание input'а в процентах
Такая проблема, у меня задача поместить в div (который будет переменной длины), текстовый input который я пытаюсь растянуть на всю ширину родителя с помощью "width: 100%", но почему-то input вылезает за его пределы. Почему так происходит? Пример кода: http://jsfiddle.net/ws7v3ued/31/
0 votes3 answers -
проблемы в datepicker-е с подсветкой выделенных дней
Всем привет, В php/smarty/jquery/bootstrap проекте проблемы в datepicker-е с подсветкой выделенных дней - они сливаются с остальными днями Смотрю firebug-ом и вижу что выделенные дни имеют класс ui-state-highlight Я смоем темплейте я в заголовке пишу <script src="/static/js/jquery-ui/jquery.ui.datepicker.min.js"></script> <style> .ui-state-active td a{ color: brown; background: orange; border: 4px dotted gray; } .ui-state-highlight { color: red; background: #000080; border: 4px dotted green; } .ui-state-highlight td a{ color: red; background: #000080; border: 4px dotted green; } </style> html/smarty …
0 votes3 answers -
Google Maps Api
Почему когда я добавляю в хтмл карту гугл с каким-то нужным мне местом, там не то место рендерится? Короче я допустим делал запрос когда-то ''государственный эрмитаж", а теперь добавляю фрейм с картой Уфы, но на моем сайте все время чтобы я не делал всеравно Эрмитаж. И это при том, что в коде скрипта координаты разные-другие. Объясните нубу пожалуйста.
0 votes0 answers -
id вместо class
помогите пожалуйста советом допустим есть форма отправки груза. есть возможность в её пределах создать несколько позиций(например как тут). при этом разработчик будет для каждой новой позиции генерировать html, помеченный классом. это нужно для того чтобы пользователь мог кликнуть по кнопке "удалить позицию" проблема в том, что классы - для верстальщика, а id - для яваскриптера. ничего что яваскриптер для того чтобы натравить скрипт на элемент использует класс? теоретически можно конечно использовать id, добавляя числовой постфикс(например id="delBtn_23"). но в этом случае сложность неоправданно увеличивается как в подобном случае поступают профессион…
0 votes4 answers -
на айфонах бордюр на подменю не виден
Всем привет, На сайте ссылка есть верхнее меню и при выборе элемента с подэлементами сам элемент имеет синий бордюр, а бокс с подэлементами зеленый бордюр. Проблема в том, что на айфонах этот эеленый бордюр не виден. На более крупных девайсах виден. Эти бордюры определены в стилях .dropdown-toggle { width: 90%; border:2px solid #E3E3E3; } .dropdown-toggle:hover { width: 90%; border:2px solid #337AB7; } .dropdown-toggle .active{ border:2px solid #1FE13C; } В файле common_styles.css также для разных девайсов подключены разные стили Для айфонов через медиа запросы подлючается файл стилей style_xs_320.css (справо от меню…
0 votes3 answers -
Как сверстать такое
Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать
0 votes2 answers -
Как растянуть меню и сохранить контент по середине?
Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "absolute" "relative", но знаний не хватает куда что прописать. Вот код css: #menu-wrapper {display:block; width:960px; margin: 0 auto;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: inline-block; position: relative; …
0 votes0 answers -
Вывод контекста в зависимости от max высоты
Допустим есть таблица из двух колонок. В левой колонке - основное содержание, в правой - небольшие информационные блоки (которых может быть очень много). Необходимо выводить блоков в высоту ровно столько, на сколько растягивает таблицу основное содержание левой колонки. Пока единственно что надумал - вставить в правую колонку резиновый фрейм на всю высоту с max. кол-вом информационных блоков (но в этом случае будет часто видно что след.блок "обрезается"). Какие еще решения могут быть на HTML / + CSS / + JS ? Заранее всем спасибо
0 votes0 answers -
Убрать тайтл картинки
Использую скрипт jQuery lightbox. Он умеет брать информацию из тайтла картинки и передавать в открывающийся блок. То есть при клике на маленькую картинку открывается большая с названием (тайтлом). Но мне нужно кроме название передавать еще и описание картинки. Это, насколько я понял скрипт не предусматривает, поэтому я передавал в таком виде: <img title="name<br />description" В таком случае при наведении на маленькую картинку пользователь видит то что не должен(код). Как можно справится с этой проблемой? Может можно как то отключить отображение тайтлов на странице?
0 votes1 answer -
Please, помогите с шабом :)
В общем, что есть: 2-х колоночный шаблон и я, нифига не понимающий в html и css Теперь вопрос.. Как сделать из 2-х колонок три? Сам сайт на dle (важно это или нет - не знаю), фрагменты css и main шаблона вот: / #wrapper {width: 100%;margin:15px auto 0px;clear:both;} #logo {padding-left:10px;} #container {width: 100%; float: left;display:inline;} #sidebar {width: 270px; float: left; padding:25px 10px 0px;display:inline;} #wcontent {margin-left: 300px;padding-bottom:30px;} #layer {width:90%;min-width:990px;margin:0 auto;overflow:hidden;padding-bottom:30px;} a.logo:link, a.logo:active, a.logo:visited, a.logo:hover {width:225px;height:40px;display:block;background:#fff u…
0 votes2 answers -
Подскажите Какие У Меня Ошибки В Сайте
Вот сам сайт в инете http://marale.pp.ru/cs/kir-clan/ . А вот сайт архивом http://rghost.ru/2581579 . Можете список ошибок написать это мой первый сайт писал примерно пол года назад сейчас хочу заменить но перед этим узнать все ошибки. p.s. простите что создал не в той теме админы если не трудно перенесите тему
0 votes4 answers -
Почему изображения на странице видны только в мозила и не всех компютере?
может паможте? имею виду етат саит www.laztour.com спосибо заранее большое
0 votes6 answers -
IE8.0 стили для таблиц
Добрый день. Подскажите, пожалуйста как обойти проблемы: 1. Чем заменить cellspacing для IE8.0 или без вариантов пихать в атрибут в тег<table> ( border-spacing IE не хочет кушать)? CSS .tabtest {border:0px; padding:0px; border-spacing:0px} HTML <table class="tabtest"> 2. Не работают соседние селекторы причем только в IE (в FF3.6 и Cr9.0 работают) CSS .tableft {background-color:#FFF} .tableft + TD {background-color:#DDD} HTML <tr><td class="tableft">test</td><td>content</td></tr>
0 votes6 answers -
Проблема с меню
Всем привет! Помогите решить такую проблему? У меня меню с кодом: <div class="container"> <ul class="menu"> <li><a href="#"> <span>Ссылка1</span></a></li> <li><a href="#"> <span>>Ссылка2</span></a></li> <li><a href="#"> <span>>Ссылка3</span></a></li> <li><a href="#"> <span>>Ссылка4</span></a></li> <li><a href="#"> <span>>Ссылка5</span></a>></li> </ul> </div> CSS: .container{ width: 100%; height: 100%; position: relative; } .menu{ width: 100…
0 votes5 answers -
поля формы вылезли за края таблицы...
поля формы вылезли за края таблицы: http://tuladogs.kamrbb.ru/?x=reg Как исправить? И написать красивый код. <input type=text name=fio style='width:100%'> Я бы хотел что бы инпуты и текстареа равномерно помещались в таблице и занимали всю область ячейки.
0 votes1 answer -
Див ростянуть до низу
Добрый день. Проблемка в том что есть боковая колонка, но я не могу ее растянуть. пробовал height:100% - не работает.. http://feedmail.org.ua/c247.html - левая колонка. Желательно ее растянуть до футера
0 votes3 answers -
Обрамление слайдер или слайдер под слоем
Добрый день. Вот адрес snobstore.ru, там есть рамка с цветами и есть внутри слайдер, подскажите как лучше сверстать и сделать так, что бы сдайдер был под этой рамкой с цветами, что бы листья и цветы которые свисают внутрь рамки были на слайдере, сейчас сделал рамку как фон, а слайдер поверх, выглядит не красиво, а нужно что бы слайдер был виден сквозь листья и цветы (именно внутри рамки, как будто картинки внутри, а не поверх)..Надеюсь Вы поняли что я хотел объяснить.
0 votes3 answers -
Проблема с фулл скрин слайдером
Привет всем, Никак не могу добиться чтобы слайдшоу не зумило картинку при рефреше. http://designdaytona.com/shore/ Если у кого есть идея в чем проблема, буду благодрен за помощь!
0 votes2 answers -
И снова верстка рассылок
Новичок в верстке рассылок. Столкнулся сходу с несколькими вопросами. Как я понимаю, верстать нужно таблицей с применением инлайн-стилей, а также желательно без фоновых изображений. Тогда передо мной стал вопрос: как можно сверстать такую рассылку? А именно: как подложить фон и сделать текст текстом и как обтекать рисунок? Может быть единственный выход это вообще все сделать картинками...?
0 votes7 answers -
Новичок. Помогите, пожалуйста, по верстке.
Проблема в следующем: выпадающее меню сдвигает остальные блоки, вместо того, чтобы просто отображаться поверх. Приношу извинения, если такая тема была ранее, но не нашел. Все, что находил - не помогало. Привожу код. Разметка <!DOCTYPE html> <html lang="ru" > <head> <meta charset="windows-1251" /> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="menu"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Навигация</a> <ul> <li><a href="#">Карта сайта</a></li> <li><…
0 votes4 answers -
Помогите с <img>
Здравствуйте. Добавляю в верству изображения <div class="buttom"> <img src="images/news-btn.jpg" alt="НОВОСТИ"> <img src="images/faq-btn.jpg" alt="FAQ"> <img src="images/forum-btn.jpg" alt="FAQ"> <img src="images/contacts-btn.jpg" alt="FAQ"> <img src="images/support-btn.jpg" alt="FAQ"> </div> при просмотре страницы между изображением есть пустые промежутки или отступы. Подскажите новичку как их убрать. padding или margin не помогают.
0 votes11 answers -
Растягивающийся div
Добрый день, форурчане! Нужен немного необычный спойлер. Нужно сделать div, который будет иметь высоту картинки, которая резиновая, а при нажатии на него(div) или лучше внизу на кнопку, растягивался по высоте на размер всего содержимого этого div.
0 votes5 answers -
Выпадающий список, однако
Всем привет. Подсобите, пожалуйста, с одной проблемой. Как вставить в шапку, выполненную в форме таблицы(одна пара<tr>) выпадающий список. Или как поднять картинку вставленную в <ul>, при том расклада что она стоит в ряд, с более большими по высоте элементами. Если не затруднит, то дайте, чистый код с комментариями, мне так будет проще его оптимизировать. Заранее благодарю
0 votes3 answers