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
-
Помогите с позиционирование простой структуры блоков
Доброй ночи. Помогите пожалуйста раобраться с позицонированием блоков норме 1,2,3 относительно контента. Какие надо им дать параметры в цсс для верного отображения? Потому как текущи код выстраиваит их в рядок, никто никого не обтекает. .1 { overflow: hidden; min-width:25px; min-height:40px; margin: 5px; position: relative; float: left; z-index: 0; width: 25px; height: 40px; } .2 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: left; z-index: 0; width: 25px; background-color: #FFFFFF; } .3 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: l…
0 votes5 answers -
увеличить отступ во вложенных <ul>
здравствуйте! есть некая иерархичная структура данных, которые должны выводиться в тегах ul, li. вот как они выводятся на текущий момент: мне нужно чтобы во вложенных категориях расстояние между ячейками было такое же, как и между первыми двумя. какой директивой css это можно реализовать?
0 votes3 answers -
DIV не больше заданой ширины
Приует всем! Мне нужно создать див, чтоб он был не больше 1600пикселей, но мог быть меньще, не подскажите куда мне смотреть или тыкните носом как это можно реализовать.
0 votes6 answers -
Карусель
Здравствуйте! У меня возникла проблема,Есть вот такая карусель: Нужно чтобы изображения были ссылками, подскажите пожалуйста как это реализовать Вот все исходники: ссылка на rghost
0 votes6 answers -
Помогите пожалуйчта я навечек с ссылкой в div
столкнулся с проблемой, я новичек, при использовании div не все ссылки в некоторых браузерах работают корректно, из 8 только 3 появляются ( в опере все работают в гугл хроме несколько... помогите разобратся с кодом, что бы правильно отображал, все перепробовал , мозги кипят, вот он сам код #test0{ position:absolute; top:100px; left:130px; width:160px; height:400px; border-style:solid; border-width:5px; border-color:#EEE9E9; } #test2{ position: relative; bottom:0px; left:0px; border-style:solid; border-width:0px; border-color:#EEE9E9; } #te…
0 votes7 answers -
Спозиционировать картинку в тексте
Привет народ,нужна помощь.........у меня не получатся вставить картинку в текст. пример: <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Имя пользователя (адрес электронной почты):<img src="http://static.panoramio.com/photos/small/70779155.jpg"> Пишите..... жду твоего ответа)..... </html> Нужно чтоб картинка с текстом сравнялась в HTML,желательно без подключения CSS.
0 votes5 answers -
Блок: занять 100% оставшегося места
Есть блок parent шириной 600 пикселей. В нем может быть блок right и блок main А может быть только main. Ширина блока right 100 пикселей. Как сделать ширину блока main такой, чтобы она занимала все оставшееся пространство parent? Т.е. либо 500, либо 600 пикселей.
0 votes4 answers -
Фон для текста
Есть проблема, уже даже и не знаю, что еще можно попробовать сделать. Есть текст, которому нужно задать фон: html: <h4><a href="#">Новый алгоритм Google <br> усовершенствуется</a></h4> css: h4 a{ color: #fff; background-color: #ffba00; } Должно получиться: Сразу скажу, что уже перепробовал все свойства дисплэй - все что не строчный элемент, отображается блоком, а тут явно видно, что фон задается строкам. Пробовал задавать значение padding, но у строчных элементов, padding отодвигает начало первой строки (действует как text-indent), что тоже не годится. Пробовал сделать фон через значение outline, но там тоже проблемы. В общем, может …
0 votes6 answers -
Какому Firefox верить?
Доброе утро. Здравствуйте. Тестирую сайт в Firefox 11, который есть в Adobe browser lab и на моей машине. Adobe BL показывает красные заголовки по русски: FF на моей машине показывает красные заголовки кракозябрами: Кому верить? Может у вас стоит FF11 - проверите?
0 votes6 answers -
Тег <ol>
Здравствуйте! Помогите, пожалуйста, решить проблему. Для ol li задан класс: ol li{border-bottom:1px dotted #ccc;} Как убрать border у 10-го по счёту li? Всю голову уже сломал... Кто знает, подскажите, пожалуйста...
0 votes2 answers -
Выравнивнять заголовки в <div>
Добрый день. Столкнулся с такой проблемой. Вывожу контент на страницу, и <div> автоматически получает высоту в зависимости от содержимого. Подскажите пожалуйста, а можно как то сделать что бы текст записи начинался по самой нижней границе (где самый большой заголовок) В общем что бы обычный текст начинался везде с одинаковой высоты. Сам код вывода записи такой: <div class="row"> <?php $posts = get_posts ("category=50&orderby=date&numberposts=3"); ?> <?if ($posts) : ?> <?foreach ($posts as $post) : setup_postdata($post); ?> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <img src="<?= get_template_directory_u…
0 votes7 answers -
Конфликт bootstrap.css с другими файлами css
Добрый вечер. Подключил с сайту jQuery File Upload. Плагин использует bootstrap v3.2.0. После этого перестали работать стили других плагинов, которые были подключены ранее. Как можно подключить bootstrap только для одного выбранного блока, например #fileupload? Чтобы эти стили более ни на что не влияли. Как должно быть http://test.roganov.info/photo1/ Вот так после подключения bootstrap http://test.roganov.info/photo/ Заранее благодарю откликнувшихся.
0 votes0 answers -
Как изменить фон
Как изменить фон на главной странице до красной линии?
0 votes6 answers -
как решить это
вроде спрашивал как то или нет, не помню вот проблема http://joxi.ru/8An6bM5FL5GoAO на мобильных устройствах шрифт вверх уходит будто разный line-height стоит на пк все ок и на айфонах более менее на других скачет все в чем проблема?
0 votes5 answers -
Размер SVG изображения
Здравствуйте! Только начинаю знакомиться с SVG форматом для изображения на сайте. Есть, например, логотип, фактический размер на сайте которого равен 200 х 200 пикселей. В случае с png я увеличивал само изображение в два раза для того, чтобы оно красиво смотрелось на ретина дисплеях. Как быть с векторным SVG в таком случае?
0 votes1 answer -
Две проблемы в JavaScipt (jQuery)
Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> input { position: relative; transition: all ease 1s; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button>Посчитать!</button> <button id="lol">Сместить!</button> </body> </html> И его скрипт: $('documen…
0 votes5 answers -
формы,отправление данных пользователю
что нужно сделать ,чтобы после ввода данных в форму и отправления их пользователю,введенная информация в поисковике оставалась?
0 votes3 answers -
Проблема со списками
Сайт: http://tecktonik.org.ua/ Смотрим горизонтальное меню. Наводим курсор на "Видео". Появляется 3 подменю, но они уезжают далеко вправо. Как сделать, чтобы 3 подменю были под "Видео"? CSS: #navigation { padding: 0 0 0 5px; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { background: url(../images/ar.gif) no-repeat left top; display: inline; line-height: 10px; list-style-type: none; margin-bottom: 2px; padding: 0 12px 0 7px; } #navigation ul li ul { display: none; position: absolute; list-style: none; margin: 0px; padding: 0px; padding-top: 5px; z-index: 99; } #navigation ul li:hover ul { display: block; } #navigation ul li ul li { backgrou…
0 votes2 answers -
в IE подчеркивание превратилось в перечеркивание
ссылка вставлена вот таким кодом: <div class='bottommenu'><a class='page1' title='' target='_self' href='index.php'>название ссылки</a></div> а вот стили: div.bottommenu {text-align:center; margin:0px; padding:0px; margin-top:10px; margin-bottom:10px;} a.page1:link {color:#3366cc; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif;font-style: normal; font-weight: bold; font-size: 10px; line-height:12px; text-align:left; text-decoration:underline; vertical-align:bottom} a.page1:visited {color:#3366cc; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif;font-style: normal; font-weight: bold; font-size: 10px; line-height:12px; …
0 votes2 answers -
Помогите с обтикатием.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- BODY { margin: 0 0 0 0; } #left { width:235px; height:500px; float:left; background-color:#06F; } #content { float:left; background-color:#0CF; width:50%; height:200px; } --> </style> </head> <body> <div id="left">left</div> <div id="content">centor</div> </body> …
0 votes3 answers -
Гляньте плз в IE 8
http://otdyhiturizm.ru/ У меня норм отображается, у заказчика нет. IE8 Пожалуйста, сделайте скриншот. Чтобы понять у кого браузер глючит.
0 votes3 answers -
Проблема с ссылками
проблема такая: говорю ссылке Visited и задаю параметры, но во всех браузерах кроме восьмого ишака при нажатии на одну, все ссылки меняют цвет, вот код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title>demo</title> </head> <body> <div id="alldiv"> <div id="headdiv"> </div> <div id="mdiv"> <a href="#"> главная </a&g…
0 votes3 answers -
Как правильно применять единици измерения при верстке сайта?
Здравствуйте! Объясните пожалуйста как правильно применять едидици измерения при верстке, чтоб например шрифт отображался одинаково во всех браузерах и на разных разрешениях экрана? Как и когда правильно применять EM, PX, % ? Слышал что профессионалы используют EM но не могу понять как, по идее % и EM это одно и то же.
0 votes6 answers -
Перенос ссылки на главную страницу в Joomla
В сайте, созданном на движке Joomla, при попытке перенести пункт меню, ссылающийся на главную страницу из левого меню в верхнее меню, вылазит такая ерунда. Изначально ссылка имеет такой вид abc.ru (то есть обычная главная страница) после переноса abc.ru/cde. То есть к ссылке добавляется еще какая то хрень, я так понял псевдоним, который задается при создании пункта меню. Переношу пункт обратно, все становится нормально. Пробовал удалять псевдоним, но после сохранения появляются какие то цифры и в псевдониме, и в самой ссылке. Как решить эту проблему?
0 votes3 answers -
Находимся на "главная"..должна ли быть активна ссылка "Главная"
Как думаете, должна ли быть активной ссылка в меню на страницу, на которой находимся?
0 votes8 answers