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
-
Поворот объекта на 90?
Доброго всем времени суток! Подскажите пожалуйста, как повернуть div на 90? и как повернуть текст (неважно в каком элементе{те в любом}) тоже на 90?? Заранее всем спасибо!
0 votes3 answers -
Баг с таблицами в FF3.0.6
В общем создаю таблицу, хочу сделать так, чтобы в каждой ячейке были только боковые бордеры, прописываю их в css, а браузер зачем-то создает еще и нижние+верхние, хотя они мне не нужны. Притом, если я заливаю эти ненужные бордеры цветом ячейки, хотя это уже извращение, то боковые начинают обрываться в местах пересечения с ними. Еще есть баг с рисунками, в опере и ff к ним добавляется внизу непонятный отступ, хотя я все обнулил. В ИЕ все норм. Как исправить такое?
0 votes8 answers -
Помогите - CSS глюк?
Наткнулся при коде на несколько проблем, кроме того я чайник. Готовый htm файл залил здесь http://rapidshare.com/files/416737094/TEMPO.htm.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" xml:lang="en" lang="en"> <head> <title>Что то тут не то</title> <style type="text/css"> ul { border: solid 1px; float: left; list-style: none; margin: 10% 0 0 1em; padding: 0 1em 0 0.5em; } li { background: #00FFCC; } ul div { background: #CCCCFF; margin-left: -0.5em; } a:hover { text-…
0 votes6 answers -
Не Могу Указать Стиль Для Простой Html Структуры
Здравствуйте. Честно говоря я в ступоре) html: <body> <p> <h3> 3 15 10 2 </h3> </p> </body> css: body p h3 {color:#FF0;} /* не работает */ body > h3 {color:#0F0;} /* работает */ как так? видимо я не знаю какгото великого секрета.
0 votes6 answers -
Отображение шрифтов в IE, Mozilla, Chrome в Windows XP
Во всех трех браузерах шрифт Tahoma отображается по-разному, с этим можно что-нибудь поделать? В IE8 более-менее, а в Mozilla и Chrome как-то узко и коряво. С этим столкнулся при тестировании на ХР, хотя на Windows 7 все нормально отображается. Скрины прилагаю: Chrome, IE, Mozilla
0 votes4 answers -
как прилинковать файл js ?
здравствуйте. подскажите, пожалуйста, как правильно прилинковать файл js (если он будет находиться с отдельной папке) к файлу html ? вот так линкую css : <link rel="stylesheet" href="css/1_text.css" type="text/css"> а для файлов js эта строчка как должна быть написана? спасибо.
0 votes4 answers -
Пара вопросов: Оптимизация img при верстке и позиционирование внутри таблицы
Всем добрый день. Помогите решить задачу, битый день уже сижу. Есть тут картинка с трассой, которая в макете 1918 шириной, никак не могу додуматься, как её оптимизировать под различное разрешение. Пробовал масштабирование, но тогда элементы такие как input'ы, таймер и т.п. при свертывании экрана уплывают влево вверх под белый хидер. Скручивание по горизонтали тоже пробовал, естественно, картинка тогда сплющивается как гармошка, не комильфо совсем. А вот, что у меня в итоге получается. Не знаю, просто если я сверху формы ещё и таймер так же воткну, то он точно уползет за белый хидер при свертке окна браузера. #Снизу: Решено И ещё вопросик, чтобы новую тему не создавать: …
0 votes6 answers -
Проблема с текстом
Есть дивы на сайте http://nrdesign.com.ua/ НАС ЧАСТО СПРАШИВАЮТ Кликая по тексту Как мы работаем или Сколько стоят наши услуги выезжает текст с описанием этой услуги, но если по открывать сразу все то будет ничего не видно. Как сделать так чтобы если один открыт то кликая по другому первый закрывался. Помогите нужно срочно решить проблему.
0 votes12 answers -
Вложенные списки <ol>+<input>
Всем привет. Вопрос по валидности. есть код такой: <div id="opros"> <ol type="I"> <li>Алкоголь</li> <ol> <li>Употребляете ли вы алкоголь?</li> <input type="radio" name="vopros1[]" value="10" id="vopros1_1"> <label for="vopros1_1">Да</label><br> <input type="radio" name="vopros1[]" value="01" id="vopros1_2"> <label for="vopros1_2">Нет <em></em></label> ................................. Доктайп такой использую: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> …
0 votes7 answers -
Отступы внутри блока DIV
Здравствуйте! Я в блочной вёрстке новичок, поэтому не сочтите за наивность мой вопрос (ну и вообще исходный код))). Посмотрите, как должна выглядеть страница: картинка Обратите внимание на подвал, там где краска из банки а на ней адресный блок. Я попытался это реализовать блоком DIV с фоновой картинкой и с соответствующими margins для позиционирования текста внутри этого блока. Но у меня не получилось вот, что получилось. Картинку сначала было видно, а когда стал экспериментировать с текстом, то она пропала, а текст никак не встаёт на место. Помогите грамотно решить эту головоломку.
0 votes2 answers -
помогите с кнопкой
Всем доброго времени суток. Помогите пожалуйста начинающему верстальщику. И так, суть проблемы: есть нарисованная картинка (кнопка без текста), хочу сделать её ссылкой, к примеру "Домой". Да так, что бы ссылкой была не только надпись внутри кнопки к примеру (<a href="#">Домой</a> в этом случае ссылкой будет надпись, а картинка (кнопка) будет как бекграунд), а ссылкой была вся кнопка + надпись "Домой" и так, что бы при изменении позиции кнопки, текст ссылки "Домой" (или любой другой) изменялся вместе со всей кнопкой. Т.е как бы кнопка - это контейнер ссылающееся на какую либо страницу и внутри неё находится описание этой ссылки к примеру ("домой" или "подробне…
0 votes10 answers -
Левый блок ширина в пикселях, а правый резиновый
Здравствуйте. Такой вопрос. Есть резиновый блок в нём ещё два (один из них не резиновый). Нужно чтоб эти два блока стояли рядом и полностью заполняли основной блок. Дело в том что первый блок имеет постоянную ширину например 100px, второй резиновый. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> #main{ border:3px solid #000; position:relative; width:80%; height:150px; margin:…
0 votes4 answers -
Убрать лишний код в css
Задача: как убрать не использованные стили в css? может кто подскажет какой ни будь сервис?
0 votes6 answers -
семантика
Подскажите, что ещё существует для семантически на сайте, кроме <main role="main">. То есть кроме html5-тегов и ролей.
0 votes8 answers -
Сколько времени надо гуглю?
Чтобы изменения в микроразметке (schema.org) появились в выдаче?
0 votes8 answers -
Отображение div при активном пункте меню
Добрый день есть меню: Главая Каталог Контакты И меню: Категория1 Товар1 Товар11 Категория2 Товар2 Товар2 На главной странице в нижнем меню отображаются только Категория1 и Категори2. При нажатии из этих категорий становятся отображаемые в меню товары только для заданной категории. Как можно сделать через CSS чтобы еще при активном пункте Главная, так же отображался товар у Категории1 ? Не могу сообразить как связать два разных div. <li class="item-101 current active"><a href="/" >Главная</a></li><div class="jbcategory-link"> <a href="/Категория1" > Категория1</a> </div><div class="jbcategory-items"> …
0 votes5 answers -
В хроме глючит fixed блок.
Сразу покажу что есть https://jsfiddle.net/rm29u4ps/1/ НА jsfiddle всё работает как нужно, а на отдельной страничке nav залипает при скролинге, а если навожу на то место, где должна быть ссылка то он появляется. Так как картинки большие кидаю ссылками 1)Залипло 2)Навёл мышкой Может конечно глюки хрома, но это пугает.(
0 votes12 answers -
Модуль«Похожие метки» обрезка текста и мн
Есть код <div> <div class="moduletable box"> <h3>Похожие темы</h3> <div class="tagssimilar box"> <ul> <li><a href="/">Некий научный OVA / Toaru Kagaku no Railgun OVA</a></li> ... Остальное в таком виде <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> Привязка идет к "box" Суффикс CSS-класса модуля: " box" в CSS div.box li { white-space: nowrap; /* Отменяем перенос текста */ overflow: hidden; /* Обрезаем содержимое */ text-overflow: ellipsis; /* Многоточие */ } div.box:hover li { white-sp…
0 votes1 answer -
Расстягиваем внешний div самым внутренним по высоте
Есть вложенные блоки <div id="d1"> <div id="d2"> <div id="d3"> ....... </div> </div> </div> Нужно чтобы все блоки имели высоту 100% и самый внутренний div (он может быть и 4-м... вложением) растягивал все внешние в зависимости от контента если контент больше 100%. Желательно без js.
0 votes8 answers -
Почему высота меняется при масштабировании?
Если изменять высоту экрана, то меню постоянно двигается. Пробовал задать высоту в %, так же max-height не помогает. Как добиться, чтобы при изменении высоты экрана меню и шапка стояли на месте? https://jsfiddle.net/k43cw692/1/
0 votes4 answers -
как можно сделать видимый scale на элементах внутри overflow:scroll?
Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось.
0 votes1 answer -
Свойства и атрибуты в DOM
Будте добры, киньте ссылку на хороший мануал(русский) с максимально полным описанием всех свойств и атрибутов объектов HTML страниц. Нужно для того, чтобы динамически их менять, добавлять, убирать. В частности нужно у тега свойство display:none(на)block менять.
0 votes2 answers -
Вопрос о вводной форме
Вопрос о вводной форме. Your message... Где мне взять адрес CGI-программы(что вставить в кавычки action"???")???
0 votes4 answers -
Замена Flash HTML кодом
Можно ли заставить браузер отображать html, если у клиента не установлен флеш-проигрыватель?
0 votes3 answers -
ПОЛНЫЙ АХТУНГ!
Просканил страничку на отображение в разных браузерах, вот результат. Глаза уже на лоб лезут, в IE и в Chrome все отлично отображается, ну и частично в Saf-е, а вот в Opere и в FF все хреного, даж bacground-ы с ошибками. Народ, наставьте на путь истинный, укажите в чем прабла, вот исходный адрес страницы http://stavkan.ru/articles/ и CSS-контейнера http://stavkan.ru/css/style.css Уточню, прабла состоит с отображением менюшной синей полосы, именно с ней весь основной геммор
0 votes5 answers