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
-
Как запретить браузеру переносить заданную строчку
собственно сабж строку 07-ААА123456 иногда браузер разделяет на две строки после дефиса(в таблице) как ему запретить делать это через поиск ненашел, поэтому запостил подскажите пжлст
0 votes11 answers -
проблема со слоями в IE6+
Буду очень признателен в оказании мне помощи, т.к. я только начинаю осваивать азы верстки... Пробую настроить шаблон VM на Jooml`e. Увеличил шаблон мини изображения, картинка увеличилась но текст справа наезжает на нее. Поправил красные поля, в Firefox все выглидит так как надо, а в эксплорере текст поверх картинки и в высоту длина не увеличивается. float: left пробовал добавлять к картинке... #product_list>div { /*Оформление "квадрата" с информацией о товаре */ border-right:1px #E5E5E5 solid; background-image:url("../images/t1_bottom.gif"); background-repeat:no-repeat; background-position:0 100%; margin-top:1em; margin-bottom:2em; margin-left:10px; margin-r…
0 votes6 answers -
Скрыть сразу несколько блоков (javascript)
Здравствуйте! Скажите пожалуйста как можно с помощью события onclick скрыть несколько блоков div сразу. Допустим есть блоки wind1, wind2, wind3, wind4. Для каждого из них в меню есть кнопка. Нужно чтобы при нажатии на кнопку 1 показывался блок wind1, при нажатии на кнопку 2 скрылся блок wind1 и отобразился блок wind2, то есть при нажатии на кнопку показывался только соответствующий блок, а остальные скрывались. Я решил эту проблему так: wind1: <div id="button1"> <a class="but" href="#" onclick="document.getElementById('wind1').style.display='block'; document.getElementById('wind2').style.display='none'; document.getElementById('wind3').style.display='none'; doc…
0 votes2 answers -
Див, залазиющий на див
Здравствуйте! Подскажите пожалуйста как сделать слой, который будет поверх первого слоя и на всю ширину первого слоя? У меня имеется первый слой - - он включает в себя все слои. А мне нужно сделать еще один слой, который бы был поверх этого слоя и не влиял бы на первый (я хочу сделать эффект затемнения по правому краю страницы)..page-container { width:99%; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; }
0 votes14 answers -
Inline-block в IE6. какая-то лажа=(
есть многострочная менюшка, состоящая из елементов типа inline-block с фоновой картинкой и именем элемента. Через каждые четыре пункта вставлен тег </br>. В FF и опере все происходит адекватно, в IE6 перевод на новую строку просто игнорируется и пункты выстраиваются по всей ширине экрана. Использую атрибуты Display:inline; zoom:1; для получения инлайн-блока в експлорере. стили выглядят так: html>body li.catalog_block, li.first_in_line_catalog_block для всех кроме ие { list-style:none; display: inline-block; width:132px; height:188px; text-align:center; color:#f3f3f3; font:bolder 15px/10px Sans-serif; text-decoration:none; } *html li.catalog_block, li.fi…
0 votes7 answers -
как закрепить меню
Здравствуйте! как закрепить меню, чтобы при свертывании окна internet explorer меню не смещалось вот ссылка на сайт это не реклама http://www.play-on.ru/ . И как сделать, что бы при разных разрушениях монитора меню не было сверху таблицы с текстом. и что бы сайт нормально отображался в разных интернет браузерах
0 votes6 answers -
Засветление рисунка
Ребята, а сделать так, чтобы не создавать рисунок с изображениями, нормальной картинкой и засветленной и этот код использовать: .menu{ list-type-style:none; } .menu li,.menu a{ width:84px; height:30px } .menu a{ float:left; display:block; background-repeat:no-repeat; background-position: 0 0; } .menu a:hover{ background-position:0 -30px; } .menu .home{ background-image:url(images/button1.jpg); } А проще, как это сделать так чтобы было засветление рисунка, когда на него наводишь указатель мыши? Кажется это нужно делать на js, но нет под рукой примеров
0 votes15 answers -
Как сделать бордер по краю окна?
Есть сайт http://sommaire.qphost.net/total-art/ Нужно для него сделать бордер в50px по краю окна браузера, чтобы бордер все время был 50 пикселей и контент не заезжал на эту рамку. Я сделал там позиционирование по средине вертикальное, теперь вот сложнова-то с рамкой. Мож кто что подскажет? или может предложите решение + другой способ вертикального выравнивания по центру, относительно окна браузера.
0 votes20 answers -
Проблема с png и ссылками в IE6
Значит есть некий div, background которому я слелал png, и вставил в него 3 ссылки. Ссылки естественно тоже png. Так вот эти значит ссылки в IE 6 не работают - как ссылки, :|:/
0 votes6 answers -
Сайт уезжает по вертикали за границу окна
Помогите пожалуйста девушке. которая только что начала изучать CSS и блоки. Простейший шаблон: сверху шапка, слева меню, справа контент. САйт должен быть вытянут по вертикали до низа. Если контента много то соответственно он должен вытягиваться дальше и появляться должна прокрутка. В данный момент он соответсвенно пуст, но почему то уходит за границы экрана. Помогите решить мою проблеу, пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ Без Имени</title> <link href="style2.css" …
0 votes7 answers -
Непонятки со sql и еще пара вопросов
Всем добрый день. Вот список следующих вопросов: 1. Ошибка при создании таблицы. Дело там в строке show, а именно в дефаульте. Используя этот же синтакс до этого другие таблицы нормально создавались, а тут не пойму в чем дело... mysql_query("CREATE TABLE `guestbook_settings` ( aspam char(5) DEFAULT false, emoticon char(5) DEFAULT true, mail char(5) DEFAULT false, show int(2) DEFAULT '10' ) "); Ошибка при создании таблиц - 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'show int(2) DEFAULT '10' )' at line 6 П.С. А есть ли какой-нибудь тип полей для логических …
0 votes10 answers -
убрать всплывающую панель управления изображениями
При наведении курсора на изображение появляется панель с возможностью печати, сохранения рисунка. Как ее убрать?
0 votes4 answers -
Не работает прозрачность в png на IE7
Все никак не могу добиться, чтобы в IE7 png с прозрачным фоном нормально отображались - все равно IE прозрачность в упор не видит. При том, в IE8, Firefox, Opera, Chrome и Safari все работает. Я пробовал сохранять png и фотошопом, и корелом, и даже паинтНЕТом - один фиг не работает прозрачность. Пожалуйста, кто сталкивался с этой проблемой, подскажите решение! Заранее спасибо.
0 votes11 answers -
Не подлючается шрифт Dymaxion Script
Почему браузер не отображает шрифт 'Dymaxion Script' ? Скачивал несколько, но безуспешно @font-face { font-family: 'Dymaxion Script'; src: url('../fonts/DymaxionScript.ttf'); } div { font-family: 'Dymaxion Script'; font-size: 50px; } DymaxionScript.ttf
0 votes9 answers -
Какую CMS лучше всего использовать новичку?
Хотелось бы узнать какую CMS лучше всего использовать новичку, в которой можно без проблем использовать собственный дизайн и в которой понятно как управлять контентом. И если можно где почитать о той системе которую вы предложите! Заранее спасибо!
0 votes16 answers -
Выравнивание поля формы с изображением
Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. form.htm <HTML> <TITLE>Form</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <FORM method="post" class="cform" id="cformsform"> <FIELDSET class="cf-fs1"> <OL class="cf-ol"> <LI id="li--1"><LABEL for="cf_field_2"><SPAN>Your name<…
0 votes3 answers -
Относительное позиционирование
Уже не первый раз сталкиваюсь с этой проблемой, но всё как-то старался обходить, теперь хочется вникнуть. Вот есть у меня, предположим, такой код: <div id="header"> <img src="background.gif" alt="" /> </div> Мне нужно ПОВЕРХ этого изображения добавить ещё один слой. Делаю так: <div id="header"> <div id="lay" style="position: relative; left: 700px; top: 25px;"><img src="image.gif" alt="" /></div> <img src="background.gif" alt="" /> </div> Сталкиваюсь с такой проблемой... Image.gif имеет высоту в 10 пикселей. Так вот, это изображение показывается ПОВЕРХ background.gif и, казалось бы, все довольны, но... Почему, спрашив…
0 votes6 answers -
Макет для верстки начинающим
Приветик всем, решил поделится с форумчанами макетом для верстки. Начинал верстать сам с макета райра, искал по инету еще макеты но там их очень мало, вот макет более сложный чем райра на радость новичкам Особенности верстки. Резиновая верстка, Минимальная ширина 1024px, Три блока с картинками должны быть полупрозрачными и тянущимися Вот ссылка на psd http://www.rehabsensory.ru/maket/roza.psd
0 votes9 answers -
Аналоговые часы на css
И так вопрос, у меня есть нескольно картинок с изображение <div style="background:url(images/clock_bg.gif) 0px 0px no-repeat;height:85px;width:85px;"> <div id="clock_hour" style="background:url(images/hour.gif) -340px 0 no-repeat;height:85px;width:85px;"> <div id="clock_minutes" style="background:url(images/minutes.gif) -510px 0 no-repeat;height:85px;width:85px;"> <div id="clock_second" style="background:url(images/second.gif) -4845px 0px no-repeat;height:85px;width:85px;"> </div> </div> </div> </div> Первый div, c изображением циферблата (основной бекграунд) Второй div, с изображением часо…
0 votes7 answers -
img, вылезающая за пределы div?а в Opera при уменьшении размера окна
Имеется код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>title</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…
0 votes2 answers -
Значение отступов взависимости от разрешения.
Подскажите, можно ли как нибудь так прописать в css чтобы значение отступов для браузера различалось при разных разрешениях монитора, Например: чтобы для 800х600 равнялось нулю, а для 1024х768 и выше = 3%. Или без скриптика тут не обойтись?
0 votes10 answers -
таблица и overflov
Приветствую. Не получается решить следующую проблему: есть таблица с 1 ячейкой. в ней находиться текст. если не указана ширина таблицы, то текст, который содержится в ней не должен отображаться а прятаться в ней. вроде все сделал как надо. в ячейку всунул div с overflow:hidden; но таблица тянется по контенту. как это вылечить, подскажите плиз
0 votes3 answers -
проблема с отображением флеша
http://www.minimonsta.com.ua Большой флеш-ролик в шапке загадочным образом не отображается в IE7? Кто виноват и что делать? Я не вижу никакой существенной ошибки?
0 votes10 answers -
Не могу объединить в один два блока
Помогите, пожалуйста. Проблема состоит в моем незнании))) Приобрел скрипт и не могу разобраться. Изначально в шаблоне два блока, лежащих соответственно на двух белых "подложках", сверху идет имя сайта и поисковая строка, в нижнем все остальное. Мне этот дизайн не понравился и верхний я убрал, а нижний заменил своим рисунком. Как сделать так чтобы этот рисунок вмещал в себя всю верхушку тоже (как сделать так чтобы все на сайте стало одним, и его рамками стал рисунок). Когда я смещаю всю верхушку вниз она прячется под рисунок и основное содержание. Скажите пожалуйста, что нужно исправить в скрипте? body{ SCROLLBAR-FACE-COLOR: #ececec; SCROLLBAR-HIGHLIGHT-COLOR: #c2c2c2; SC…
0 votes5 answers -
Высота блока 100% высоты родителя
Добрый день! Нужен макет сайта, с высотой и шириной 100%. Хэдер и Футер(прижат к низу окна) с фиксированной высотой 100px, а Центр - остаток высоты документа (height: 100%). Центр "разбит на две колонки, так, что бы они имели высоту 100% от родителя, тоесть от Центра. У меня в принципе получилось. Тоесть, в FF и Chrome отображается так, как мне и нужно (Высота сайта равна высоте окна, и не выезжает за ее пределы), а вот Opera почему то Центру применяет высоту 100% не от родителя, а от всего документа. (Как отобразиться в IE и других браузерах - не важно. Главное что бы на этих трех было правильно) Почему так? И как исправить это безобразие? Chrome сделал все правильно: …
0 votes7 answers