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
-
нужна помощ и консультация по div и сайту
Здравствуйте, Помогите пожалуйста с одно-страничным сайтом для внутреннего пользования завода, решил сделать сайт блочного типа вот есть только одно но, не получается растянуть блоки под разные разрешения экранов http://jsfiddle.net/z0nynx6r/
0 votes6 answers -
Теоретический вопрос по приоритетам псевдоэлементов
Добрый день! Наткнулся на интересную ситуацию. Собственно, суть: имеем такой вот мелкий код c first-letter, first-line: https://jsfiddle.net/pwvek2qn/ И я не пойму почему первая буква все равно закрашена в красный. Ведь, как я предполагал, если код выполняется последовательно и строка должна захватывать первую букву, то вся первая строка должна быть синей. То есть, получается что у first-letter что-то вроде !important?
0 votes2 answers -
"от кого" в приходящих сообщениях с сайта
Здравствуйте. Есть простая контактная форма на php: <?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $phone = htmlspecialchars($_POST["phone"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "Почта"; $sub = "Тема"; /* Формат письма */ $mes = "Заголовок\n Имя отправителя: $name Email отправителя: $email Телефон отправителя: $phone Комментарий: $message"; if (empty($bezspama)) { /* Отправляем сообщение, используя mail() функцию */ $from = "Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $f…
0 votes3 answers -
Проблема с отображением блока в браузерах, отличных от IE
Доброго времени суток. В процессе написания кода (сам я совсем-совсем новичок) возникла небольшая проблема. Суть проблемы - есть задумка сделать 2 черных узких блока (высотой во всю страницу), как бы колонны и разместить их слева и справа. Для этого был написан простенький код, который в IE6 работает как часы, но в Опере, Google Chrome, Mozilla Firefox не пашет. Если кто-то сталкивался с этой проблемой и знает её решение - помогите советом, пожалуйста. Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="style.css"/> </head> <bod…
0 votes2 answers -
Ширина таблицы
Тут какая-то неразбериха. Короче вот у меня 2 таблицы, в браузере ие, во всех версиях они по ширине одинаковые, но если запустить в других браузерах(мозиле, Сафари,Нетскейп, Опере, Хроме), то во 2-ой таблице ширина таблици больше ширины первой таблицы, то наоборот ширина первой таблицы больше ширины 2-ой таблицы. Скажите, как избавится? http://www.sharemania.ru/0108746
0 votes1 answer -
Разрыв между дивами
Добрый день. Возникает проблема уже не первый раз. Делаю закругление страницы с помощью бэкграунда, в ИЕ7 возникает промежуток между дивами. Как это можно исправить? Вот как это выглядит.Скрин Ps. Скорее всего на форуме этот вопрос обсуждался, но не знаю как в поиске описать подобную проблему
0 votes1 answer -
Подпункты левой части каркаса
Не получается сделать подпункты в левой части сайта. Пробую так не выходит. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title></title></head> <link rel="stylesheet" type="text/css" href="style.css"> <body> <table width="972" align="center" border="1" class="tab" > <tr> <td colspan="2"> <img src="img/header.jpg"> </td> </tr> <tr > <!———Левое меню————--> <!--2 строка 1 -ый столбец--> <td width="178" height="500px" valign="top"> <!--Внутренняя таблица для меню--> <p class="menu"> <table align="cent…
0 votes1 answer -
проблема с анкорами
Здравствуйте! Есть трехколоночный макет фиксированной ширины (который корректно работает под всеми браузерами). CSS (см. секцию LAYOUT в нем): /********** TOP-LEVEL ELEMENTS **********/ html, body { margin: 0; padding: 0; text-align: center; /* for centering layout */ } /********** FONT **********/ body { font: 76% arial, sans-serif; } /********** COLORS **********/ /* blue - #99f, orange - #fc3, black - #666, gray - #ccc */ body { background-color: #ccc; } .body { background-color: #fff; } .header { background-color: #666; color: #FFF; } .left { background-color: #99f; } .right { background-color: #99f; } .footer { background-color: #666; col…
0 votes2 answers -
Высота таблицы вписанной в ячейку
Всем доброго времени суток! Описываю картину: Таблица поделена классически(почти), три строки, верхняя - шапка, средняя - контент, низ - подвал. В среднюю ячейку, с контенотм, вписана ещё таблица из двух столбов(назовём её content), левый - меню, правый - основной контент страницы. У вписанной таблицы в стилях высота прописана 100% (height:100%). Вот в чём вотпрос, почему эти 100% в половине браузеров не воспринемаются? Т.е., 100% - это значит что таблица должна занимать всю высоту ячейки в которую она вписана, я так понимаю. И вместе со мной это понимают Chrome и Сафари, а вот Опера, Лиса и IE8 подгоняют её под наполняемость ячеек. Почему так? Как исправить несправедли…
0 votes2 answers -
Нарушена структура сайта
Помогите пожалуйста.у меня на сайте все расплылось.меню ушло вправо а все остальное ушло вниз.мне сказали что произошло нарушение в странице сайта.вот что у меня в странице сайта.помогите пожалуйста убрать лишнее или наоборот добавить. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body style="background-color:#99CCFF; margin:0px; padding:0px;"> $ADMIN_BAR$ $GLOBAL_AHEADER$ <table cellpadding="0" cellspacing="0" border="0" width="100%" style="paddi…
0 votes2 answers -
всплывающая подсказка в HTML (addthis код)
в следуйщем коде при наведении на иконку показывается стандартный текст сервиса addthis. что нужно дописать чтоб можно было по русски ввести нужные подсказки ? <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_vk"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_compact"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http:…
0 votes3 answers -
юникод
возможно ли сделать так, чтобы unicode символы выглядели одинаково во всех браузерах? пример: ? ? ?
0 votes5 answers -
как запретить обновление страницы
В общем вопрос: при перезагрузке страницы перебросило на другую страницу. То есть если, Я перехожу по ссылке и потом перезагружаю стр меня перебросит на другую страницу..или проще говоря как запретить обновление страницы ?
0 votes3 answers -
Проблема с таблицами
День добрый.С версткой работаю совсем недавно,поэтому надеюсь на ваше понимание.Сайт делался в программе SiteEdit Business. Вот собственно сам сайт - www.lidisha.ru Вопросы: 1.Неправильное отображение таблиц-все кривое 2.На этой странице http://lidisha.ru/futbolkimaiki.html раньше были овальные рамки-сейчас как-то съехало все(как исправить не знаю-уже месяц бьюсь) как понимаю икать где-то здесь #td52 { background-image : url(ugol_verh_left.jpg); background-repeat : no-repeat; height : 9px; } #td54 { background-image : url(ugol_verh_right.jpg); background-repeat : no-repeat; } #td56 { background-image : url(liniya_left.jpg); background-repeat : repeat-y; } #td58 { back…
0 votes6 answers -
оцените пожалуйста верстку!
сделал тестовое задание для jumior-HTML верстальщик, по заданию я выполнил не все пункты(это не обязательно) подскажите пожалуйста, что нужно или можно исправить. вот страница http://tuut.16mb.com/DB/ вот макет http://itmages.ru/image/view/596491/c75009aa вот таск: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайды должны переключаться автоматически и по нажатию на кнопки пагинации. 4. Слайдер резиновый. При малом разрешении зарезается справа. 5. Заголовок в контенте написан нестандартным шрифтом .. 6. Нажатие на кнопку «Вход…
0 votes2 answers -
фиксированная, резиновая, адаптивная... какую выбрать?
вопросов несколько скопилось... недавно начал изучать Html, css. и вот встал вопрос: какой дизайн сейчас чаще всего используется? и какой имеет наибольшие перспективы? спрашиваю чтобы сразу сделать упор именно на то, что наиболее перспективно. Сверстал несколько фиксированных шаблонов средненьких по сложности. ну тут все понятно... с горем пополам сверстал один резиновый... как я понял сейчас рулит адаптивная верстка... сделал один простенький адаптивный шаблон, но не понял как там поставить картинку в качестве фонового рисунка? она векторной должна быть или нет? может кто ответит как это делается? P.S. посоветуйте какие-нибудь ресурсы по адаптивной верстке, но в первую …
0 votes2 answers -
Как разрешить выход за левую границу окна браузера
В общем-то суть проста - заказчик хочет, чтобы сайт был размером 1920px в ширину, а при меньшем разрешении "уши" отрезались. Можно ли это реализовать средствами css? (как реализовать на js представляю, но хочу именно через css). По сути надо как-то разрешить дочернему элементу выходить за левую границу родителя, иначе он уезжает в правую сторону.
0 votes4 answers -
Убрать border
Здравствуйте, подскажите как можно убрать эту границу? Код можно посмотреть тут: jsfiddle -- Пробовал через псеводоэлементы :before, :after - не получилось. Так же через отрицательный z-index - но думаю, это не верное решение
0 votes5 answers -
Как продаются (и где) сайты "под ключ"?
Как продаются (и где) сайты "под ключ"? И что значит "под ключ"? Я как понимаю, это -- создал сайт, поставил на движок, опубликовал в инете и все...но где-то прочла, что сайт еще и должен приносить доход И еще: а как быть с доменом? с хостингом? Ведь, все зарегистрировано на меня.... Спасибо.
0 votes6 answers -
Фотоколлаж? Фотоколлаж!
Всем привет! Есть такая бяка: Коллаж состоит из очень мана много фотографий. При наведении на изображение происходит его увеличение(видно на скрине). Что-то похожее нашёл здесь: http://www.artox.com/. Здесь они выложили по контуру спаны с бг, потом сверху наложили трафарет, потом спозиционировали ссылки соответственно спанам, к которым при ховере добавляется бг. Может у кого есть какие идеи по упрощению?
0 votes7 answers -
white-space перенос padding
Вобщем если слово не помещается в ширину контейнера, то переносится целиком, все предельно ясно, но если у его тега <a> есть padding, то он остается на предыдущей строке, на рисунке все показано Как быть? нужно что бы переносился
0 votes0 answers -
Слайдер перекрывает выпадающее меню
Здравствуйте! У меня адаптивная версия сайта и в большой все окей, но когда открываешь на мобильному устройстве, делаеться выпадающее меню и слайдер перекрывает его. Вкурсе, что надо сменить z-index. Но не знаю где найти его. Возможно подскажите где найти или другое решение проблемы? Проблема тут
0 votes1 answer -
Идентификатор прокрутки страницы
Подскажите скрипт, который будет показывать начало и конец страницы и размещаться в самом вверху сайта. Видел на многих сайтах. Прокручиваешь страницу вверх и вверху страницы есть полосочка, которая показывает (как бы загрузкой) Идентификатор прокрутки страницы.
0 votes0 answers -
Из svg в png
Как из этого сделать .png изображения? , видел есть конвертеры онлайн, но че то не получается у меня правильно переместить в .svg файл данные <svg aria-hidden="true" style="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-user" viewBox="0 0 32 32"> <title>user</title> <path d="M15.782 0.381c-4.405 0-8 3.595-8 8s3.595 8 8 8 8-3.595 8-8c0-4.405-3.595-8-8-8zM15.782 2.667c3.17 0 5.714 2.545 5.714 5.714s-2.545 5.714-5.714 5.714c-3.169 0-5.714-2.545-5.714-5.714s2.545-5.714 5.714-5.714z"></path> <path d="M16 18.667c-8.515 0-15.619 5.867-15.619 13.333…
0 votes3 answers -
Либо я туплю либо ИЕ ;)
<!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>test</title> <style type="text/css"> body {padding: 0; margin: 0; border: none; border: 0;} .test {width:100%; height: 11px; background: red; text-align: center;} </style> </head> <body> <div class="test"></div> </body> </html> вроде бы простой не замысловатый код.. но в ИЕ6 устонавливается двойная высота %) мож я чё пропустил, или де лишнее …
0 votes2 answers