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
29,542 questions in this forum
-
PHP
1. В пхп 0. Но пришлось делать форму обдатной связи... Можно ли чтобы if($send_contact){ echo "Ваше сообщение отправлено"; } выводилось в модальном окошке?? ПС. Просто когда нажимаешь submit у меня это сообщение занимает всю страницу. 2. Вот весь код <?php // Contact subject $subject ="$subject"; // Details $message="$detail"; // Mail of sender $mail_from="$customer_mail"; // From $header="from: $name <$mail_from>"; // Enter your email address $to ='penchukov.egor@yandex.ru'; $send_contact=mail($to,$subject,$message,$header); // Check, if message sent to your email // display message "We've recived your information" if($send_contact){ echo "Ваше сообщение отправл…
0 votes5 answers -
Список не дружит с float'ом
Здравствуйте, уважаемые форумчане. Давно занимаюсь версткой, но с таким не сталкивалась, помогите пожалуйста. Есть див с свойством float:left, в котором картинка, и есть список, который должен быть справа от него, а получается вот что, то есть маркеры перекрываются картинкой...что тут можно сделать? Вариант обернуть текст справа тоже в див с "float:left" не подходит, текст должен обтекать картинку. Заранее спасибо.
0 votes5 answers -
Помогите с меню 2
Надо сделать такое меню, или очень похожее, никто не сталкивался?
0 votes5 answers -
Положение картинок
Приветствую Сайт по центру, необходимо прикрепить справа и слева картинки. Поначалу они липки к краю экрана и при смене разрешения меняли свое место положение, относительно самого сайта. Не большой прогресс есть, я прикрепил картинки к краю фонового рисунка и при увеличении разрешения они остаются на месте вроде все отлично, но при уменьшении разрешения... получается - как сделать так чтоб они там и оставались? пытался делать отступы от центра, но тогда двигается весь сайт =( css #centr { width: 100%; max-width: 1300px; margin: 0 auto; background-image: url(http://remarg1.ucoz.ru/image2/testep.png); background-repeat: no-repeat; background-position: center top;…
0 votes5 answers -
родительские элементы для form
При верстке нтмл форм часто не нужно вспомогательных элементов и после открывающего тега form сразу вставляю <input или другой элемент форм. В таком случае IDE Netbeans подсвечивает предупреждение что такой элемент (input, select, label) не может быть дочерним элементом для <form>. Меня интересует почему так. И влияет ли это на валидность кода. Если вставлю input в любой блочный элемент (div или p), ошибка пропадает. Но для чего мне лишний элемент, если могу без него обойтись.
0 votes5 answers -
Фото за рамку
Всем добрый день. У меня есть масштабная проблемка так сказать) Есть рамка border: 1px solid black; Есть картинка, если указываю width: ***px, то тогда при масштабировании фото уходит за рамку. Если же указываю width: ***%, то тогда независимо от размера текста фото одного размера. текст мааааленький, а фото большое, текст большой, а фото маленькое....)))(ну в сравнении если смотреть) . Что делать? Я думаю надо как то сделать через width: ***px; но что бы он не выходил за рамку(при приближении).
0 votes5 answers -
Выпадающее меню и z-index слоев
Доброго времени суток Уважаемые форумчане. При верстке горизонтального выпадающего меню столкнулся с проблемой: необходимо выпадающие подпункты поместить под основные (всего на пару пикселей вверх, что бы перекрыть бордер и создать непрервыную обводку. Как здесь: Но при верстке получается, что выпадающие пункты имеют абсолютное позиционирование и находяться слоем выше, чем их родительский список, что привод к следующему результату: Вот код html: <ul id="menuhead"> <li id="lap1"><a href="#">Пункт 1</a> <ul id="ldp1"> <li class="podmenu"><a href="#">Управление объявления…
0 votes5 answers -
Проблема с картинками в ссылках
Вот такая проблема : Причём в хроме и в опере такой рамки вокруг выделенного элемента нету. Код: <p><table> <tr><td> <a class="tourlink" href="http://www.pegast.ru/samo5/search_tour" target="_blank"> <img class="tourimg" src="images/pegast.jpg" border="0" alt="" /> </a> </td> <td><a class="tourlink" href="http://search.teztour.com/?country=1104&city=345" target="_blank"> <img class="tourimg" src="images/tez.jpg" border="0" alt="" /> </a></td> <td><a class="tourlink" href="http://online3.anextour.ru/search_tour?DOLOAD=1&TOWNFROMINC=23&STATEINC=3&TOURINC=24&CHECK…
0 votes5 answers -
Таблица+overflow
Приветствую. Возникла проблема при вёрстке, на мой взгляд, необычной таблицы. Всё как бы ничего, но взглянув на картинку - поймёте, что требуется сделать и в чем загвоздка. Как можно реализовать данную фичу и можно ли посредством простого html? Думаю через overflow, но пока не знаю как именно. Может я неправ. Заранее спасибо.
0 votes5 answers -
Проблема с меню
Всем привет! Помогите решить такую проблему? У меня меню с кодом: <div class="container"> <ul class="menu"> <li><a href="#"> <span>Ссылка1</span></a></li> <li><a href="#"> <span>>Ссылка2</span></a></li> <li><a href="#"> <span>>Ссылка3</span></a></li> <li><a href="#"> <span>>Ссылка4</span></a></li> <li><a href="#"> <span>>Ссылка5</span></a>></li> </ul> </div> CSS: .container{ width: 100%; height: 100%; position: relative; } .menu{ width: 100…
0 votes5 answers -
Footer двигающийся за абсолютно спозиционированным контентом
Всем доброго времени суток! Такая проблема не удаётся разместить футер на законном месте, т.е. после контента. Все элементы проекта спозиционированны абсолютно, кроме футера, он должен "ездить" за контентом, в зависимости от наполнения. Подскажите плиз, у кого какие идеи есть?
0 votes5 answers -
баг с col в Opera
Наткнулся на такую проблему. Использую col:nth-child. Везде всё в порядке, а в опере, почему-то, к первому col применяется стили от второго, и так далее со смещением код под спойлером. или тут http://jsfiddle.net/dE6s4/ Версия: 11.51, насколько знаю должна хорошо поддерживать это свойство и использованные тэги.
0 votes5 answers -
input [type="submit"]
Здравствуйте, столкнулся с такой проблемой. Свойство #login input [type="submit"] { width: 100px; } не меняет размер кнопки. Побывал просто предовать id и класс кнопке , тоже не реагирует. Посмотрите код, подскажите в чем проблема. HTML <form id="login" class="x" name="login_form" method="post" action="#" > <p>Войти</p> <p>Имя пользователя</p> <input name="user_name" type="text"> <p>Пароль</p> <input name="user_password" type="password"> <input name="login_button" type="submit" value="Войти"> <p>Забыли пароль?</p> </form> CSS #login { float: right; width: 250px; border: 1px solid #dadada;…
0 votes5 answers -
Помогите. Направьте на верный путь
Здравствуйте дамы и господа! С недавнего времени я заинтересовался версткой сайтов. Прошел курс по HTML и CSS, ни по одному разу. Теперь я в тупике, незнаю в каком направление мне двигаться дальше. В интернете очень много полезных статей и уроков, но нет где бы досконально обьяснялись все элементы посторойки сайтов. Везде одно и то же - берем это ставим сюда, а вот это сюда, тоесть все делают за вас. Мне бы хотелось познать весь процесс целиком, а не просто знать, что куда пихать. Времени вагон, да и желание есть заниматся версткой. Прошу знающих людей помочь, подкинуть пару советов, в каком направление мне идти дальше. Я понимаю, что главное практика, но методом тыка - э…
0 votes5 answers -
Проблема масштабирования
Привет, есть код html: <div id="content"> <div id="content_1"> <div class="text1"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> <div class="text2"> <div class="t1">Lorem ipsum dolor</div> <div class="date">13.10.2011</div> <div class="nw">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet erat vel nisi condimentum et posuere nulla aliquet.</div> </div> …
0 votes5 answers -
Thickbox
Добрый день!уважаемые посетители сайта htmlbook.ru Недавно начал изучать html/css,хочу добавить на страницу картинки и потом их увеличить. Нашел в интернет плагин jquery Thickbox Thickbox, когда у меня одна картинка все прекрасно работает, а когда две и более не работает. вот например <a href="images/plant4.jpg" title="add a caption to title attribute / or leave blank" class="thickbox" rel="gallery-plants"><img src="images/plant4_t.jpg" alt="Plant 4" /></a> какой javascript код нужно писать для атрибута rel? Заранее спасибо
0 votes5 answers -
Форма отправки на проверку в css-validator
Это форма отправки на проверку в http://jigsaw.w3.org/css-validator/ из Notepad++ <form action="http://jigsaw.w3.org/css-validator/valid..." method="put"> <textarea name="text" rows="12" cols="75">%s</textarea> <input type="submit" value="Check" /> </form> Как сделать что бы отправка была автоматом при загрузке страницы. Без нажатия кнопки "Check"!
0 votes5 answers -
Validation
Line 20, Column 35: there is no attribute "name" <form id="login " class="x" name= " login_form" method="post" action="#" > ? You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in t…
0 votes5 answers -
Два блока
Возник очередной вопрос, как правильнее сделать и проще такую задачу. Первое что пришло в голову. HTML <div id="header"> <div id="menu"> <ul> <li>Control Panel</li> </ul> </div> <div id="sub_menu"> <ul> <li>Settings</li> </ul> </div> </div> CSS #header { width: 100%; background-color: #000; } #header #menu { height: 30px; } #header #sub_menu { height: 30px; background-color: #dadada; } #header #menu ul { color: #fff; } #header #menu ul li { float: left; padding: 8px 0px 0px 30px; margin: 0px 0px 0px 0px; list-st…
0 votes5 answers -
Проблемы с меню.
Есть достаточно сложное горизонтальное меню Вот css код: .menu LI { float: left; display: block; position: absolute; } .menu LI A { display: block; } .menu LI A:hover { display: block; text-indent: -9999px; overflow: hidden; /*+opacity:80%;*/ -moz-opacity: 0.8; opacity: 0.8; } .li1 { left: 80px; top: 88px; z-index:1; } .li1 A { width: 62px; height: 63px; background-image: url(img/onas.png); background-position: 0px px; } При таком раскладе появляется горизонтальный скролл на странице. Но если из .menu LI A убрать display: block, то скролл пропадает.Но и элемент меню тоже Как быть?
0 votes5 answers -
Вложенный контейнер выступает за границы
Помогите решить проблему. Есть код и есть следующие стилевые файлы вложенный контейнер никак не получается загнать в рамки. По идеи должен внешний расширяться. вот как это выглядит нужно чтобы кнопки влезли в бежевый контейнер
0 votes5 answers -
Выделение с map area
ситуевина: есть ссылка типа <a href="ssylka.html">ссылка</a> есть участок в изображении завязанный с map area: <area shape="poly" tooltip="ссылка" onmouseover="cvi_tip._show(event);" onmouseout="cvi_tip._hide(event);" onmousemove="cvi_tip._move(event);" href="ssylka.html" coords="184, 66, 338, 66, 338, 141, 184, 141" /> надо чтоб при наведении курсора на текстовую ссылку выделялся ещё и участок на карта подсвечиванием как если бы навести курсор напрямую на этот участок как эти две вещи можно друг с дружкой связать? есть ли способы попроще? заранее благодарю за помощЬ
0 votes5 answers -
Выделение строк в таблице при наведении
Имеется таблица 2 столбца и много строк, нужно при наведении мыши на одну строку, чтобы выделялась вся строка (менялся фон). Делаю так: style type="text/css"> #celltext:hover { background: #cbc7cd; } </style> <tr> <div id="celltext"> <td>456 </td> <td>123</td> </div> </tr> Не работает, но если сделать: <tr> <td><div id="celltext">456 </div></td> <td>123</td> </tr> будет выделяться, но это только одна ячейка... а мне нужно всю строку. Как можно реализовать?
0 votes5 answers -
Проблемма с inline-block в Safari
Проблема заключается в том, что сафари добавляет какие-то лишнии отступы. Подскажите пожалуйста, как бороться вот код http://jsfiddle.net/BKM7p/4/ .
0 votes5 answers -
Как реализовать такой футер?
В общем нужно сделать футер такой как в этом шаблоне Ссылка на шаблон с футером Футер прозрачный на всю длину окна постоянно внизу экрана не зависимо от полосы прокрутки. Спасибо.
0 votes5 answers