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
-
Как выстроить картинки с текстом в строчку при любом разрешении?
Здравствуйте. Подскажите пожалуйста кто знает, как с помощью css реализовать следующее. У меня на сайте в шапке сделана такая конструкция: 1-я картинка, а справа от нее в столбик 3 слова. 2-я картинка, а справа от нее в столбик 3 слова. 3-я картинка, а справа от нее в столбик 3 слова. Все эти 3 картинки со словами выстроены в строчку, т.е. если разрешение экрана позволяет, то они располагаются на одном уровне. Если разрешение экрана меньше (например, на смартфоне), то слова в столбике могут располагаться ниже картинки, а не справа от нее. Хотя места справа вроде бы достаточно. Получается не очень красиво. Код HTML: <div id="header_image">…
0 votes1 answer -
Извините но я не понял насчет em-ов
fdgd g fd gfdgdf gпва ва павп авпав павп ап авп ап авп вапа вп вап вап вап вап авп fdgd g fd gfdgdf gпва ва павп авпав павп ап авп ап авп вапа вп вап вап вап вап авп fdgd g fd gfdgdf gпва ва павп авпав павп ап авп ап авп вапа вп вап вап вап вап авп fdgd g fd gfdgdf gпва ва павп авпав павп ап авп ап авп вапа вп вап вап вап вап авп fdgd g fd gfdgdf gпва ва павп авпав павп ап авп ап авп вапа вп вап вап вап вап авп fdgd g fd gfdgdf gпва ва павп авпав павп ап авп ап авп вапа вп вап вап вап вап авп fdgd g fd gfdgdf gпва ва павп авпав павп ап авп ап авп вапа вп вап вап вап вап авп fdgd g fd gfdgdf gпва ва павп авпав павп ап авп ап авп вапа вп вап вап вап вап авп fdgd g fd gfdgdf…
0 votes11 answers -
Убрать OnClick
Здравствуйте. Подсобите, пожалуйста, в следующем: как убрать onclick $r .= '<input type="button" class="enhanced_search_options_advanced_button" value="Search" onclick="esf_div=document.getElementById(\'' . $dom_id . '\');if(esf_div.style.display==\'none\') esf_div.style.display=\'block\';else esf_div.style.display=\'none\';document.getElementById(\'' . $dom_id . '_cat\').disabled=!document.getElementById(\'' . $dom_id . '_cat\').disabled;document.getElementById(\'' . $dom_id . '_m\').disabled=!document.getElementById(\'' . $dom_id . '_m\').disabled;esf_tag=document.getElementById(\'' . $dom_id . '_tag\');if(esf_tag) esf_tag.disabled=!esf_tag.disabled;return false;" …
0 votes7 answers -
Выравнивание inline-block по ширине в Chrome и Opera
В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03">…
0 votes16 answers -
<a> не хочет заполнять собой родительский div
Вот тут ссылка только под белым текстом, а вот тут ссылка и под красным фоном и под белым текстом. Вопрос: почему в первом случае <a> не заполняет собой пространство родительского div'a? Во втором заполняет. Полагаю, дело в display, но логику понять не могу. Объясните плз?
0 votes8 answers -
проблема с position:absolute в IE
Привет всем. Столкнулся с проблемой в IE Не могу понять как поправить Есть такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>HeLlO</title> <meta http-equiv="content-type" content="text/html; charset=cp-1251" /> </head> <body> <style> * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, c…
0 votes9 answers -
Стартовый шаблон для вёрстки, заготовки, часто используемые куски кода
Всем привет! Вопрос заключается в следующим, используете ли вы какие либо стартовые шаблоны или библиотеки кода, которые облегчают рутинную работу и увеличивают скорость вёрстки? И как они выглядят? Моя предыстория заключается в следующем, был собран стартовый шаблон на основе бутстрапа, исходя из того что код там в любом случае качественнее чем мой. https://github.com/verino/billet Но на основе такой сборки можно верстать сайты адаптивные и нарисованные по сетке бутстрапа. А что делать, если сайт не адаптивный или совсем без сетки. Отключить бутстраповскую сетку и подключить susy например. Или всё же в итоге получается каша и лучше сделать сборку только из…
0 votes1 answer -
В чем разница?
Есть ячейка таблицы 100х100, есть картинка 100х100. В чем будет разница если я загружу картинку в ячейку или сделаю эту картинку фоновым рисунком ячейки? Спасибо.
0 votes7 answers -
rgba + border-radius ( IE )
Столкнулся с такой проблемой: Нужно сделать блок с полупрозрачным фоном и закругленными углами, везде все хорошо кроме IE( )... Блок делал таким образом: #box { width: 100px; height: 100px; position: relative; background: rgba(0, 0, 0, 0.08); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; behavior: url(/PIE.htc); } для прозрачности в IE в <head> добавил: <!--[if IE]> <style type="text/css"> #box { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000); zoom: 1; } </style> <![endif]--> В …
0 votes13 answers -
синтаксис - маркирование звездочка
* html body {padding:120px 0 50px 0;} Для чего здесь звездочка???
0 votes2 answers -
иконка возле ника
У меня на сайте есть ники пользователей. Перед ником стоит икнока. Бывают такие ситуации когда ник не влезает и переходит на следующую строчку... как мне сделать чтобы икнонка и ник всегда шли слитно, и если пересносились на новую строчку то всегда вместе.
0 votes3 answers -
Подсчет знаков в тексте
Помогите написать код для того, чтобы можно было автоматически получить количество знаков в тексте, который вставляется в определенное окно. Если же это процесс трудоемкий и утомительный, то где можно найти учебный материал по этой теме
0 votes8 answers -
img width 100% в IE6
Здравствуйте Никак не могу преодолеть проблему. В шапке есть хайрезовая картинка: <div style="width:100%; height:200px; overflow:hidden;"> <img src="img/pic.jpg" style="max-width:100%;" /> </div> Как сделать так, чтобы картинка ресайзилась в IE6? В IE7 помогла max-width:100% Нарыл в и-нете фикс для этой проблемы: img { -ms-interpolation-mode: bicubic; } Но он у меня почему-то не работает Есть ли какие-нибудь решения/фиксы/хаки для этой проблемы?
0 votes7 answers -
Шапка сайта из <div>
Всем привет. Нужна помощь. Сделал шапку сайта из дивов, но не уверен что все правильно написал, нужен совет... Сайт - ссылка Вот html код шапки: <div class="head"> <div class="logo"><img src="/images/logo.png" alt="logo" /></div> <div class="head_dt"><small>$WDAY$, $DATE$, $TIME$</small></div> <div class="head_banner"><script type="text/javascript" src="http://hayclub.net.ru/rtr/1-1"></script></div> <div class="clear"></div> </div> И CSS: /* Head Style */ .head{ background:url('/images/bg.png') repeat-x; height:216px; width:100%; min-width:995px; } .logo{ float:left;…
0 votes11 answers -
Как выровнять список страниц по центру блока навигации
Проблема со стилями нумерации страниц. Блок wp_page_numbers имеет ширину 600px. Ссылки с номерами страниц должны располагаться по центру блока независимо от того, сколько их будет - одна или 20. У меня никак не получается выровнять список страниц по центру блока навигации. #wp_page_numbers { clear: both; width : 600px; height : auto; text-align: center!important; font-weight : normal; margin: 10px auto 20px; } #wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a { padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0; font-variant: n…
0 votes7 answers -
Проверка валидности
Ктонибудь может объяснить, почему при проверке на http://validator.w3.org/ выдает ошибку и указывает на текст которого вообще нет в исходном коде?
0 votes10 answers -
Не Понятки
Я тут тока не давно и не знаю куда точно написать поэтому решил написать сюда! Так что заранее говорю не надо ворчать=) Я просто хотел узнать что можно сделать если у тебя на сайте http://bosco.my1.ru/index/ нужно поменять таблицу входа в систему на другой цвет и изменить фон контента новостей ссылок и тому подобное
0 votes7 answers -
Нажимаешь на картинку открываеться вкладка+открываеться окно под страницей
Доброго времени суток! Нажимаешь на картинку открывается вкладка +открывается под браузером новое окно (пользователь остается на вкладке) Как такое организовать?) очень нужно...
0 votes5 answers -
frD-Реализация элемента дизайна
Помогите, пожалуйста, найти технологию реализации элемента дизайна, указанного на картинке (окна со скроллингом с раличными элементами внутри). http://www.golovachev.ru/505/111.jpg
0 votes8 answers -
Вспышки при обновлении страницы
Всем привет. помогите решить проблемы. При обновлении страницы за фоном на милисекунду мерцает белый фон, очень раздражает глаза. Как от этой вспышки избавиться попроще? по ссылке видео снял https://www.youtube.com/watch?v=iqLIyzxdJCc&feature=youtu.be
0 votes8 answers -
Не отцентровать шапку
Центрую шапку для всех разрешений,под 1280 всё ок,но на больших разрешениях шапка всё равно слева.Вот сайт: http://seventh-legion.ru/ вот код,перепробывал уже вроде всё,но результат тот же((( <body> <jdoc:include type="modules" name="banner1" style="raw" /> <div style="background:url(<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg); background-repeat:repeat-x; width:100%; margin:0 auto;"><a id"><a id="-logo<?php echo ($logo_as_image)? '' : '_styled'; ?>" href="./"><img src="<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg"></a> </div> кто н…
0 votes14 answers -
Создание форума
Подскажите please как создать форум например как этот, или лучше исходники. Пасиба.
0 votes2 answers -
Проверка полей без перезагрузки страницы
Есть форма отправки сообщений на email с сайта, хотелось бы чтобы страница не перегружалась, а было всплывающее окно на коректность вводимых данных в поля формы. Как там проще без лишнего к php форме прикрутить средства ajax? Есть у кого примеры?
0 votes8 answers -
Проблемы с CSS background-image
Не работает background-image css body { background-color: #000000; background-image: url("image/gr.jpg"); background-repeat: repeat-x; } html <html> <head> <title>Глвная</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <img src="images/01.jpg" alt"картинка"> </body> </html>
0 votes8 answers -
Изменение фона в строке таблицы
Добрый день. Может кто сталкивался со следующей задачей? Не могу придумать решение( Необходимо, чтобы на экране пользователь видел таблицу, каждая строка которой целиком меняла бы цвет при наведении на нее курсора. Проблема в том, как добиться этого в IE средствами html и css. Может кто подаст идею...
0 votes3 answers