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
-
Как сделать сайт? :-D
Здравствуйте! Как сделать сайт? Чем нужно пользоваться для того, чтобы дизайн нормально отображался в опере, хроме, мозиле, осле, не плыл на экранах телефонов и на огромных мониторах с разрешением экрана 800х600 и 2048х1024?? Когда я только начинал учить html, мой сайт представлял из себя одну большую таблицу, table width='100%' и пошло-поехало. Потом стал делать div'ами, но тоже получается фигня(неправильно делал?) про фреймы вообще молчу... Ребят, как же всё-таки сделать нормальный дизайн, который не поплывёт? Какими тегами и способами оформления сайта пользуетесь вы?
0 votes17 answers -
В ie9 не работает border-radius после применения градиента ?
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??
0 votes17 answers -
Отступы в макете и на сайте
Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.
0 votes7 answers -
Ссылки уходят вниз
Вот страница http://www.online.ukrworld.net/about.php Там внизу есть ссылки О сайте, помошь и т.д... В опере все нормально.. в мозиле они почему-то уползают вниз.. подскажите пожалуйста как это исправить?
0 votes4 answers -
Смена картинок на странице
Привет Подскажите, как можно сделать: вверху страницы большая картинка, под ней маленькие. Нажимая на маленькую она появляеться вместо большой. Очень часто встречаеться, но как сделать не знаю. На ум приходит только IFrame, но не хочется под каждую картинку создавать страницу html. Прошу помочь. Спасибо
0 votes7 answers -
горизонтальный список с графическими разделителями
Помогите плиз! Задача стояла доверстать горизонтальное подменю, а опыта маловато... В результате получилось что адекватнее всего оно выводится в ИЕ6 Имею следующее: разделители в начале строки обрезаются (как и задумывалось) только в ИЕ6 и ИЕ7. В опере10 и ФФ 3.5 упорно не хотят скрываться. К этому всему добавилось то, что ИЕ7 не хочет переносить слово на вторую строку, обрывает на половине. В чем может быть проблема? Уже не знаю куда смотреть CSS .submenu2 { position:relative; float:left; width:550px; margin-bottom:5px; overflow:hidden} .submenu2 ul { position:relative; float:left; display: inline; width:550px; overflow:hidden;} .submenu2 ul li{ float: left; overflo…
0 votes13 answers -
Полосы при создании фона
Нужно сделать фон страницы с вертикальным градиентом. В качестве исходной используется картинка psd высотой более 2000 пикселей. Вырезаю из неё полоску шириной 1 пиксель. Сохраняю для веб, как jpg. Задаю полученную картинку с полоской фоном в свойствах css. background-repeat:repeat. В итоге получаю горизонтальное полошение. Если же делать всё тоже самое, но вырезать полоску шириной 40 пикселей, то полошения почти нет. Подскажите пожалуйста, если кто знает, из-за чего это возникает?
0 votes7 answers -
Некоректно отображаеться содержимое в браузерах
Всем привет. Писал сайтик и сразу тестил его на хроме. В хроме все красиво и ровно, но во всех остальных браузерах наблюдаються нарушение либо стилей, либо отдельных елементов. Подскажите в кком месте искать проблему.
0 votes15 answers -
Выравнивание картинок с подписью по горизонтали
Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…
0 votes7 answers -
Отображение страницы на retina
Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…
0 votes4 answers -
меню css без скрипта
Добрый день) Подскажите, как сделать или где можно глянуть как делать раскрывающееся вертикальное меню, чтобы при щелчке на пункт открывалось подменю и не убиралось при выходе с него мыши, а все остальные пункты сдвигались, т е что то типа дерева, спасибо!
0 votes7 answers -
как так можно зделать вкладки
как так можно зделать такие вкладки. подскажите пожалуйста
0 votes10 answers -
В ИЕ7 смещение на 1px... Подскажите почему?
Вот верстка: http://predvoditelev.ru/tmp/test_ie7_bug/main.html При нажатии на город отображается список городов с номерами. В большинстве браузерах отображается всё хорошо, а вот в ИЕ7 при открытии списка наблюдается смещение на 1px вниз, причем только для телефона... Отчего так?
0 votes19 answers -
открытие результата обработчика формы в iframe
Добрый день. Я новичок в веб разработке и пытаюсь разобраться в следующем: как мне открыть результат обработчика формы в моем iframe - вроде бы все логично но не получается. Вот мой код, так же пробовал с перемещением iframe внутрь формы. Подскажите, что я упускаю? HTML изучаю самостоятельно. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>поиск google</title> </head> <body> <iframe name="o" width="100%" height="90%"></iframe> <form id="s" action="http://www.google.ru/search"> <textarea name="q" cols="150" rows="1"></textarea> <input form="s" type="s…
0 votes3 answers -
Горизонтальный скроллбар
Подскажите как сделать горизонтальный скроллбар для прокрутки контента, как здесь: http://markup-m.narod.ru/tpl/gorizontal_scroll_gallery/ Я скопировал всё с 6 по 42 строчку кода и заключил контент в <div class="gallery"></div>, но у меня не получилось: http://muz-city.r02.biz/load/aqua_how_ru_doin/52-1-0-10387
0 votes13 answers -
Хочу сверстать мой первый шаблон!
Уважаемые форумчани, хочу сверстать свой первый шаблон! Не дадите ли вы какой нибудь простенький макетик для меня :-) Заранее спасибо!
0 votes21 answers -
Галерея CSS transition
Как сделать аналогичную галерею? http://coffee61.ru/ Кое-что я сам сверстал, но работает не корректно. http://jsfiddle.net/kipes/a9dhwgjt/1/
0 votes4 answers -
Не меняется ширина объекта
Прописал в CSS ширину, а оно ни в какое не хочет меняться, если вставить в этот блок текст, то оно будет подстраивать ширину под него... что с этим можно сделать, в чем может быть проблема?
0 votes4 answers -
Фоновая картинка
подскажите как сделать фоновую картинку резиновой (во всю ширину окна браузера)
0 votes3 answers -
подсвечивание ссылок
<div class="div_par"> <a href="#"> <div class="left">Выбираем авто</div> <div class="right">(111233)</div> </a> </div> то есть как сделать чтоб при разных цветах left и right при наведении цвет был один никак не выходит
0 votes15 answers -
Проблема с <iframe> у IE 7,8
Проблема в следующем, использую тег <iframe>, на странице полупрозрачный фон таблицы, страницы которые грузятся в <ifarme> без установки фона (рисунка или заливки, то есть авто) не заливают фон, проверил на firefox, opera, safari, а IE как 7 так и 8 заливат фон в зависимости от того какой цвет стоит по умолчанию. IE Firefox Opera Safari А теперь вопрос, есть ли возможность избежать эту проблему? Заранее благодарен! =)
0 votes4 answers -
в Nvu редакторе не опубликовать изменения
в Nvu редакторе не опубликовать изменения, может нету доступа к сайту, как узнать?
0 votes17 answers -
Новые html5 теги. Как правильно использовать?
Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте: Верстальщик на распутье. Что же делать? 1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS? 2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами. 3) Можно просто не использовать новые теги, тогда и проблемы не возникнет 4) А ещё можно прост…
0 votes12 answers -
Помогите новичку
Подскажите пожалуйста, начал замечать у многих в коде такие записи [class^=name] я хотел узнать что они обозначают и какие они существуют такие конструкции! к примеру вот это [class^=name] как я понимаю обозначает для всех элементов у которых в названии есть name. Может не правильно, хочу узнать для самообразования!)
0 votes12 answers -
PNG + CSS + IE ? ...
Добрый день! Подскажите как заставить png работать не из корня, а из нужного каталога для IE ? В таком варианте работает везде: background: url('kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=kontent_t.png,sizingMethod=crop); А вот в таком только в Опере и Мазиле: background: url('../img/kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/kontent_t.png,sizingMethod=crop); Заранее благодарен.
0 votes4 answers