HTML Coding

29542 questions in this forum

1. Экспорт макета из psd в png послойно

   Доброго времени суток. В хтмл и цсс не полный ноль, а вот народная мудрость "опыт не пропьешь" в моем случае не работает. У меня имеется макет сайта в .psd на +100 слоев. Я не помню, как это работало раньше. Если я экспортирую каждый слои в отдельный графический файл, то photoshop cs5\6 запоминает его расположение в файле, получается своего рода лист, но с элементом, который надо обрезать самому, пересохранять. Вопрос: А можно ли сделать как-то, чтобы каждый слой сохранялся со своим собственным размером, а не как элемент на пустом листе, где все основное место занимает "ничего"? Получается, мне каждый слои надо будет подрезать самому от всего остального фона?

   Asked by Eridani, October 8, 2013

   0 votes
   2 answers
2. Нубский вопрос

   Почему когда использую вот этот код: <? $connect=mysql_connect("&&&&&","&&&&&&&&","&&&&&&")or die(mysql_error()); $db=mysql_select_db("forum",$connect)or die(mysql_error()); $query="SELECT subject FROM `topics`"; $topics_subj=mysql_query($query,$connect); $topics=array(); while($topic=mysql_fetch_array($topics_subj)) { $topics[]=$topic; } foreach($topics as $arr) { foreach($arr as $value) { echo $value." "; } } ?> Выводится вот это: Тестовая тема Тестовая тема hello hello aosigo[agj aosigo[agj Hello Hello iaepjapg iaepjapg iaepjapg iaepjapg Приветик Приветик Приветик Приветик Тоесть к…

   Asked by Victor Ananiev, November 4, 2007

   0 votes
   4 answers
3. Под пункты меню вылазят за границы монитора

   Всем привет, друзья подскажите, как быть в такой ситуации ? Проблема с отображением меню на сайте, кто может подсказать, как исправить ?

   Asked by webdrafting, June 2, 2014

   • верстка
   • навигация
   • меню
   • navbars
   • границы монитора
   • html
   • css
   • menu
   0 votes
   6 answers
4. Медиа запросы, Safari и масштабирование. Что-то не так делаю.

   Приветствую специалистов по кросбраузерной верстке! Вот сайт http://durmitorsport.com/. [Основная] Проблема с фонами. В стилях прописано (мной): #header { background-image: url("../images/fons/1_main.jpg"); background-size: 100% auto; } @media only screen and (max-width:1366px){ #header { background-size: auto 100%; } } Проблема: в разрешении 1366px по горизонтали, если уменьшить масштаб в браузере, то должно отображаться, как будто разрешение больше оного. Вот в Safari это не работает. И как не масштабируй, @media only screen and (max-width:1366px) - все равно обрабатывается. Почему? Помогите разобраться. Скриншоты. …

   Asked by VasyOK{!}, July 24, 2017

   0 votes
   6 answers
5. Обьясните тупому, чем отличается id="" от class=""?

   Сколько не смотрю исходные коды страниц, везде вижу применение и id="" и class="", только не могу понять чем они отличаются, что в каких случаях применяется и т.д. и т.п. По функционалу вроде одно и тоже, единственная разница, которую заметил - это каким образом записывается в стилях (#id, .class). А еще то, что одному элементу двух и более id не присваивают, а с class история другая... Подскажите?! Может я вообще неправильно это все использую..

   Asked by mozart, May 24, 2008

   0 votes
   2 answers
6. помогите выровнить банер

   Подскажите решение , я уже замучился <table class="tablebg" cellspacing="1" width="100%"> <tr> <td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF --> </td> </tr> <!-- BEGIN forumrow --> <!-- IF forumrow.S_IS_CAT --> </table> <br clear="all" /> <table class="tablebg" cellspacing="1" width="100%" > <tr> <div align="center"><!-- IF ADS_10 --> {ADS_10} <!-- ENDIF --></div> <th colspan="2"> {L_FORUM} </th> <th width="50"…

   Asked by dimdimin, January 8, 2010

   0 votes
   18 answers
7. Проблема с hover в mozilla FF

   Всем привет! кусок кода html <div id="hor-navi" class="moduletablemenu"> <ul> <li> <a href="Здесь ссылка"><span>Главная</span></a> </li> </ul> </div> и кусок кода css .moduletablemenu { margin-top: -20px; text-align: top; background: url('../images/menu.png') bottom left no-repeat; } .moduletablemenu ul { list-style:none; margin-left: 30px; } .moduletablemenu li { float: left; height: 24px; font: 17px Arial; padding-left: 28px; text-decoration: none; } .moduletablemenu li a span { cursor: pointer; display: block; colo…

   Asked by divinorum, March 28, 2011

   0 votes
   11 answers
8. float или position - для размещения контента

   Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице" Возникла такая мысль - А насколько правильно, верстать опираясь на позиционирование блоков с помощью свойств float? Одно дело когда это действительно касается картинки которую нужно врезать в текст или что-то подобное. Другое дело формировать структуру отображения всего контента обернутого в различные блоки и раскидывать их налево или направо, и периодически не забывая, где нужно еще и clear впихивать. Это по сути теория, поскольку многие из вас наверняка скажут - "мол каждый верстает как ему удобно", но все же…

   Asked by cmndr_alexgreen, February 21, 2013

   • float position
   0 votes
   14 answers
9. select IE6

   Друзья, вобщем недавно в одной теме http://forum.htmlbook.ru/index.php?s=&...st&p=113221 BassEast предлагал решение одной херни, а точнее в ИЕ6 с её помощью работает выпадающий список и он перекрывает нижние элементы во время выпадения. Вобщем я повторил этот манёвр, в ИЕ6 заработало это чудо, но нижние элементы у меня почему-то закрываются этим выпадающим списком, вобщем помогите разобраться, в чём дело и как заставить в ИЕ6 работать всю эту хрень? http://psywalker.ru/Forum/Menu/6/main.html

   Asked by psywalker, September 11, 2009

   0 votes
   19 answers
10. Скругление углов

    Пример http://rubasket.com/novosti/nba/96-nba-fil...-rezultaty.html Захотел сделать скругление углов....Один добрый человек с вашего форума подсказал решение проблемы,но теперь пришла другая.... именно интересует нижнее скругление у блока right (там скругление сейчас плавает в связи с некоторой проблемкй,но это сейчас неважно....) А теперь по теме: как наложить на блок right два уголка(левый и правый) по 26 пкс каждый на самой нижней высоте(чтобы этои уголки упирались своим концом к концу right ?

    Asked by FASTDEATH, December 20, 2009

    0 votes
    17 answers
11. float или inline-block

    Здравствуйте, что лучше использовать для выстраивание блоков в ряд inline-block или флоат.

    Asked by like2dev, July 20, 2011

    0 votes
    2 answers
12. Задача невыполнима?

    Реально ли сверстать некий прямоугольный блок с текстом, удовлетворяющий следующим требованиям: 1. Закругленные углы 2. Тень со всех сторон 3. Полупрозрачность фона (что бы было видно все, что находится за блоком) 4. Резиновость хотя бы по высоте. 6. Корректное отображение при масштабировании страницы (через ctrl) как в + так и в - 5. Поддержка всех этих пунктов без исключения начиная с IE7+ Такой блок мне нужно сверстать независимо от того, возможно это или нет. Этого требуют от меня на работе. Пробовал вариант с прозрачными картинками, все вроде хорошо, но при масшабировании в хроме появляются артефакты в виде смещения в разные стороны бэкграундов на пару-тройку п…

    Asked by Bassline, April 14, 2014

    0 votes
    16 answers
13. table CSS

    Помогите, пожалуйста, с раскраской таблицы. <html> <title>test</title> <style> #gsearc-table { width: 100%} #gsearc-table td { width: 50%; vertical-align:top;} </style> <body> <table id="gsearc-table" border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html> Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца, которые должны располагаться симметрично. Ставлю им ширину 50%. Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, …

    Asked by girl, March 13, 2008

    0 votes
    7 answers
14. Помогите с меню

    Вот всё мучаюсь с меню, сделал вот на странице лучшая школа покера <select name='f_Regions[]' class='select' onchange='showDillers(this.value)'> <option value=''>Выберите регион...</option> <option value='4' onclick="document.location.href = 'regions/altay.php'">Алтайский край</value> <option value='5' onclick="document.location.href = 'regions/archangelsk.php'">Архангельская область</value> <option value='6' onclick="document.location.href = 'regions/astrakhan.php'">Астраханская область</value> <option value='7' onclick="document.location.href = 'regions/belgorod.php'">Белгородская область</value> <opt…

    Asked by Quest182, June 29, 2009

    0 votes
    5 answers
15. Маргает в ие

    Добрый день! Подскажите как бороться с морганием в ослике: #logo a { float:left; background: url(l.jpg) no-repeat left center; padding: 0px; margin: 0px; outline: none; width:268px; height:86px; } <div id="logo"><a href="/"></a></div> Когда наводишь мышку, моргает. В других браузерах нормально.

    Asked by phz, August 25, 2009

    0 votes
    11 answers
16. em, rem, % и иже с ними

    Всем большой трям. Постараюсь изложить суть: 1. Надо пользовать «резину» и адаптивность — т.е. @media-query, % от ширины, и т.д. 2. Привязку к базовой сетке обязательно надо тоже. Т.е. горизонтальное выравнивание (не путать с сеткой колонок). Оба пункта решаемы, если пользовать px в качестве единицы измерения и для элементов интерфейса (кроме резиновых), и для текста. Раньше я так и делал, все были счастливы (катастрофа с масштабированием шрифтов в древних версиях IE уже неактуальна, везде работает зум), особой надобности в этих ваших em-ах долгое время не было. Но с появлением дисплеев высокого разрешения (всякие там Retina), пиксель стал не совсем пикселем в привычном с…

    Asked by abused, October 17, 2012

    0 votes
    14 answers
17. line-height в разных ОС и браузерах

    Возникла такая проблема, виновник опять сафари (мак). Есть подключаемый через font face шрифт. На браузерах ОС windows все работает прекрасно.. А вот сафари уменьшает line-height на много, что собственно влияет на отступы текста.. Кто то сталкивался с такой проблемой? На stack overflow есть 2 подобные темы, ни в одном ответа нет..

    Asked by Нарек, June 18, 2014

    0 votes
    6 answers
18. float элемент выходит за нижнюю границу не float элемента

    Есть проблема. У меня есть div, в котором может находится любой текст, картинки, и вс? что угодно, так как это блок новостей, и администратор может размещать свою новость тут. Предположим, что новостной контент состоит из картинки и текста <div> <p><img src="test.jpg" alt="" />some text here</p> </div> Но это не самое красивое размещение текста относительно картинки, и администратор решает картинку сделать обтекаемой справа: <div> <p><img src="test.jpg" alt="" align="left"/>some text here</p> </div> И вот тут возникает проблема, картинка почему-то вываливается ниже нижней границы div'а. Немного поэксперементиро…

    Asked by Altex, June 19, 2008

    0 votes
    2 answers
19. Разместить рисунок выходящий за рамки ДИВа

    Привет всем! Мне надо разместить картинку в футере, кторая будет выходить за рамки ДИВа футера. Как это сделать? Помогите советом... или может кто-то сталкивался... прошу помощи

    Asked by privat, December 18, 2008

    0 votes
    11 answers
20. проблемы с CSS в Explorer

    Всем привет! Столкнулся с проблемой при создании выносного(расширенного) меню с помощью css. Странички пишу в html коде, в опере и мазиле всё отображается замечательно, но вот эксплорер не хочет работать. Как я уже сказал в опере всё работает, наводишь курсором на строку в меню и справа появляется расширенное меню (то есть пока курсор не наведёшь его не видно). А в эксплорере даже наводить не надо, всё отображается списком. ХЕЛП? что исправить или дописать? В файле css следуюший код: ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { width: 170px; z-index: 500; background: #ffffff; } ul.dropdown > li { …

    Asked by SLY87, December 25, 2009

    0 votes
    12 answers
21. Как сверстать такоя?

    Как сверстать такоя? Без js, только css. https://prnt.sc/tuhp95 Требования к результату: - нужна возможность крутить схему, надписи должны оставаться горизонтальными; - должен тянутся на 80% от вьюпорта; - нужна возможность масштабировать весь блок изменяя один параметр; - без использования js

    Asked by torsar, August 11, 2020

    0 votes
    9 answers
22. Как лучше сделать лого и название сайта?

    Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …

    Asked by web-monster, May 12, 2011

    0 votes
    13 answers
23. Обводка инпута красным/зеленым без JS

    Привет. Есть ли возможность только с помощью html5/css3 обводить поля красным/зеленым в зависимости от состояния инпута, не используя обработку событий с помощью javascript? Подскажите, как это сделать, как определить состояние инпута при помощи html5?

    Asked by hike, October 11, 2017

    0 votes
    4 answers
24. id & class css

    Здравствуйте! При использовании classa выделенный красным участок текста становится таким же жирным как и текст внутри тега strong, а при использовании id все отображается коректно. Пишу потому что код при использовании одного id к нескольким тегам не проходит проверку на валидность. .centerlinks { display: block; width: 305px; height: 55px; ___________________НЕ ПОЛУЧАЕТСЯ font-weight: normal; text-align: justify; } #centerlinks { display: block; width: 305px; height: 55px; ____________________ПОЛУЧАЕТСЯ font-weight: normal; text-align: justify; } <img src="tochki.jpg" class="tochkis" alt="rrr"> <a href="" class="centerlinks"&g…

    Asked by Alannn, August 23, 2009

    0 votes
    7 answers
25. как пофиксить баг в ИЕ6?

    сверстал страницу в слоях, но между контентом и боковыми колонками появляется небольшой пробел в ИЕ6, как пофиксить сей баг? <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="css/template_css.css" rel="stylesheet" type="text/css" /> <title>Test</title> </head> <body> <div id="container"> <div id="container-inner"> <div id="header"> HEADER …

    Asked by sc@r@bey, January 2, 2009

    0 votes
    5 answers