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
-
Выравнивание сайта по центру
Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…
0 votes3 answers -
box-shadow или background-image?
Здравствуйте. http://savepic.su/2907326m.jpg' alt='2907326m.jpg'> Тень менюшки хочу сделать с помощью box-shadow, можно конечно просто наложить как фон через background-image, но это банальное решение. 1. Возник вопрос, есть ли какой-нибудь способ, чтобы узнав какой-нибудь параметр тени в PSD-макете, можно было сразу указать в box-shadow и получить желаемый результат? Т. е. я хочу чтобы тень в PSD-макете и в верстке были попиксельно идентичными. Можно конечно сидеть и экспериментировать/поиграть с радиусом размытия и rgba, но это займет немало времени чтобы добиться попиксельного соответствия теней. Или в данном случае background-image лучшее решение? 2. Понятие семант…
0 votes1 answer -
Open Sans Light
Как считаете, допустимо ли применение этого шрифта в серьезных веб проектах?
0 votes1 answer -
парсинг динамических картинок
помогите пожалуйста советом и пинком в нужном направлении есть задача спарсить все изображения товара(не миниатюры) со страницы. проблема в том, что ссылка изображение вставляется в атрибут src динамически(после клика по соответствующей миниатюре) какие способы можно использовать чтобы решить мою задачу? у меня была мысль имитировать клик на каждой миниатюре, но не стековерфлоу сказали, что это плохой вариант
0 votes3 answers -
Нужно сделать таблицу на странице
Всем привет Только начал создавать landing page. Опыта мало - пришел к вам) такая проблема: хочу на странице сделать некий каталог продукции моей. Вот что-то похожее: Размер картинок должен автоматически подгоняться под заданный размер. Одна позиция будет состоять так же, как и здесь: картинка, название, цена. Но позиционирование не такое: хочу сделать так: -картинка -название -цена То есть каждый элемент находится под другим по центру ячейки. Далее, хочу сделать такое: при наведении на любую картинку каким-то образом красиво появляется какая-нибудь лупа или еще что-то. При нажатии на !ВСЮ ЯЧЕЙКУ!(будь то цена либо картинка), вылазит всплывающее окно уже с моим напи…
0 votes3 answers -
Некорректное растягивание input'а в процентах
Такая проблема, у меня задача поместить в div (который будет переменной длины), текстовый input который я пытаюсь растянуть на всю ширину родителя с помощью "width: 100%", но почему-то input вылезает за его пределы. Почему так происходит? Пример кода: http://jsfiddle.net/ws7v3ued/31/
0 votes3 answers -
Google Maps Api
Почему когда я добавляю в хтмл карту гугл с каким-то нужным мне местом, там не то место рендерится? Короче я допустим делал запрос когда-то ''государственный эрмитаж", а теперь добавляю фрейм с картой Уфы, но на моем сайте все время чтобы я не делал всеравно Эрмитаж. И это при том, что в коде скрипта координаты разные-другие. Объясните нубу пожалуйста.
0 votes0 answers -
Очень нужна ваша помощь!
Я не силен в hrml`е ,по этому очень нужна ваша помощь ребята. Суть вопроса в том ,что мне нужно сделать на странице вид таким образом -> с левой стороны будет таблица (которую я уже сделал). с выплывающим выбором а справа текст с дополнительными ссылками! Вроде бы все легко и понятно ,но вся проблема в том ,что я не знаю как правильно это сделать. При попытке написать текст с ссылками справой стороны страницы ,моя таблица начинает двигаться по абзацам вниз! Что делать?
0 votes1 answer -
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 -
Как растянуть меню и сохранить контент по середине?
Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "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 -
Убрать тайтл картинки
Использую скрипт jQuery lightbox. Он умеет брать информацию из тайтла картинки и передавать в открывающийся блок. То есть при клике на маленькую картинку открывается большая с названием (тайтлом). Но мне нужно кроме название передавать еще и описание картинки. Это, насколько я понял скрипт не предусматривает, поэтому я передавал в таком виде: <img title="name<br />description" В таком случае при наведении на маленькую картинку пользователь видит то что не должен(код). Как можно справится с этой проблемой? Может можно как то отключить отображение тайтлов на странице?
0 votes1 answer -
GIF анимация
Здравствуйте. Помогите советом плиз. Создал в Photoshop CS3 gif с анимацией. Если запустить на локальной машине все отображается нормально, но только заливаешь на хостинг картинка не цепляется.
0 votes3 answers -
Проблема с позиционированием
Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок. Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html БОЛЬШОЕ СПАСИБО знающим и понимающим!!)) <div class="post"> <div class="postmetadata"> <p class="date">15.11.2009</p> <h1><a href="/post.html">Как я напарил WebMoney</a></h1> <p><a href="#">Мои лучшие замуты</a> ><a…
0 votes2 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'ами
Задача: Сделать 2 "резиновых" дива с заданным цветом и родительским дивом. Первый див прижат влево, второй вправо. Проблема: В opera, chrome, safari между дивами появляется зазор в 1 пиксель сразу или при масштабирование окна браузера по ширине. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="ru" /> <title>The table</title> <style type="text/css"> html, body { margin:0px; padding:0px; } #div0 { width:100%; background-col…
0 votes2 answers -
WEB-интерфейсы приложений
Вот есть такой вопрос.... Часто сталкиваюсь с web-интерфейсами различных программных продуктов, допустим 1С8 или Kerio Control и не могу понять, как они разрабатываются? Я сталкивался с ПО типа Adobe Flex SDK, но там как я понимаю речь идет об обратном действии - создать desktop-приложение из web. Неужели все эти интерфейсы (1C или Kerio) так же верстаются при помощи HTML и CSS ?
0 votes4 answers -
Нужэн плагин-галерея !
Нужна галерея на подобе simpleviewer , ток чтоб фоток больше лезло . Єт первй критерий . Плюс былоб очень хорошо если б при клике по превью - кроме большой картинки открывалось еще две маленькие (варианты большой(зад и перед плятья)) Ну и чтоб анимацыя была не хуже . Можэт кто знает что лучше всего подойдет для решения этой срочной проблемы ?
0 votes4 answers -
поля формы вылезли за края таблицы...
поля формы вылезли за края таблицы: http://tuladogs.kamrbb.ru/?x=reg Как исправить? И написать красивый код. <input type=text name=fio style='width:100%'> Я бы хотел что бы инпуты и текстареа равномерно помещались в таблице и занимали всю область ячейки.
0 votes1 answer -
Не работает карусель
Сайт: http://lejjknakurul-rf.1gb.ru/ Внизу не работает карусель, с чем это может быть связанно?
0 votes2 answers -
Проблема с фулл скрин слайдером
Привет всем, Никак не могу добиться чтобы слайдшоу не зумило картинку при рефреше. http://designdaytona.com/shore/ Если у кого есть идея в чем проблема, буду благодрен за помощь!
0 votes2 answers -
проблемы с резиновым дизайном
у меня макет страницы емеет следующий вид: в первый главный слой вложен второй слой в котором находится ещё два слоя колонки. так вот когда размещаешь текст в колонках большого объёма колонки увеличиваются в длину, а вот первые два слоя нет. длину им фиксированную не задавал. фиксирована только ширина и слой выровнен по центру. в чём проблема подскажите пожалуйста, а то неделю бьюсь над задачей
0 votes7 answers -
Проблема с margin
Добрый день! Решил сверстать интерфейс приложения. С HTML знаком, но далеко не профи. HTML страницы <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ITP</title> <style> html { height: 100%; } body{ margin: 0px; padding: 0px; border: 0px; } div#top{ width: 960px; min-height:70px; height:auto !important; height:70px; background-color: green; background: url("./img/top/logo.png") no-repeat, url("./img/top/squares.png") no-repeat 100% 0, url("./img/top/bg.png") repeat-x; overflow: hidden; border: 0px red solid; } div#top div#menu{ width: 210px; min-height: 20px; heig…
0 votes4 answers -
Опера растягивает на 100% фиксированный по ширине столбец
Здравствуйте. Имеем вот такой замечательный код: <style> html, body { height:100%; margin:0; } table { width:100%; height:100%; background:#000; } table, table tr, table tr td { border:none; border-collapse:collapse; /*padding:0;*/ } table tr td { vertical-align:top; } table tr td.center { width:1000px; background:#fff; } .block { height:200px; background:#222; } </style> <table> <tr> <td></td> <td class="center"> <div class="block"></div> </td> <td></td> </tr> </table> Если открыть его в браузере (Опера, ФФ, ИЕ не смотрел), то вокруг div.block б…
0 votes1 answer