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
-
Фон из трех изображений
Здравствуйте. Подскажите как реализовать фон из трех изображений: первое - фиксированного размера, градиент, второе 1px высотой - тянется на всю ширину контента и третье - опять градиент, фиксированный размер. Первое что пришло на ум: background: xxx,yyy,zzz; но увы у меня не получилось правильно спозиционировать и нижнее изображение вообще не появляется ни при какой высоте конента. Интересует так же, как правильно применить фоны: все три к родительскому блоку или каждый фон своему блоку? Спасибо!
0 votes3 answers -
Не тянется элемент
Всем привет, что-то затупил малость по утру, хелпаните плз http://jsfiddle.net/4cySS/ - почему спан по ширине то не тянется ?
0 votes3 answers -
Дефолтные значения
можно ли как-то(где-то) посмотреть дефолтные значения селекторов(отступы, цвет, размер и тд)?
0 votes6 answers -
Проблема с подвалом
Здравствуйте. Такая проблема: если у таблицы поменять align с center на left,подвал оказывается наверху. Скрин с align="left": Скрин с align="center": Код: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body> $ADMIN_BAR$ <div class="wrap"> $GLOBAL_AHEADER$ <?if($MODULE_ID$='forum')?><div style="width: 95%; margin-left: 3%;"><?endif?> <!-- <middle> --> …
0 votes3 answers -
Ширина ячейки
Добрый день. Подскажите пожалуйста как сделать так, чтобы ширина ячейки была по содержимому, но в случае, если текст сильно длинный (например 50 символов), то его надо перенести на следующую строку. До этого обходился свойством nowrap как атрибут или как значение css свойства white-space. Как бы нет проблемы выставить ширину ячейки, допустим, 250рх, но если в какой-то выборке для данной колонки будут только короткие значения, то будет некрасиво наблюдать пустое место в ячейке. Пробовал всякие комбинации с white-space, word-break, max/min-width, да что-то не получается. Задачка вообще решается? Спасибо.
0 votes4 answers -
Конструкторы сайтов и виджетов для них
Всем привет Подскажите, есть ли такие системы, типа конструкторов сайтов, но не сайтов, а отдельных виджетов и компонент? например, мне нужна кнопка, дизайн знаю какой хочу, но опыта в программировании, допустим, у меня нет. хочется такой редактор, в котором я мог бы её сверстать, может даже и события навешать, а потом сохранить где-то на хостинге, а на мой сайт вставить просто код для загрузки этой кнопки, как виджет для социалки.
0 votes5 answers -
Manifest cashe HTML5
Добрый день, кто разобрался в автономном режиме работы сайтов - подскажите. Если есть перечень страниц, указанных в разделе CACHE файла manifest, то они постоянно будут браться из кэша или только тогда, когда нет соединения?
0 votes0 answers -
Инлайн блоки или ... ?
Постоянно проблемы с такими макетами, посоветуйте, пожалуйста, раз и навсегда покончу с этим если делать inline-block - ами, то пользуюсь постоянно псевдоклассом :nth-child и обнуляю отступ у последнего или у первого элемента. А как делать в данном случаи,? Если обнулить отступ у каждого четвертого или у 4n+1, то не получится, так как есть новость которая занимает 2 блока. Какие способы есть для выравнивания таких элементов?
0 votes5 answers -
Проблемы с прыгающим меню
Приветствую всех.Помогите пожалуйста.Мне нужно сделать обычное горизонтальное меню с 4-мя ссылками.Расстояние между ссылками должно быть строго 50px и при наведении мышки на пункт меню текст должен становиться жирным(а:hover{font-weight:bold}).Проблема в том,что из-за "font-weight:bold" и установленного "паддинга" в 50 px между тегами "li" меню начинает смещаться.Мне нужно,чтобы остальные ссылки были неподвижны.Как это сделать?
0 votes6 answers -
Геометрические символы
Как вставлять в Dreamweawer 8 геометрические символы, например, не принадлежит прямой (Е зачеркнутое), принадлежит (Е), значки треугольников, углов? Копирую через MS Word и вставляю в Dreamweaver - обозначает как нечитаемым символом. http://prntscr.com/994a69ссылка на символы
0 votes2 answers -
убегает в низ видео на сайте
Здравствуйте уважаемые,посоветуйте что можно сделать. При просмотре сайта через телефон убегает вниз видео от ютюба. Вот скрин http://prntscr.com/e2vnbe на самом деле оно должно стоять в ноутбуке. В обычном режиме это выглядит так http://prntscr.com/e2vpxf. вот html <div class="sls"> <div class="container"> <div id="featured"> <div class="content" style=""> </div> <a href=""><iframe width="580" height="370" src="https://www.youtube.com/embed/k0gffKCi9CE" frameborder="0" allowfullscreen></iframe></a> …
0 votes2 answers -
Отображение в сафари
http://verstka2.webjon.ru/ На главном бане стилизованный список select2 и вот он отображается ниже на айфоне. Думаю и в др. сафари то ж самое,Никакие попытки выровнять не помогли. Инструменты вот такое показывают http://joxi.ru/KAxdZVT44v1zA8 Откуда берется отступ так и не понял. ессно жесткое задание высоты не помогает
0 votes0 answers -
CSS vopros
Podskajite pojaluista! Kak sdelat rasstojanije mejdu jeltimi blokami, no pri etom ostavit ix na odnoi linii? <div id="main" class="clearfix"> <div class="first">1</div> <div class="first">2</div> <div class="first">3</div> </div> * { box-sizing: border-box; } #main { width: 100%; background-color: green; padding: 10px 0; } .first { /* margin: 10px; */ /* display: inline-block; */ width: 33.33%; float:left; background-color: yellow; text-align: center; } .clearfix:…
0 votes1 answer -
Проблема с вёрсткой
Всем привет скажу сразу я новичок пытаюсь сверстать страницу тут два вопроса первый как убрать границы у страницы, прописал паддинги и марджины не помогло или я что то не так сделал, второй вопрос почему не добавлятся картинка на фоновое изображение Сразу скажу картинка норм с путём всё норм пробовал полный путь в кавычках другие картинки добавял ни одна не работает, просьба помочь Огромное спасибо p.s картнка 17 это скрин с видео по которому я делаю вот так должно выглядеть на 18 это то как щас у меня выглядит <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c…
0 votes1 answer -
Как подключить таблицу CSS в Опере
Здравствуйте! У меня не работает в Опере подключенная таблица стилей (в других браузерах работает), при указании глобальных и внутренних стилей - все нормально? Код: <link rel="stylesheet" type="text/css" href="css/css_text.css">. В чем может быть причина?
0 votes1 answer -
Помогите с меню 2
Надо сделать такое меню, или очень похожее, никто не сталкивался?
0 votes5 answers -
вопрос от новичка?
1)можно ли начать изучение ajax без знания серверных языков ,но зная JS , и есть ли в этом смысл.Просто часто в требованиях на вакансии требуют html ,css , JS, ajax.
0 votes1 answer -
Как постепенно делать бекграунд невидимым ?
Вот у меня бекграунд резко заканчивается там, где заканчивается контент. В принципе картинка плавно переходит в фон, но когда контента много. А когда мало - вот такая четкая граница, как сделать чтобы фоновая картинка внизу плавно исчезала, независимо от количества контента ?
0 votes6 answers -
Выравнивание в горизонатльном меню
Вот картинка : . Вот её исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70px; padding: 0; list-style: none; float: left; background-image: url(1.png); width:865px; height:60px; background-repeat: no-repeat; } #mainNav li { float: left; width: 143px; } #mainNav a { text-decoration: none; font-size: 18px; font-weight:900; color:#392411; font-family: Verdana, …
0 votes3 answers -
Перенос ссылки на верхнюю строку
Прошу помощи. Необходимо перенести кнопку "История" на верхнюю строку и соединить с "Отправить". <a onclick="действие" class="sendbutton"></a><a href="ссылка" class="historybutton"></a> A.sendbutton { background-image: url("send.png"); display: block; width: 79px; height: 26px; } A.sendbutton:hover { background-position: 0 -26px; } A.historybutton { background-image: url("history.png"); display: block; width: 80px; height: 26px; } A.historybutton:hover { background-position: 0 -26px; } Результат:
0 votes3 answers -
HTML5 теги (<header>, <footer> и т.д.) в FF3
Есть ли способ поддерживать HTML5 теги (<header>, <footer> и т.д.) в FF < 4 версии? Использую для ИЕ html5shiv. Я так понимаю, html5shiv можно использовать и для FF, но как подгружать ее только тогда, когда FF < 4 версии?
0 votes3 answers -
Как сверстать меню под углом
Вот интересует вопрос как сверстать вот такое меню: то-есть как развернуть каждый пункт меню под определенный угол.
0 votes2 answers -
Проблема с вертикальным отступом текстового блока
Здравствуйте. Я начал изучать HTML/CSS с верстки по PSD-макетам. И столкнулся со следующей проблемой: допустим у меня есть текст, который расположен ниже предыдущего объекта на некотором расстоянии, я не пойму как мне измерить этот отступ. Кегль равет 12pt (как удалось мне узнать он включает заплечики и высоту самой буквы), я измеряю расстояние (делаю это в Photoshop - 72dpi) в пикселях, от нижней части объекта до верхней части заглавной буквы не учитывая заплечико(потому что я не знаю чему оно равно). Вопрос в следующем, если какая то пропорция для размера шрифта и размера заплечика или как поступать с этим отступом?
0 votes5 answers -
Поломанные селекторы
Привет! Возникла проблема при использование соседних селекторов в браузерах Safari 5.1.7 Chrome 31.0.1650.57. В браузерах Opera 15 и IE 9(как не странно) все работает. Подведу к проблеме с помощью примеров. и так имеем код: http://jsfiddle.net/FxunN/ имеем результат: 1 блок не подсвечен 2 блок подсвечен оранжевым 3 блок синий все работает правильно, в любых браузерах. теперь добавим какой-нибудь псевдокласc, к примеру hover. имеем код: http://jsfiddle.net/AhC6Z/2/ При наведение курсора на блок номер один, имеем результат: 1 блок не подсвечен 2 блок подсвечен оранжевым (во всех браузерах) 3 блок подсвечен синим (в Opera и IE работает) (Safari Chrome не подсв…
0 votes3 answers -
Эластичное портфолио
Здравствуйте! Хочу сделать такого же механизма портфолио http://essenza.plusquare.pt/minimal/portfolio/. Чтобы контент растягивался при разных экранах и в одном ряде становилось от 4 до 2 элементов (в зависимости от экрана). Каким способом это можно сделать? Может быть есть готовые плагины jquery или статьи, не могу даже придумать что в запрос в гугле написать.
0 votes5 answers