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
-
Как верстать подобный сайт? (пример)
Здравствуйте! Подскажите новичку, как сверстать такой сайт www.lecristal.com.ua? Это таблица или что? Спасибо)
0 votes4 answers -
Схлопывание WTF!?
Вроде разбирался с этим схлопыванием месяцев несколько назад все ок было, щас вот делаю разметку и в голове полная каша. Вот ниже код очень простой гляньте: HTML потом CSS <h1> ТЕКСТ1 </h1> <p> ТЕКСТ2 </p> h1 { margin-bottom:20px; } p { margin-top:20px; } тут мы видим что образуется схлопывание, т.е отступ будет между этими элементами не 40px, а 20px. из книги: cхлопывание не срабатывает если: для элементов, у которых установлено свойство padding. для элементов, у которых на стороне схлопывания задана граница; на плавающих элементах (для них свойство float задано как left или right); для строчных элементов; для <html>. для элементов, у …
0 votes4 answers -
В чем проблема?
Всем доброго дня! Верстаю страничку с css, с помощью div хочу вставить картинку вот пример кода #zone_top_right{ width:10px; right:0px; background:url(css/elements.png) repeat-x 0px -201px; } на главной странице прописываю этот div, открываю браузер и картинки нет, если на главной странице картинку вставить через <img src="#"/> то все работает. В чем я ошибаюсь? код главной страницы <html> <head> <link rel="stylesheet" rev="stylesheet" type="text/css" href="new.css" /> </head> <body> <div id="zone_top_right"></div> </body> </html>
0 votes3 answers -
Увеличение картинки при наведении на ссылку
Имеется такой вот код. Картинка представленна ссылкой, которая увеличивается при наведении. И имеется текстовая дублирующая ссылка. Что сказать текстовой ссылке, чтобы при наведении на нее, картинка также увеличивалась? <style type="text/css"> .blok1 {position: relative; cursor:pointer; display: inline-block;} .blok1 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;} .blok1:hover img + img {display: block;} </style> <div class="blok1"> <a href="#"> <img height="100px" src="1.jpg"/> <img height="200px" src="1.jpg"/> </a> </div> <a href="#">link1</a>
0 votes3 answers -
Поле для поиска
вот я создал поле для поиска на странице, но от него пока нет толку потому что оно не задействовано, как его задействовать,с помощью чего точнее?вот допустим в этом поле ктото чтото вводит и вот нажимает на кнопку "найти", а что бы чела куда то перекинуло что нужно вписать?я не прошу мне писать код я хочу сам.просто обьясните что должно быть примерно.да так на всякий случай я знаю только html и css . этого хватит или в этом случае потребуются и еще другие знания?
0 votes4 answers -
меню htmlbook
прокрутное меню сделано с помощью overflow???
0 votes4 answers -
Слайдер
Сначала слева вылетает первый текст, потом следом второй и все это очень быстро, потом справа вылетает картинка Нужен слайдер который может выполнить вот эти требования. Подскажите пожалуйста
0 votes1 answer -
атрибут alt тега img
В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?
0 votes1 answer -
Как перенести текст на новую строку
Как в данном случае сделать так, что бы строки не соединялись, а перепрыгивали на новую с сохранением border-bottom.https://jsfiddle.net/r7yfh1xf/
0 votes1 answer -
Растровое изображение в векторное
Подскажите, как можно преобразовать растровое изображение в векторное, без потери качества? Изображение вроде не сложное, без высокой детализации... я пробовал использовать трассировку в Adobe Illustrator, но там изображение деформируется, меняется, линии не ровные получаются... Как это можно сделать? Исходное изображение в png и пример в simple.svg - то что получил трассировкой в Illustrator Simple.svg
0 votes0 answers -
Полный бред с @media запросами
Сделал я шаблон и решил сделать его адаптивным. Вобщем чтото пошло не так, медиа запрос стоит на min-width(900px) and max-width(1000px) но уменьшая окно браузера я заметил что отчёт идёт от 720 пх и до 800 пх. Что это за бред вообще не понимаю.
0 votes1 answer -
не работает:(
Привет Всем! подскажите в чем косяк, не работает такая вот конструкция а должно быть вот так:
0 votes0 answers -
как сделать вкладки в одном блоке
хочу сделать на сайте блок с вкладками - как здесь http://yznaem.ru/ - Рубрики -Новые записи- Новые комментарии. Понимаю что это вордпресс, но не понимаю как сделать на обычном сайте.. подскажите?
0 votes1 answer -
Проблема с флоатом.
Доброго времени суток, столкнулся со следующей проблемой: есть область, ширина резиновая в 80% по монитору, в нее ставляю 4 элемента, у элемента стоит флоат лефт, ширина и высота фиксированная и пытаюсь все это хозяйство поставить по центру этой 80% ширины, если 4 элемента выстроенны в 1 строку все хорошо, идет отцентровка по центру, а если уменьшить разрешение монитора, то получается 3 на 1 строке, 1 на 2 строке и обе строки прижаты влево. Как бороться?
0 votes2 answers -
Вопрос по верстке
Привет всем. Меня интересует, как с помощью сss регулировать минимальную ширину объектов. Ну вот например сайт lookatme.ru, если зайти на страницу любой статьи, спуститься в комментарии, и уменьшить окно браузера, то комментарии не уменьшаются по ширине, а "прижимаются" к левому краю страницы. Как такое сделать?) Честно говоря, даже не знаю, где искать, т.к. толком не понимаю, ЧТО искать) Так что сорри за неинформативный заголовок топика. Развернутое окно броузера: Уменьшенное окно: (комменты не сузились, а просто прижались вбок)
0 votes3 answers -
Что за ошибка
Line 184, Column 29: character "&" is the first character of a delimiter but occurred as data <li><a href="" >Kato & Jon - Turn The Lig...</a></li> This message may appear in several cases: You tried to include the "<" character in your page: you should escape it as "<" You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. Another possibility is that you forgot to close quotes in a previous tag.
0 votes5 answers -
Граница столбца не видна в опере/ie
Почему-то опера 11 и ie 9 не понимают конструкцию <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"></td> <td>правая колонка</td> Т.е. я пытаюсь сделать простейший разделитель между двумя колонками. Отображает его только хром. Разделитель становится видимым, только если указать, что колонка непустая, т.е. добавить пробел: <td>левая колонка</td> <td width="1" style="border-right: 1px dashed #167AAC;"> </td> <td>правая колонка</td> Но это приводит пусть к небольшому, но увеличению ширины колонки - она уже не 1px.
0 votes3 answers -
Список с возможностью ввода доп.записи
Добрый день! Помогите с реализацией задумки. Имется таблица из 3-х столбцов. ip - ucastnik - address Нужно сделать форму для добавления новых данных так чтобы при добавлении была возможность указать несколько значений поля ip для одних значений ucastnik и address.
0 votes11 answers -
отсечь на средней колонке кусочек сверху
страница бьется на 3 колонки, у средней колонки есть желание отщипнуть сверху кусочек для другого стиля кусочек упорно жмется к левому краю, а нужно наверху средней колонки в чем может быть дело? #header{ position:fixed; width:60%; height:80px; top:0; left:20%; border-width: 1px; border-style: dotted; border-color: red; background:blue; } в макетах ничего не нашла
0 votes1 answer -
Горизонтальное меню
Как реализовать простейшее горизонтальное меню, чтобы было кроссбраузерно? (ie 7-8) Можно ли сделать таблицей? или это не правильно?
0 votes3 answers -
Растянуть текст в меню
Текст в меню не растягивается на всю ширину, justify не помог, как это исправить? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Титл</title> <style type="text/css"> a:link{ color:#FFFFFF; text-decoration:none;} a:visited{color:#FFFFFF;} a:hover{ color:#FFFFFF; text-decoration:underline;} a:active{color:#FFFFFF;} nav { background-color:#afafaf;/*цвет фона*/ border:1px solid #4c4c4c;/*рамка в 1px чёрного цвета*/ height:40px;/*высота блока*/ margin-left:5%;/*отступ слева*/ margin-right:5%;/*отступ справа*/ font-family:Tahoma, Geneva, sans-serif;/*семейство шрифта*/ font-size:20px;/*высота текста*/ text…
0 votes1 answer -
Blowfish в php
До этого я хешировал пароли в md5, в новом проекте я решил использовать алгоритм blowfich для хеширования паролей. Есть такой код $pass = crypt($pass, '$2a$08$8ff3p77rpx5h5u1pdy79p1$'); для теста я захешировал два пароля - qwerty и случайную последовательность буквоцифр длиной примерно в 30 символов. Результат меня немного удивил. В базу записалось две строки - и Видно, что хеши отличаются парой символов. Что я делаю не так?
0 votes2 answers -
Фон для страницы
Здравствуйте гуру сайтостроения, хотелось бы узнать, каким способом можно сделать такой фон, в частности аквалангист ( код http://jsfiddle.net/n7W6p/ )
0 votes6 answers -
два всплывающих окна
помогите пожалуйста советом на страничке я использовал jquery-плагин fancybox2 для создания всплывающих окон. проблема в том, что не получается создать всплывающее окно поверх другого всплывающего окна например на указанной страничке можно: кликнуть по ссылке "список прикреплённых"(откроется всплывающее окно №1)и затем на "добавить"(откроется всплывающее окно №2)затем нажать крестик в верхнем правом углу окна №2. в результате закроются оба окна, а мне нужно чтобы закрылось только окно №2 если такое поведение окон невозможно реализовать при помощи этого плагина, то подскажите пожалуйста какой другой использовать
0 votes3 answers -
Подскажите как заставить срабатывать по таймеру
Добрый день! Есть код, который срабатывает при наведении, а как сделать чтобы он срабатывал по таймеру? <div class="imgholder"> <div class="outer1 circle"></div> <div class="outer2 circle"></div> <figure> <img src="../images/claudia-galhardo.jpg" /> <figcaption class="caption">TEST</figcaption> </figure></div>.imgholder{ position:relative; width:120px; height:120px; border-radius:100px; float:left; margin:40px 30px;}/* thumbnails style */.imgholder img{ position:absolute; left:0; top:0; width:120px; height:120px; z-index:5; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; …
0 votes4 answers