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
-
img в качестве фона страницы
есть изображение 1900*1000 оно в теге img размещено в div'е, у которого самый низкий z-index для div'а задана max-width и max-height таким образом в случае если разрешение экрана превысит размеры изображения, оно растягиваться не будет, а будет центрироваться margin'ами на разрешениях меньших, чем размеры изображения, картинка очень хорошо растягивается проверял от 800 до 1600 - больше монитор не показывает картинка ужата до 115Кб, качество осталось вполне сносное какие могут быть минусы у такого решения?
0 votes3 answers -
Вставка php в html инклудом
Заранее прошу прощение, может глупый вопрос. Просто в php я вообще не понимаю, пока изучаю html и css. Переделал html шаб из паблика, сделал его почти полностью на инклудах. Хочу вставить форму обратной связи. Пытаюсь через инклуд, а страничка "съезжает" в сторону и выдает ошибки. Вот так пытаюсь вывести в html документе форму связи <!--#include file="inc/index.php" --> Пробовал в .htaccess прописать AddType application/x-httpd-php .php .htm .html .phtml результат тот же, не работает. Помогите разобраться.
0 votes15 answers -
Почему изображения на странице видны только в мозила и не всех компютере?
может паможте? имею виду етат саит www.laztour.com спосибо заранее большое
0 votes6 answers -
пОзиционирование в шаблоне.
Я занимаюсь версткой шаблона, но не совсем понимаю одну вещь. Я задал в ксс: div.header {margin-top:0%; height:20%} div.rightcolumn {margin-right:0%; margin-top:20%;width:20%} div.content {margin-top:20%; margin-right:20%;width:60%} div.leftcolumn{margin-left:0%;margin-top:20%; width:20%} Это в body вставил: <div class="header"> </div> <div class="leftcolumn"> </div> <div class="content"> </div> <div class="rightcolumn"> </div> Но почему то все блоки друг под другом выставляются. Подскажите в чем проблема?
0 votes7 answers -
Помогите новичку
Никак не могу сделать отступ между картинкой слева и текстом справа. http://filmonokia.ru Как лучше сделать на DLE? Вот вывод новости: .news_content {margin:0 10px; font:13px Tahoma, Verdana;line-height:120%;text-align:justify;} Когда здесь ставишь отступ, то естественно сдвигается вместе с картинкой.
0 votes2 answers -
Иная реализация палитры
Всем привет не знал в какую тему писать... Есть небольшой скрипт, который очень объемный... Он просто меняет фон таблицы на выбранный, не хочется выкидывать цвета, но 40 кб для такого не очень важного в моей разработке слишком жирно. Можете подсказать как уменьшить или оптимизировать код, ну и заодно если покрасивее это как-то сделать можно тоже буду рад подсказке. Заранее спасибо! function mycolor() { var bigtable = document.getElementById('tableinput'); var color = document.getElementById('colortab').value; var d = '#'+color; bigtable.bgColor = d; } <select size="20" id="colortab" onchange="mycolor();"> <option selected="" value="DCDCDC">- выбор цвета …
0 votes7 answers -
Верстка эмайл рассылок
Как решается проблема верстки эмайл рассылок, сверстаных в html, под разные почтовые клиенты, особенно учитывая что сейчас почту читают с мобильных устройств, которые иногда не поддерживают html? Есть что сказать? В инете даже англоязычном мне показалось недостаточно информации.
0 votes2 answers -
Дочерне-родительские селекторы
Здравствуйте. Пример: <div class="main"> <ul> <li> <a href="http://site.ru">текст ссылки 1</em></a> </li> </ul> </div> Подскажите, как для div.main переопределить свойства, но только если внутри него (и внутри списка) есть ссылка на сайт site.ru? div.main ul li a[href^=http://site.ru] {...} изменить свойства ссылки, а нужно изменить свойства div.main.
0 votes3 answers -
резиновый Div во весь экран с отступами по краям
Пытаюсь сделать резиновый Div во весь экран с отступами по краям, только вот блок съезжает на право. ссылка Как реализовать задуманное, мой способ не работает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>XHTML</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> #head {width:100%; height:98px; margin:2px 10px; background:gray; border:2px solid black;} </style> </head> <body> <div id="head"> </div> </body> </html>
0 votes6 answers -
Сайдбар уехал в низ
Вот такая проблема. Поставил картинку и отформатировал статью. А сайдбар уехал в низ и то наблюдается только на главной. В чем может бить проблема подскажите пожалуйста.
0 votes3 answers -
Текстовое поле ломает таблицу
Добрый день. Имеется меню под шапкой, свёрстано таблицей: <table cellpadding="0" cellspacing="0" width="1181"> <tr> <td colspan="3"><img src="img/head.jpg" align="top"></td> </tr> <!-- верхнее меню --> <tr> <td id="leftmenu"><form action="search.php" name="search">Поиск <input type="text" size="18" name="sh"></form></td> <td background="/img/but_menu.gif"><center><a href="#" class="mainlevel">О КОМПАНИИ</a><a href="about.php" class="mainlevel">КАТАЛОГ</a><a href="members.php" class="mainlevel">СПЕЦ. ПРЕДЛОЖЕНИЯ</a><a href="project.php" class="m…
0 votes0 answers -
Div растягивает окно браузера
Всем здравствуйте. Хочу сделать предпросмотр фотографий для галереи с прокруткой (типа паровозик). Есть див с заданной шириной (меньше окна браузера) и overflow: hidden, а внутри его прокручивается длинный див с картинками, ширина больше окна (1500px). При просмотре страницы в FF внутренний длинный див отображается нормально. Но в ИЕ он разтягивает окно браузера на всю свою ширину. Подскажите как можно это обойти? Спасибо <style> #outerdiv { overflow: hidden; position: relative; width: 860px; } #innerdiv { position: relative; width: 1500px; } </style> <td align="center"> <div id="outerdiv"> <div id="innerdiv"> <img class=…
0 votes5 answers -
Как можно сделать "резинку" с применением % и px
Здравствуйте. Подскажите пожалуйчта, как можно сделать "резинку" с применением % и px, а именно: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; wid…
0 votes24 answers -
код+псд=?
до меня все никак не может дойти, сколько я не старался донести до себя следующую информацию: как происходит совмещение кода страницы и непосредственно шаблона ( псдшка ), с помощью каких программ, и как это называется в общем ? тухлые помидоры оставьте при себе, сами такими были
0 votes6 answers -
как сделать такое на div
css #test { margin-left:1px; margin-top:1px; border:1px solid #9999FF; float:left; width:30%; height:250px; display:block; background-color:#DEDEFF; padding:1%; overflow: hidden; } html <div id='test'> <table border='0' height='100%'> <tr> <td height='80%' valign='top'> первое </td> </tr> <tr> <td> второе </td> </tr> </table> </div> как можно заменить таблицу div ? когда вставлял 2 div vertical-align:bottom; не работал.
0 votes10 answers -
Тег select
Можно ли задать размер к выпадающему списку select размер в стилях аналогично атрибуту size? У селекта проставлен класс и можно на него влиять посредством стилей, а вот доступа к самому тегу нет и написать size проблематично. Как быть?
0 votes7 answers -
Панелька Вконтакте
На верхней панели Вконтакте (синенькая такая хренька вверху) есть ссылка "регистрация". (если войти на сайт то новости, группы и тд.) Как её туда запихнули? Нигде найти не могу, весь исходный код перерыл - только "див"ы нашел
0 votes1 answer -
Оптимизация фона
Здравствуйте, у меня возникла проблема при отображении фона сайта на меньших разрешениях монитора нежели у меня. Я делал сайт на мониторе 1920х1080. Проблема в том,что при уменьшении разрешения фон начинает обрезаться. Т.е. например головы льва и жирафа "отрезаются", из-за чего смотрится не очень...Мне на ум приходит или сжатие фона,т.е. на малых разрешениях рисунок будет сплющиваться по длине, или скроллинг горизонтальный. Какой вы можете посоветовать оптимальный выход из данной ситуации?И как его реализовать? Фон прописан вот так: html { background: url('../images/cork-bg.png') repeat ; } body { letter-spacing:0.05em; padding: 0; margin…
0 votes5 answers -
Проблема при увеличении формата страницы
Добрый день! Помогите, пожалуйста, решить одну проблему - при увеличении формата страницы через Ctrl+scroll блоки начинают наезжать друг на друга, а горизонтальная полоса прокрутки появляется только на 170%. Как можно их зафиксировать? Сам код: <!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=utf-8" /> <title>Слои по горизонтали</title> <style type="text/css"> .body { text-align: center; margin: 0; background-image: url(grad.png); backgro…
0 votes1 answer -
Форма для отправки Е-маийла
Возникла проблема с правильной вставкой форми для отправки Е-маёлов с сайта.. Письма отправляются, но текста в них нет.. помогите с проверкой кода: на странице - <form action="mail.php" method="post" name="f1"><tr><td align="left">Имя :</td><td><input type="text" name="name" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left">E-mail :</td><td><input type="text" name="email" style="border: 1px solid #BCBCBC; background-color: white; width: 130px"></td></tr> <tr><td align="left" valign="top">Текс :</td&…
0 votes19 answers -
Проблема с позиционированием
Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок. Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html БОЛЬШОЕ СПАСИБО знающим и понимающим!!)) <div class="post"> <div class="postmetadata"> <p class="date">15.11.2009</p> <h1><a href="/post.html">Как я напарил WebMoney</a></h1> <p><a href="#">Мои лучшие замуты</a> ><a…
0 votes2 answers -
Затруднения с hCard
Вот решил дополнить информацию о своем сайте с помощью hCard... Возник вопрос: где лучше размещать код, я имею ввиду на какой странице сайта (главной, контактах и т.д.) и еще: можно ли разместить код на одной странице, а на остальных просто поставить "метки" на код? ну, типа, чтоб значение для конкретной страницы считывалось например со страницы Контакты? пжлст, не пишите про Погуглить и все такое..уже пробовал - галяк.. Нужна конкретная инфо заранее спс
0 votes13 answers -
height ie6
желтые полоски (yellow long, short, medium) в ие6 задают себе какую то свою высоту хотя она прописана в ксс, никто не знает как пофиксить это?) в остальных браузерах нормально все выглядит)
0 votes4 answers -
меню сьехало
сьехало меню на сайте: как это исправить? вот css код меню: #leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;} #leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;} #leftmenu ul {position:relative; list-style-type:none;vertical-align:top; }
0 votes4 answers -
Атрибут onclick для тега TR и ссылки внутри тега
Есть таблица: <table> <tr onclick="document.location = '1'"> <td> Текст <a onclick="document.location = '2'" href="java script:;" title="Ссылка">Ссылка</a> Текст </td> </tr> </table> При клике на элементе TR осуществляется переход на 1, а при клике на ссылку переход на 2 не происходит... Как исправить??? помогите понять... Знаю, что-то похожее работает, а у меня не получается P.S. Пример работы сайт irr.ru - ссылка на добавление объявления в блокнот. Кажется мне понятно как это сделано на сайте irr.ru... после клика на ссылку в яваскрипте останавливается выполнение событий вверх по DOM
0 votes0 answers