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
-
Выравнивание фона по центру
Понадобилось сделать шаблон с основным полем по центру и большим широким фоном, чтобы все это обрезалось с краев при разных размерах монитора. Использовалось свойство: body { background: url(название.jpg) 50% 0 no-repeat; } Все работает до тех пор, пока ширина окна браузера больше, чем центральная часть с контентом. Потом фон продолжает пропорционально уменьшаться по бокам, в то время как центральная часть приклеивается к левой стороне. В качестве примера с подобной проблемой можно посмотреть сайт http://lostfilm.tv/browse.php?cat=51 Там две безногие женщины позиционируются по центру, а основной текст сдвигается. В то же время на сайте http://www.kinopoisk.ru/ фоновая ка…
0 votes11 answers -
Перенос списка
Ребят подскажите как можно реализовать перенос списка. Например есть список <ul> в нем 40 <li>, вопрос в том как сделать что бы список переносился в право через каждые 10 элементов <li>, вот так: 1. 11. 2. 12. 3. 13. 4. 14. 5. 15.... 6. 7. 8. 9. 10.
0 votes11 answers -
Подсветка чекбокс при наведении
Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс. Как прописать его поведение при наведении? Попробовал .form-checkbox__label::before:hover - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет http://codepen.io/anon/pen/gaqZYd
0 votes1 answer -
В ячейке текст переносится на новую строку, почему?
Делал таблицу в программе NVU, в первой ячейке должен быть заголовок "московский государственный университет природообустройства (мгуп), но почему-то после слова университет текст переносится на другую строку этой же ячейки, почему такое происходит? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Table</title> </head> <body> <table style="text-align: left; width: 1200px; height: 800px;" border="1" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 95px; width: 33…
0 votes3 answers -
Буквы
Ребят,а как мне сделать такую штуку? И чтобы я нажимал.а внизу открывалась разная картинка,соответствующая букве? http://s2.ipicture.ru/uploads/080925/u3ro5V7k6T.jpg
0 votes13 answers -
css размер бордера
может кто знает... в общем есть список (ul). по бокам от него идет бордер в 1 px. нужно, чтобы бордер прерывался за несколько пикселей до нижнего края. то-есть бордер должен идти не на всю высоту списка, а прерываться за несколько пх до конца врятли такое можно сделать базовыми средствами, но кто знает, может у кого есть свой рецепт
0 votes6 answers -
Список, появляются отступы
Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="t…
0 votes6 answers -
Помогите с кодом
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> Fucking slavse</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet"> </head> <body> <header id="header" class="header"> <div class="container"> <div class="nav"> <img src="img/logo.svg" alt="OJJO"> </div> </div> </header> <section id="section" class="section"> <…
0 votes4 answers -
Вставка картинки тэгом object - проблемы с IE
<object type="image/gif" data="img/logo.gif"> Здесь находится форматированный текст </object> Задумка такая - чтобы при отключеной графике отображался текст заданного размера и формата. Думаю можно использовать слои - но я с ними пока не дружу. Файрфокс и Опера нормально отображают рисунок, а ИЕ - вообще не отображает. Причем если выставить ширину и высоту объекта, то он вставляет фрейм с рисунком. Соб-но вопрос: как добиться, чтобы ИЕ отображал рисунок? Заранее спасибо
0 votes3 answers -
Пропорциональное выравнивание блоков по горизонтале
Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…
0 votes9 answers -
В какой CMS есть данная возможность?
Добрый вечер. Появился вопрос: В какой CMS Вы встречали сортировку с такими возможностями? (выбираешь НЕСКОЛЬКО критериев и система подбирает запись) Сайт на котором это реализовано: http://www.b-seminar.ru/catalog/ Вычислить CMS не удалось. P.S. 1. Это не спам. 2. Знаний PHP нет.
0 votes26 answers -
Исчезает блок (position: absilute) при скроле.
Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема - есть сайдбар с перечнем недель (aside). Указал у него абсолютное позиционирование по отношению к блоку main. Если изменить разрешение или, например, сузить браузер до появления горизонтального скролла, то этот блок с абсолютным позиционированием исчезает... http://tia.in.ua/untitled/study_lecture.html Заранее благодарю за помощь.
0 votes14 answers -
Не тянутся таблицы по высоте правильно
Я не знаю почему происходит следующая проблема: Ставлю высоту 100% у хтмл, боди и таблицы. В таблице у некоторых строк высота задана жестко, а у одной записана как 100%. В итоге получается, что вся таблица вытягивается гораздо больше желаемого и появляется прокрутка. Нужно чтобы если информации мало, тогда просто был занят весь экран браузера. А если иноформации много, то, соответственно, все растягивалось. В растягивании проблем нет, некрасивость в том, что когда информации мало, то высота таблицы "перебирает" размер экрана браузера. Помогите пожалуйста. Примерный код ниже: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D…
0 votes9 answers -
Таблица, вложенная в див, не растягивает его в ff и opera
Доброе время суток!!!! Есть див со 100% шириной, в него вложена таблица, когда в таблицу забивают контент, то е? ширина может превысить 100%т.е. она растягивается. У дива есть все фоновый цвет, в браузерах ff и opera див не растягивается. Как можно решить данную проблему?
0 votes4 answers -
Позиционирование текста внутри тега H2
Имеется тег H2 (генерируется CMS, да и в тексте его удобней использовать для типографики). Дизайнером, для него заданно следующее оформление (белый шрифт, и картинка в фоне): Проблема в том, что текст в заголовке, не всегда помещается в одну строку, и необоходимо сделать, что бы он всегда оставался по средине своего бэкграунда. Т.е. выглядеть так: Для этого я создал вот такой код (html я приводить не буду, т.к. он и так понятен): .content h2 { background:url("images/h2_bg.gif") no-repeat scroll center bottom transparent; color:#FFFFFF; line-height:40px; margin:20px 0 0 -20px; padding:0 0 0 20px; width:517px; } В коде, я задаю line-height:40px; что бы строка была пос…
0 votes8 answers -
центровка блока с "absolute" элементами внутри
Ребята проясните плиз ситуацию с position:absolute Мне нужно: загнать одну картинку под другую (читай 2 картинки на одних и тех же координатах, одна над другой) для того что бы потом анимировать прозрачность верхней. Это у меня получается сделать только с помощью position:absolute DIV-а (картинки внутри) НО мне нужна еще и центровка этого блока (в который и помещаются картинки друг под другом) и куда бы я этот блок не пихал картинки стоят на месте, движется только блок или таблица. брр.. надеюсь понятно о чем речь, то есть ограничить абсолютную позицию каким либо блоком нельзя, действие будет в любом случае на все окно так? Сорри за нубство, первый раз довелось заниматьс…
0 votes13 answers -
Как расположить изображение и текст по левому и правому краю. В заголовке
style.css index.html
0 votes3 answers -
полупрозрачный блок
как можно сделать, чтобы блок был полупрозрачным или как бызатуманенным? хочу выделить область в div и придать ей свойства, чтобы она была полувидима. http://nhjugfbd.at.tut.by/opacity.htm
0 votes16 answers -
Как создать элементы в меню?
Ребят подскажите пожалуйста, как правильнее поступить. Есть меню вот такое: в макете это целый слой, элементы которые отмечены стрелочками, тоже вставлены в слой Как правильно поступить... Наложить картинкой меню без текста, а текст наложить кодом? Или есть способы выполнить эти элементы css, когда меню я сделаю обычным списком с блочно строчными эл?
0 votes8 answers -
Меню
Что делать если выподающее подменю уходит под фрейм и из-за этого не видно часть текста (только в Опере). Может нужно настроить чтото в самой Опере .
0 votes10 answers -
Select option добавить тег
Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?
0 votes9 answers -
5 тупых проблем в верстке=)
Сабж) Так обьяснить долго.... вопросы реально тупые .... но я уже не могу осваивать Ваш css =) Кароче говоря надо помочь в 5 реально тупых вопросах=))) Эт....взамен напишу отзыв о Вас на каком нибудь сервисе типа weblancer или сиче. icq 998-53-48 не оставьте нуба в беде=)
0 votes15 answers -
Работа с position:absolute и множественными элементами
Други, вновь за помощью спешу к вам. Ситуация такая нужно к множественным элементам, которые генерируются и имеют один класс применить абсолютное позиционирование, это получается, но вот проблема в том, что когда они начинают двигаться с помощью left, right.... т .п. то они собираются в одну кучку, причем относительное не потоходит по причине того что динамический элемент расширяет границы блока и верстка едет. подскажите как быть?
0 votes5 answers -
Сайт визитка за 30 минут
Знаю html и немного css.В школе на уроке информатики будет задание сделать сайт визитку. Подскажите что за сайт визитку можно будет сделать за 30 минут?Спасибо
0 votes22 answers -
Вместо Open Sans Condensed браузер рендерит системный шрифт
Подключаю с Google Fonts Open Sans Condensed, но какому бы не элементу не присваивал, вместо него браузер всегда рендерит системный шрифт — Liberation Serif в Ubuntu и Times New Roman в Windows. Другие шрифты, Open Sans или Roboto, например, применяются исправно, а именно с Open Sans Condensed загвоздка. Подключаю так (на самом деле эту строку генерит шаблон Drupal, я только указываю название шрифта в настройках темы): <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans+Condensed" media="all"> В итоге: В чём может быть причина такого поведения?
0 votes2 answers