HTML Coding

29542 questions in this forum

1. div в td

   Подскажите пожалуйста, как сделать следующую вещь: <table> <tr> <td style="height:100%"> <div class="1"> </div> <div class="2"> </div> </td> </tr> </table> Оба дива фикс. ширины и высоты, необходимо чтобы один был прибит к полу td, а второй к потолку. Вставлять внутрь ещ? одну таблицу не хочется..

   Asked by Lergana, March 20, 2008

   0 votes
   9 answers
2. Как выровнять один div по высоте относительно другого DIVа

   У меня сейчас вот так сверстано на DIVах Нужно сделать чтобы было вот так: Как реализовать ???

   Asked by generator2003, May 12, 2010

   0 votes
   12 answers
3. Свойство Text decoration для поля

   Доброго времени суток! Хочу задать вопрос к специалистам CSS Вот страничка http://nablago.com.ua/content/co-enzyme-q10 Там написано: Старая цена: 360,00 (Все зачеркнуто) А нужно, чтобы была зачеркнута только цифра 360,00 Как это сделать? В CSS прописано . field-field-oldtzena { text-decoration: line-through; color: green; } .field-field-oldtzena .field-label-inline-first { text-decoration: none; color: red; } Как видите цвета отображаются нормально, а свойство text-decoration: none почему то не хочет становится как надо.

   Asked by VasyOK{!}, September 23, 2010

   0 votes
   31 answers
4. Высота блока

   Крч пытаюсь отредачить фотку на сайте, типо размер и положение, в html добавил <div class="Launcher"> <img src="assets/images/Launcher.png"> </div> дальше захожу в css и пытаюсь отредачить с помощью .Launcher {width: 100px;} Ну ничего не выходит, не хейтите впервые сайт делаю, Что я делаю не так друзья?

   Asked by Devor, August 2, 2023

   0 votes
   2 answers
5. overflow: hidden, проблема в IE6

   Из за чего в ие 6 в браузере не появляется боковая полоса прокрутки а коннент просто уходит под баузер(обрезается) #content { padding:2px; width:978px; position:relative; background: #FBFBFB url(img/border_left.jpg) repeat-y left ; } #content1 { width:978px; position:relative; background: url(img/border.jpg) repeat-y; background-position: 217px; } #content2 { width:978px; position:relative; overflow:hidden; background: url(img/border.jpg) repeat-y; background-position: 965px; } #left { margin-left: 19px; width:189px; float:left; z-index:4; display: inline; } #right {width:750px; float: right; border:1px solid #B3B3B3; border-top: none; color:#000066; z-index:1; }

   Asked by woofs, February 7, 2009

   0 votes
   4 answers
6. проблема с фоном

   постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.

   Asked by vr201, October 10, 2007

   0 votes
   18 answers
7. Gulp, с чем его едят?

   Добрый день. Прошу помочь разобраться с этим зверем. Js знаю на уровне написания скриптов на jquery. Что пока есть. Установил Node, gulp. В папке с проектом создал папку dev, в которой храню less,js исходники bootstrap. (Bootstrap просто взял чтобы поучиться настраивать gulp) Задача состоит вот в чем. Хочу чтобы less файлы объединялись в один, затем конвертировались в css, прогонялись через autoprefixer минимизировался и сохранялся в папке /css/min.css Так же и js, но с этим думаю справлюсь как пойму принцип. Так же вопрос насчет плагинов, нужно их самому ставить если стоит npm? Допустим вот исходный файл gulpfile.js var gulp = require('gulp');gulp.task('css', func…

   Asked by li4e, November 25, 2014

   • node
   • gulp
   • js
   0 votes
   6 answers
8. bootstrap колонки + рамка

   Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?

   Asked by YurikMurik, May 3, 2018

   • bootstrap
   • border
   • верстка
   0 votes
   3 answers
9. Не работают внешние таблицы стилей

   Здравствуйте. Такая проблема. При выносе стилей в отдельные файлы с расширением .css они перестают работать в документе. Как только переношу код из файла назад в тег style всё снова работает. При том что javascript, подключаемый также из внешнего файла, работает нормально. Заранее спасибо за помощь Вот часть кода страницы и далее содержимое файла header.css: <DOCTYPE html> <html> <head> <link rel="stylesheet" type=”text/css” href=”../global/styles/header.css” /> </head> <body background="../global/images/bg1.png" text=black link=blue vlink=923b8b> <div id="header"> <table width=1280 align=center border=0 cellspacing=0 cel…

   Asked by alex-great, January 13, 2014

   • CSS стили
   0 votes
   5 answers
10. Как заменить в коде устаревший тег center

    Добрый день. Проверяю сайт на валидность. Выдает ошибку в коде по тегу <center> (скрин прилагаю) Нашел код, но не знаю как исправить: Код: [<div style=«background-color: #f0f0f0; margin: 0px 25px;»><center><small>Мой текст"</small><br><small>Мой текст</small><br><small>Мой текст</small></center></div>] Подскажите, спасибо.

    Asked by RobertKucher, March 22, 2016

    0 votes
    6 answers
11. HTML - Зачем этот тег?

    Для чего используют тэг <area>? Простыми словами ответ плизз+

    Asked by XXCMD, July 16, 2023

    0 votes
    1 answer
12. горизонтальное выпадающее по клику меню на CSS

    Возможно ли такое сделать? как здесь http://megaweb.su/demo/click_menu/megaweb.su.html но без использования Javascript.

    Asked by qwertyasdfg, June 2, 2011

    0 votes
    8 answers
13. Много пустоты внизу страницы

    Приветствую всех! Такая проблема верстаю страничку слоями и внизу под подвалом образовалась пустоты. Я понимаю что это все из-за position: relative; . В таких случаях рекомендуют применять position: absolute; Но мне такое правило не годится так как текст/контент может быть произвольным и соответственно весь низ должен строиться относительно своего расположения, а не абсолютно. И так какие есть советы рекомендации. Страничка с проблемой http://laestrella.ru/ Желательно чтоб предложенные варианты работали в IE.

    Asked by flyagin, April 27, 2009

    0 votes
    5 answers
14. валидация CSS3

    Пытаюсь отвалидить стили по css3. Со всем справился, осталось две загадки: и соответственно проблемные строчки: 18 .pre-line {white-space: pre-line;} <style type="text/css"> 11 h1 {border-radius: 0px 20px 0px 0px;} 12 h2 {border-radius: 0px 0px 20px;} </style> в чём проблема, господа? вроде по мануалам всё правильно написано.

    Asked by Быколай, March 20, 2011

    0 votes
    10 answers
15. Помогитеееееееее плз

    Ребятя помогите!!!! Мне нужно узнать код вкладки. Пожалуйста ответьте мне скодом а если не знаете то ненада. Плз помогите

    Asked by TOKIOboy, July 14, 2009

    0 votes
    18 answers
16. Как сделать адаптивный треугольник?

    Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!

    Asked by web-monster, August 8, 2015

    • html
    • css
    0 votes
    0 answers
17. Тянущийся фон

    Собственно вопрос. При разрешении монитора 1024*768 пользователь должен видеть только картинку center. Пользователь с разрешением выше, чем 1024*768 должен видеть уже картинки left_1, center, right_1. Пользователь, у которого разрешение ещё больше, видит left_2, left_1, center, right_1, right_2. Если у пользователя разрешение ещё больше, то он видит все картинки, а картинка left_3 и right_3 должны полностью замощать оставшееся пространство Кода не требую. Просто хочу понять, как это можно сделать Спасибо

    Asked by Boris.d, June 8, 2009

    0 votes
    14 answers
18. Как убрать тень между элементами?

    http://jsfiddle.net/tr0zurq1/ Предполагается, что тень будет именно для каждого элемента: либо для <li>, либо для <a>, а не для <ul>. По-идее, между элементами тень не должна быть видна, поскольку, z-index псевдоэлемента, для которого сделана тень, меньше z-index'a элемента, для которого сделан псевдоэлемент. Но тень всё равно есть. Почему? Как расположить тень "дальше" пунктов меню? <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a href="#">Курица, тушенная с галушками</a></li></ul>ul { posi…

    Asked by Launder, December 11, 2015

    • box-shadow
    • z-index
    • position
    0 votes
    14 answers
19. автоматическая ширина

    Предположим есть 3 колонки в контентной части макета не важно какие, но для примера код html <div id="middle"> <div id="container"> <div id="content"> Content: </div> </div> <div class="sidebar" id="sideLeft"> Left Sidebar: </div> <div class="sidebar" id="sideRight"> Right Sidebar: </div> </div> css #middle { width: 100%; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 320px; } #sideLeft { float: left; width: 300px; margin-left: -100…

    Asked by ShumNo, September 18, 2010

    0 votes
    15 answers
20. Подключение стиля с помощью @media

    Здравствуйте! Есть вот такая конструкция: <link rel='stylesheet' media='(min-width: 1281px) and (max-width: 1366px)' href='css/1366x768.css' /> <link rel='stylesheet' media='((min-width: 1025px) and (max-width: 1280px)) and ((min-height: 874) and (max-height: 900))' href='css/1280x1024.css' /> Но на практике она не работает... Хочу с её помощью подключать стилевой файл, если ширина окна будет колебаться от 1025 до 1280, а высота от 874 до 900 . Высота страницы задана в процентах, но высота блока с контентом - 874px. При увеличении ширины экрана (более 1280px) должен подключатся другой стилевой файл. Но почему-то этого не происходит. Даже при ширине в 1400 …

    Asked by maksvirus911, May 9, 2013

    • @media
    0 votes
    8 answers
21. Адаптивная верстка и iphone.

    Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.

    Asked by Toleri, November 27, 2015

    0 votes
    13 answers
22. Не срабатывает hover при использовании в div

    Делаю так, что при наведении на определенный div меняется его отображении. Все браузеры, кроме IE 6.0 отлично это понимают, но эксплорер то ли не поддерживает это свойство, то ли я что-то неправильно делаю, пишу в css просто .class1:hover{background-image:url(class1.jpg);}

    Asked by AlexMak, January 15, 2009

    0 votes
    5 answers
23. Как вывести 2 значения VALUE (HTML)

    Доброго времени суток необходимо вывести выпадающий список, при выборе вариантов должна выводится картинка и отдельно ссылка(или слово, 2 картинки или все что угодно), цель вывести 2 значения. И еще одно условие код должен быть на html. пример моего кода: <img src="1.jpg" name="pic" id="pic"> <select onchange="document.getElementById('pic').src=this.value"> <option value="1.jpg">1</option> <option value="2.jpg">2</option> <option value="3.jpg">3</option> </select> сейчас при выборе 1 выводит картинку, нужно добавить, что бы выводило картинку и например какое то слово или ссылку

    Asked by Denys, July 29, 2015

    • value
    • onchange
    0 votes
    7 answers
24. head Бездомный конечный тег head

    Доброго времени суток! Появилась проблема, браузер ругается на "бездомный конечный тег head", хотя его начало есть. Притом доходит до абсурда, пробовал найти ошибку, постепенно удаляя строчки кода, в итоге остались только доктайп и, собственно, сам head. Если написать всё заново, то проблемы нету. Прикрепляю файл с ошибкой сюда. P.S. Проверял через FireFox new 1.htm

    Asked by Илья123, November 1, 2017

    0 votes
    7 answers
25. float и overflow

    Всем привет! Есть код: <!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=utf-8"> <title></title> <style> .block { background-color: #CCC; } .float { float: left; width: 50px; height: 50px; background-color: #0F0; } </style> </head> <body> <div class="block"> <div class="float"></div> <p>текст текст текст текст текст текст текст текст текст текст текст текст</p> </div> </body> </html> Ситуация такая: чтобы div.block захватил …

    Asked by vikusik, June 4, 2011

    0 votes
    27 answers