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
-
Хочу написать блог
Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…
0 votes10 answers -
Про svg и css
Может я что-то не так понял, но похоже, к инлайновым svg-элементам нельзя применять обычные цсс-стили (отступы, позиционирование, картинку на фон итд), точнее можно, но они не работают. Как тогда ровнять/позиционировать инлайновые svg-элементы?
0 votes3 answers -
Подскажите пожалуйста
Подскажите пожалуйста, как сделать вот так как здесь http://htmlbook.ru/content/ ? Тоесть такой список, что например кликаешь по "Основы HTML" и открываеться список "Структура документа, Структура файлов и так далее"?
0 votes11 answers -
Сложная растягиваемая разметка
В общем существует следующая проблемка: Есть хэдер, у него есть скажем 5 частей: АБ центр ВГ где А,Б,В,Г - рисунки при разрешении экрана 800х600 должно быть видно только Б центр В а если выше то появляется АБ центр ВГ причем АБ обязательно находится в крайней левом положении страноицы а ВГ крайнем правом (сама растяжка) т.е. в зависимости от разрешения видна либо половина рисунка справа и слева либо полный рисунок притянутый по краям... центральная часть остается на месте.. вот такая хитрая штука, может кто сталкивался и может на примерчике показать как такая растяжка делается? заранее СПАСИБО,
0 votes10 answers -
введите свой e-mail
Здравствуйте Всем! Такой вопрос, как сделать, чтобы пользователь мог вписать и-маил и подписаться на расылку? и второй вопрос: во всем сайте один див в мазилле, опере нормально, а в ие буквально на 5 пикселей растягивается вниз, что можно сделать? Заранее благодарен!
0 votes8 answers -
Вопрос для гуру верстки
Всем привет столкнулся вот с такой проблемой http://clip2net.com/clip/m32940/1273163333-clip-501kb.jpg все что помечено стрелочками должно быть за пределами экрана монтиора начиная от разрешения 1024 на 768 , без полосы горизонтальной прокрутки в браузере.Полоски слева и справа от контента репитится и снизу уголки должны быть внизу полосок.Помогите -"пиваза" поставлю материально))
0 votes7 answers -
Растягивающийся фон
Всем привет, в процессе верстки столкнулся с проблемой которую нужно решить средствами css и html. Задача: требуется сделать растягивающийся фон, который будет при любом изменении экрана сохранять свои пропорции. К примеру есть картинка 3:4, если размер экрана становится узким по высоте(3:10 например), тогда картинка растягивается по ширине сохраняя пропорции. А если узким по ширине, тогда растягивается по высоте сохраняя пропорции. Соответственно так как пропорции сохраняются часть картинки просто не показывается, остается за пределам браузера, скрол не показывается.
0 votes8 answers -
Помогите подключить Bootstrap
Скачал Bootstrap пробую подключить но не как не выходить пишет вот такую ошибку - https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970752 Вот сам код в шаблона header `<?php /** * Шаблон шапки (header.php) * @package WordPress * @subpackage your-clean-template */ ?> <!DOCTYPE html> <html <?php language_attributes(); // вывод атрибутов языка ?>> <head> <meta charset="<?php bloginfo( 'charset' ); // кодировка ?>"> <?php /* RSS и всякое */ ?> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="alternate" type="app…
0 votes1 answer -
CSS transition
Не работает transition при появлений модального окна: <a class="btn">Modal</a> <div class="modal"> <div class="overlay"> <div class="content"> <a class="close">X</a> <h1>Title</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt repellat asperiores rerum animi officiis minus corporis iure voluptate accusantium, ut optio ratione iusto nemo delectus. Quasi illum libero dolorum neque?</p> </div> </div> </div> //scss .modal .overlay{ position: fixed; top: 0;left: 0; width: 100%;height: 100%; backgroun…
0 votes1 answer -
background внизу страницы
Помогите реализовать градиентный background, который прикреплен внизу страницы... Структура шаблона примерно такая: Верхний градиент Зеленая шапка Центр врапер зеленый футер нижний градиентУже много вариантов перепробывал... никак не могу заставить этот самый градиент залезть под самый низ... он у меня получается как второй футер, на всю свою высоту :'( CSS: div#gradient_bottom_l { position: absolute; z-index: -1; } div#gradient_bottom_r { position: absolute; bottom: 0; height: 302px; overflow: hidden; } div#gradient_bottom { background: url(../images/gradient_bottom.png) 0 0 repeat-x; height: 302px; } div#gradient_bottom_l { background: url(../images/grad…
0 votes4 answers -
Проблемма с dreamweaver 8!!!
Помогите пожалуиста, у меня такая проблема. В общем вставляю картинку в редактор как положено, копируется в папку с саитом, а когда я сайт выкладываю в инете то в место изображении пустои квадратик с крестиком в левом верхнем углу!
0 votes9 answers -
Интернет Эксплорер Не Слушаеться
У меня следующая проблема: Мне нужно сверстать таблицу,вот такую : но меня мучает одна проблема,видите наверху слева где.бекраундом вставлена картинка,а таблица в Интернете Эксплорере нехочет,чтобы эта картинка прижималась к верхнему бортику и в результате получаеться ОТСТУП,который я Просто не в состоянии убрать.чё тока я уже не пробовал...Помогите пожалуйста решить проблему,вот например в Мазиле всё Отлично,нету никаких отступов,а проблема именно в ИЕ Вот код : <!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"> <head> <meta http-equiv=…
0 votes4 answers -
Ширина колонки
Нужна помощь вот по такому вопросу: у меня три колонки. Центральная колонка - это текст. При отображении в браузере без картинок (опера) центральная колонка налезает на правую колонку. Вопрос не решает установка ширины... Можете подсказать в чём дело. Сайт
0 votes2 answers -
Резиновая верстка
Всем привет. Вот допустим у меня разрешение экрана 1280х1024 в body стоит min-width: 980px;max-width: 1500px; шапка ( она сейчас единственная вставлена ) имеет разрешения 1300х453px, как я могу сделать чтобы, у меня не появлялась полоса прокрутке, а шапка растягивалась. И хотелось бы узнать как завиксировать отдельный блок чтобы он не растягивался. Спасибо. <!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></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="sh…
0 votes9 answers -
Открыть ссылку в новом окне
Читал на сайте статейку про Атрибуты ссылок. Меня интересует target="_blank" _blank — загружает страницу в новое окно браузера. Но я решил, чтобы буду верстать по строгому стандарту DOCTYPE (string). А в статье написано: Каким образом тогда открыть ссылку в новом окне?
0 votes9 answers -
При наведение мыши убирать пунктирное подчеркивание и давать сплошное
Здравствуйте Имеется меню которое php выводит из smarty шаблона Пункт "Специальные предложения" выделен пунктиром <span id="small_white_bold"><a href="/main/">Главная</a></span> <span id="small_white_bold"><a href="/about/">О компании</a></span> <span id="small_white_bold"><a href="/news/">Новости</a></span> <span id="small_white_bold"><a href="/articles/">Статьи</a></span> <span id="small_white_bold" style="border-bottom: 1px dashed;"><a href="/special/">Специальные предложения</a></span> <span id="small_white_bold"><a href="/contacts/"…
0 votes3 answers -
font-size и line-height
Проблема такого плана. Есть строка текста со шрифтами разных размеров. Например так: text <span>qwerty</span> Здесь текст в теге <span> может иметь отличный от остального теста font-size И Line-height. Выравнивание определено как vertical-align:baseline; Вот моя тестовая страница: <!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="ru" /> <meta http-equiv="Con…
0 votes1 answer -
Фон в Opera и Mozilla Firefox, прокрутка в Opera
Здравствуйте. В Opera и Mozilla Firefox возникла проблема с фоном, при использовании кода приведённого ниже. В блоках #container_obhvat и #footer используются одинаковые фоновые изображения, однако между блоками в этих бразерах явно видна граница (см. скрин.), почему эта граница возникает? В IE6 границу не видно. Так же появилась проблема с прокруткой. Блок #footer должен прижиматься к низу, когда мало контента, в Opera появляется вертикальная прокрутка, которой быть не доложно, почему она возникает? Я заметил, что в Opera, когда появляется горизонтальная прокуртка, возникает и вертикальная. <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head&…
0 votes2 answers -
css
Помогите найти ошибку, пожалуйста, не могу применить сss <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title> Первая страница </title> <link rel="stylesheet" type="text/css" href="E:\mai_sait\scripts\mystyle.css"> </head> <body> <table cellspacing="0" width="1000" summary="первая страница"> <tr> <td height="150" width="1000" bgcolor="#CCFF99" colspan="4"> <center>Шапка</center> </td> </tr> <tr> <td height="850" width="200" bgcolor="#CCFF99"> <center><h1>Меню1</h1> <img src="file://E:\mai_sai…
0 votes7 answers -
svg шрифт
Хочу сделать логотип сайта в формате svg, но не получается сохранить картинку с нужным шрифтом, браузер выдает стандартный times new roman вместо muriad pro. Это вообще возможно, сохранить svg картинку с нестандартным шрифтом? Пользуюсь adobe illustrator
0 votes6 answers -
Выровнять текст по центру и по левому краю
Необходимо сверстать адаптивный блок в котором текст будет в центре и выровнен по левому краю. Такая вот простая задачка, решение которой я никак не могу найти
0 votes12 answers -
Возможен ли такой трехколоночный макет?
Возможен ли такой резиновый трехколоночный макет? Сверху - заголовок, затем столбец таблицы слева, посередине - слой, справа - снова столбец таблицы, снизу - подвал. Нигде такого не видел, но хотелось бы использовать. Или можно применить только полностью табличную либо верстку только на слоях?
0 votes7 answers -
Hit Bug in Firefox and Flash
Баг связаный с флешем в мазилле кто знает как обойти? position absolute и fixed не катит.
0 votes6 answers -
Фотка не растягивает блок в галереи
проблема с ие6 и 7, на скриншоте http://ifolder.ru/18212372 - сори более удобного способа для закачки не нашел, ссылка на страницу http://elki.undersite.ru/test1.html
0 votes8 answers -
Проблема с отображением картинки
Добрый день. Возник такой вопрос, если в internet explorer нет картинки, но существует тег img, то на его месте появляется квадратик с крестом, в opere квадратик с надписью "изображение". Как это убрать, в mozille ничего такого нет все это дело там скрыто, как добится такого же в IE и Opera?
0 votes12 answers