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
-
hover эффект
Есть два адаптивных изображения При наведении должно быть так: Как это сделать? http://codepen.io/anon/pen/VLdpvN
0 votes3 answers -
Возможно ли назначть изображение полям (за пределы wrapper'a)?
Привет всем! Как видите, у данного макета есть затемнённые поля (у нав-панели, у середны, и у футера) В моём коде средняя часть (и нав-панель, и основная часть, и футер) состоят в div'е шириной 940px и с margin'ом auto, то есть отцентрована) Вопрос: какими средствами можно затемнить эти поля? Как выявить именно их, чтобы присвоить рисунки? Или это невозможно и сделать всю структуру через table?
0 votes2 answers -
Как сверстать по таким требованиям слайдер ?
В макете есть слайдер который должен соответствовать следующим тре6ованниям: 1. Слайдер должен уметь работать без js (в случае если у пользователя нету js) (Я: как они могут без js работать ?) ; 2. Слайдер должен быть контентным (Я: как это ?); 3. Я: Фото в слайдере изменяется 50x50, 150x150, 240x240; 4. требования IE 10 + остальные браузеры - 2 последние версии; Помогите как сверстать такой слайдер понятия не имею....
0 votes5 answers -
Зазор между "плавающими" div'ами
Задача: Сделать 2 "резиновых" дива с заданным цветом и родительским дивом. Первый див прижат влево, второй вправо. Проблема: В opera, chrome, safari между дивами появляется зазор в 1 пиксель сразу или при масштабирование окна браузера по ширине. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="ru" /> <title>The table</title> <style type="text/css"> html, body { margin:0px; padding:0px; } #div0 { width:100%; background-col…
0 votes2 answers -
Книга по html
Доброго всем времени суток. Какую посоветуете книгу по изучению html?
0 votes6 answers -
Нестандартный шрифт, кириллица
Всем привет. Подключаю шрифт, все ок, на англ. раскладке все подхватывается, на русской раскладке нечего не изменяется, стандарнтый Arial. В чем может быть проблема ?
0 votes7 answers -
какие свойства css доступны в Jquery?
какие свойства css доступны в Jquery для использования в функции animate?
0 votes2 answers -
Передвинуть блок
Как выровнять блок по центру? Вот сайт - линк Чтобы увидеть блок, спуститесь в самый низ сайта и нажмите справа на ссылку v1.0 Нужно чтобы после клика по ссылке блок появлялся примерно в центре. Тоесть вот так - линк
0 votes4 answers -
Два дива друг на друге по диагонали
Как это реализовать,помогите
0 votes2 answers -
После использования include появляется Пустая полоса в 26px
Начал изучать веб верстку. начал с Азов. Делаю шапку сайту, пишу такой код: <body style="margin:0px; padding:0px;"> <div style="width: 950px; margin:auto; border: 5px solid #96bbae;"> <div style="height:140px; color:white;"> <div style="width:100%; height:30px; background-color:#96bbae;"> бла-бла </div> </div> </div> </body> По крайней мере в опере все отображается как надо. Теперь я выношу этот код в отдельный файл. Пишу: <?php include "header.inc.php"; ?> Теперь этот код лежит там. За исключением тега боди. Теперь между Первой рамкой и всем остальным внутри появляется пустая полоса в 26 пикселей! Если смотреть…
0 votes3 answers -
Двойная тень <IMG>
Подскажите пожалуйста, хочу сделать тень картинки с изгибом концов, Ничего не получается, если за место img поставлю div, то получается тень, вот код: .boxBlock { /*width: auto; height: auto;*/ /*min-width:100px; min-height:60px;*/ background:#FFF; margin:10px; padding: 0px; position: relative; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transfor…
0 votes4 answers -
вопрос по SCSS
Здравствуйте, знакомлюсь с scss, и один из примеров решил воспроизвести, код просто переписал, но при компиляции в css выдает ошибку не пойму в чем проблема. Вот проблемный scss миксин: @mixin triangle ($width, $dir, $color) { @if $dir == up { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-bottom: $width/2 solid $color; } @else $dir == down { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-top: $width/2 solid $color; } }А вот что выдает при компиляции: Error: Invalid CSS after …
0 votes3 answers -
При создании textarea для написания кода, нужна табуляция строк, а не переход по индексу
Добрый день, столкнулся с проблемой в textarea, так как это поле для написания кода в нем должна быть табуляция строк, а не переход по индексу. Подскажите пожалуйста можно ли как то отключить tabindex именно на этом поле?
0 votes1 answer -
Окрытия мобильного приложений по клику на ссылку
Всем привет, может знает кто-нибудь реализацию открытия приложения по клику на ссылку?
0 votes1 answer -
Многострочность
Добрый день. У меня вот какая проблема возникла. Есть гостевая книга. Текст каждого сообщения заключ?н в теги . Сделал возможность пользователю делать шрифт подч?ркнутым, зач?ркнутым и т.д. псевдотегами , [l][/l] и т.д., которые потом меняются программой на ... Но вот какая проблема возникла. Работает это только однострочно. А хотелось бы, чтобы можно было выделять тегами большие куски текста. Поискал по форуму и в гугле, но ничего токового не наш?л. Подскажите пожалуйста решение моей проблемы. Спасибо.
0 votes3 answers -
Стили ссылок
Вопрос по стилю ссылок - больше направленный на стиль ссылок-картинок У меня в style.css стиль ссылок такой: a { color: #76d074; } a:hover { color: #ff4a4a; } ну и соответственно, в коде страницы непосредственно <a href="xxx"><img src="xxx"></a> так вот в мозиле все ок, в Опера живет своей жизнью - как хочет показывает, IE - вообще синюшные какие-то. Так вот. Вопрос таков - можно ли сделать их одинаково зелеными? сайт www.zhivoyfest.ru
0 votes2 answers -
Непонятный пробел между блоками
Помогите пожалуйста побороть блочную верстку в IE6 Есть сайт: http://demo.metrowars.ru/ Открывайте его только в IE6!!! Для полного эффекта нажимаем Ctrl+A (выделить все на странице) и видим пустые места (будут выделены синим) Так вот вопрос ... в чем собственно может быть трабла ? Во всех остальных браузерах все отлично, так откуда пробел между дивами? заранее спасибо, жду вашего ответа ...
0 votes2 answers -
Вопрос По Обтеканию Картинки Текстом...
есть на странице з закладки при выборе каждой из закладок текст на странице изменяется без перезагрузки страницы. поверх текста слева фотка. внимание вопрос как сделать так, чтобы фотку обтекал текст не зависимо от выбора закладки. пока мои идеи 1 разместить фотку в каждую закладку 2 в каждой закладке сделать пустое оптекаемое место(див) по размеру фотки может както попроще можно?
0 votes1 answer -
Fifeboard
Исходный код: <tr class = "fb_sectiontableentry1"> <td class = "fb_leftcolumn"> <strong>Прикрепить изображение:</strong> </td> <td> <input type = 'file' class = 'button' name = 'attachimage' onmouseover = "helpline('iu')"/> <input type = "button" class = "button" name = "addImagePH" value = "" style = "cursor:hand; width: 40px" onclick = "java script:emo(' ');" onmouseover = "helpline('ip')"/> <strong>Имя файла латинскими буквами, размер не более 50kB.</strong> </td…
0 votes2 answers -
Проблема с высотой таблицы
Добрый вечер. Можете помочь . Не могу верно задать высоту внутренней таблице – игнорирует. Нужно сделать так чтоб таблица которая имеет три внутренних таблицы имели свою высоту только верхняя и нижняя таблицы а таблица которая по середина должна будет сама рассчитывать свою высоту – высоту я к ней не задаю Высота главной таблице – 100% Высота верхней таблицы будет – 70px Высота нижней таблице – 55px Из этого получаем код : ??? Прошу помочь <body> <table height="100%" > <tr> <td> <table height="70px" bgcolor="gold" > <tr> <td> …
0 votes4 answers -
Размещение контента наверху (после <body>), а визуально в центре
Сопровождаю сайт с табличной версткой. Естественно что код с меню (с большим количеством ссылок - 15-20) и header находятся выше контента; хоть я и спрятал все детали оформления под CSS (остались только <td> и <tr>), но хотелось бы еще упростить жизнь поисковым роботам. Где-то вычитал, что при верстке слоями есть возможность расположить код с контентом выше всего остального, хоть визуально текст будет находится в середине странички, окруженный меню, хедером и футером. Подскажите пожалуйста, как вот в этом примере расположить код слоя с контентом поверх всего остального, но визуально оставить в центре. Если не трудно приведить пожалуйста несколько примеров так…
0 votes7 answers -
Отдача файлов скриптом
Пытаюсь отдавать файлы скриптом.. $rar = $_POST['rar']; $rar1 = ("$rar.rar"); $file = ("/aaaa/aaaaa.rar"); header("Content-type: application/octet-stream"); header ("Content-Length: ".filesize($file)); header ("Content-Disposition: attachment; filename=".$rar1); readfile($file); exit(0); Редирект и скачивание происходит успешно, но при открытие архива архива выдает: "Архив повреждён или имеет неизвестный формат". Если нажать в архиваторе исправить - то все нормельно.. А еще когда исправляю в архиваторе - пишет "поврежден заголовок архива, считать архив непрерывным"? В чем проблема и где выход?
0 votes5 answers -
Opera игнорирует clear: both
Сразу скажу, что во всех браузера (и даже ie6, ie 7), всё гуд. Но опера в своем репертуаре. Пример: <div id="content"> width:960px; margin:0 auto; <div class="left"> float:left;width:250px;padding-right:10px; </div> <div class="right"> float:right;width:700px; </div> </div> <div id="footer"> clear:both;width:960px;height:120px;margin: 0 auto; </div> В опере футер накладывается на правый блок. Опера 11.
0 votes5 answers -
FLASH + MYSQL
На сайте есть флэш файл с картинками внутри. Мне нужно, чтобы те картинки, которые купил пользователь, отображались в этом флэш файле. 1. Во первых надо как-то сделать так, чтобы флэш прочитал куки,а именно взял оттуда имя пользователя. 2. Затем по этому имени обратился в базу и получил переменные купленных картинок (например: стакан - 0, значит стакан не куплен, и соответственно мы его не отображаем) 3. И наконец написать скрипт отображения (я буду использовать на картинках MovieClip и ставить им статус visible true/false в зависимости от полученного из бд результата). Спасибо за соучастие. P.S. Первый пункт кажется мне нереальным, а без него дальше, наверное, ничего не …
0 votes4 answers -
Работа clear
Доброго времени суток. Верстал шаблон и столкнулся с такой проблемой. Внутри блока если поставить у элемента clear, то он вылетает за пределы блок. Если не поставить то верхний блок залезает на элемент. Собственно сабж http://jsfiddle.net/wagJb/1/ Заранее спасибо за помощь.
0 votes5 answers