HTML Coding

29,542 questions in this forum

1. Как вы прописываете псевдоклассны для ссылок

   Господа, день! Добрый! Появился такой логичный вопрос как вы в стилях прописываете псевдоклассы для ссылок, и прописываете ли их вообще ) То есть всем известно что можно писать так a:link {color:#FF0000} /* unvisited link */ a:visited {color:#00FF00} /* visited link */ a:hover {color:#FF00FF} /* mouse over link */ a:active {color:#0000FF} /* selected link */ а можно ли писать просто: a {color:#FF0000} без псевдоклассов ? Интересует конечно аспект семантичности и кроссбраузерности последнего примера :-) PS: при условии что никаких действий по наводу клику и прочее не происходит, ТО есть для всех 4-х состояний они абсолютно одинакоые :-) Заранее спасибо за профессиональ…

   Asked by TonKhaO, July 22, 2009

   0 votes
   6 answers
2. Углы в Opera и Ie

   проблема вот в чём: Опера: Интернет Эксплорер: ?? Как сделать чтобы в опере и ie одинаково было? ——————————————————————————- Кстати, к слову, видите чёрные кнопочки наверху (это меню) в ie они меньше, чем в опере и background целиком не влезает. дело вот в чём: (ну хоть это и так понятно, но всё же) css: #menu a { display: block; width: 161px; height: 16px; font-size: 10px; font-family: arial; padding-top: 2px; background: url('/img/a_.gif'); color: white; text-align: center; } И в опере высота "a" = height(16px)+padding-top(2px) и получается высота a_.gif (18px) А вот ие не прибавляет паддинг к высоте и остаётся просто height 16px. ?? как сделать, чт…

   Asked by iavn7, July 22, 2009

   0 votes
   12 answers
3. Портативность документа

   Есть домен httpS://x1.ru и домен http://static.x1.ru На сайта (httpS://x1.ru/index.html) указаны в html всякие <img src="http://static.x1.ru/i.jpg"> Нужно каким-то образом написать ссылки так, чтоб можно было сменить название домена, но ссылки при этом остались бы правильные без редактирования всего сайта. -- Думал над вариантом <base href="http://static.x1.ru/"> и таким образом придется менять только base у каждого документа один раз. Но тут проблема в том, что часть картинок ведет на static.x1 ,но часть по прежнему с базового x1. вариант с PHP автоматически подставлять в названия ссылок правильный адрес или делать тоже самое с JS не хочется. Есть ли какая …

   Asked by valenok, July 22, 2009

   0 votes
   8 answers
4. убрать рамку вокруг рисунка

   подскажите, как убрать рамку рисунка, сам рисунок является ссылкой

   Asked by direct, July 22, 2009

   0 votes
   7 answers
5. Вопрос по слоям в css. Нужна помощь.

   Приветствую. Есть сайт, нужно прикрепить картинку к нижней левой части браузера, чтобы она была как бы над сайтом (верхним слоем). вот картинка: Сайт помечен как серый квадрат, картинка как красный. Красный квадрат уперается в конец всего изображения, это конец(низ) браузера, как должно выглядеть Как лучше реализовать это?

   Asked by BadBoy, July 23, 2009

   0 votes
   8 answers
6. Проблема с меню в IE7

   Помогите разобраться пожалуйста Верхнее меню в мозиле и эксплорере отображается по разному: http://upsservis.ru ксс. #header { clear: both; width: 750px; height: 45px; margin: 0 auto; } #logo { float: left; padding: 10px 0 0 0px; color: #000000; background: inherit; width: 300px; } .slogan { float: right; border-left: 1px solid #CCCCCC; padding: 0 0 0 20px; } #hmenu { padding: 13px 0 5px 0; float: right; } #hmenu ul { margin: 0px; padding: 0px; } #hmenu ul li { float: left; /* располагаем список по горизонтали */ list-style-type: none; /* удаляем маркеры */ } #hmenu ul li a { padding: 12px 13px 2px 11px; text-decoration: none; color: #414141; backgro…

   Asked by Mitshan, July 23, 2009

   0 votes
   2 answers
7. ff 3.5.1 в ul остается маркер после указания list-style-type: none;

   Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры. html <ul class="navigation"> <li>Главная</li> <li>Программа</li> <li>Услуги</li> <li>Клиенты</li> <li>Контакты</li> </ul> css #header .navigation { float: left; width: 1004px; color: #787878; padding: 0; margin: 0; } #header .navigation ul { list-style-type: none; padding: 0; margin: 0; } #header .navigation li { float: left; margin: 0; padding: 0; } У кого ещё такие проблемы были? Как решать? Нашел проблему. Если указываешь #header .navigation ul, то Ope…

   Asked by Вадим, July 23, 2009

   0 votes
   4 answers
8. apache Directory Listing + CSS

   Подскажите, пожалуйста, как изменить внешний вид вывод директорий с помощью css...

   Asked by rolph, July 23, 2009

   0 votes
   4 answers
9. Мягкая тень вокруг li

   Возник реальный вопрос. Png-прозрачность и все-такое уже умею. Не могу понять как сделать растягивающиеся кнопки с тенью через li. Вот пример:

   Asked by Вадим, July 23, 2009

   0 votes
   17 answers
10. Smarty - Вопросик

    Я понимаю что переменные смарти это ПХП переменые. Вопрос такой, как их выводить методами ПХП? Пишу так: { $item.id } - выводиться Ид, всё номально Следом пишу так {PHP} echo $item.id {/PHP} - но выводиться не ИД а только то что после точки ("id"). Перебераю разные другие варианты : $item['id'], $item[$id], $item.$id и в результате вообще ничего не получаю. Объясните пожалуйста , чо к чему =))

    Asked by Axel186, July 23, 2009

    0 votes
    3 answers
11. Помогите найти литературу по HTML!

    Мне сказали ,что для работы в веб-дизайне нужно для начала изучить HTML,потом перейти к PHP Ну и т.д.!Что вы посоветуете?спс)

    Asked by Artur_Koch, July 23, 2009

    0 votes
    6 answers
12. Список по горизонтали

    Есть пациент: http://diystores.ru/ Суть проблемы - ниже шапки идут 5 блоков градиентом (1,2,3,4,5). В IE 6,7 съезжает 5ый блок на след. строку. Сам блок: <div id="sellPan"> <ul> <li><h2>1</h2></li> <li><p>2</p></li> <li><p>3</p></li> <li><p>4</p></li> <li><p>5</p></li> </ul> </div> CSS для блока #sellPan{width:100%; height:230px; position:relative; margin:0 auto; padding:0; background: url(images/top-bg.gif) 0 0 repeat-x #FFFFFF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;} #sellPan ul {width:100…

    Asked by daykkin, July 23, 2009

    0 votes
    12 answers
13. <div class="clearer"></div> чем заменить?

    Привет, друзья! Как можно избежать конструкцию типа <div class="clearer"></div> Мой код такой: ... <div id="header"></div> <div id="content"> <div class="left"></div> <div class="right"></div> <div class="clearer"></div> </div> <div id="footer"></div> ...

    Asked by Вадим, July 24, 2009

    0 votes
    2 answers
14. вставка файла excel в iframe

    Всем привет)Мне нужно,чтобы на странице внутри iframe появлялась табличка excel. Сложностей по идее быть не должно: <iframe src="anyfile.xls" width=600 height=500></iframe> но вот какая беда-вместо того,чтобы просто отобразиться во фрейме, файл автоматически запрашивается на скачку, а внутри фрейма остаётся белое поле.Как его заставить просто там отобразиться?

    Asked by Orion11, July 24, 2009

    0 votes
    4 answers
15. Использование float делает ссылки в элементе недоступными

    Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((

    Asked by Net-lady, July 24, 2009

    0 votes
    9 answers
16. img width 100% в IE6

    Здравствуйте Никак не могу преодолеть проблему. В шапке есть хайрезовая картинка: <div style="width:100%; height:200px; overflow:hidden;"> <img src="img/pic.jpg" style="max-width:100%;" /> </div> Как сделать так, чтобы картинка ресайзилась в IE6? В IE7 помогла max-width:100% Нарыл в и-нете фикс для этой проблемы: img { -ms-interpolation-mode: bicubic; } Но он у меня почему-то не работает Есть ли какие-нибудь решения/фиксы/хаки для этой проблемы?

    Asked by Chervontsev, July 24, 2009

    0 votes
    7 answers
17. откуда берутся теги <a>?

    Привет всем, создаю сайт на Джумле. при выводе контента в IE текст подчёркивается как ссылка. открываю notepad->открыть->http://fpsu.genesisweb.com.ua/index.php?option=com_content&view=article&id=90%3A-15-10-&catid=1%3A2009-06-19-18-32-02&Itemid=2〈=uk нажимаю открыть получаю вот это... ни каких пустых тегов а нету: <!-- Creeping line start --> <div class="creeping_line"> <marquee behavior="scroll"><a href="index.php">На узгодження з ФПУ надійшов черговий варіант проекту спільного наказу Міністерства охорони здоров'я України та Міністерства праці та соціальної політики щодо Порядку безоплатної видачі молока, з яким ф…

    Asked by skalinkin, July 24, 2009

    0 votes
    5 answers
18. Как скрыть последствия относительного позиционирования?

    Здравствуйте! Столкнулся с такой проблемой. На сайте есть несколько категорий каждой из которой присвоена отдельная картинка. Эта картинка по умолчанию выводится в середине страницы. Идея была такова, что бы переместить картинку категории в верх и сделать её шапкой. Сначала установил картинку через position: absolute; - всё отображается прекрасно, но так как сайт фиксированной ширины и висит в центре экрана с полями справа и слева, то на мониторах с разрешением отличным от моего, картинка съёзжает в бок, ибо привязана к углу окна. Подвинул через position: relative; от того места где она выводится в верх. Всё хорошо, но на месте где она была раньше остаётся огромное белое…

    Asked by foksik, July 24, 2009

    0 votes
    2 answers
19. Странное поведение margn-top в FF

    Столкнулся с проблемой позиционирования блоков в Огнелисе 3.5.1. (в опере и ослике нормально) Приведу код для примера: <body> <div style="background:#999999; width:500px; height:300px;"> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="background:#009966; widt…

    Asked by L0k!, July 24, 2009

    0 votes
    3 answers
20. Проблема с блочной вёрсткой

    Есть блок, внутри которого находится маркированный список. Как сделать так, чтобы маркеры не вылезали за рамку блока? Пробовал padding'ом — не помогает. Вот, собс-сно, блок, в котором проблема: http://www.schoolukrainka2.ho.ua/problema/index.html Вот CSS: http://www.schoolukrainka2.ho.ua/problema/style.css

    Asked by San-ch93, July 25, 2009

    0 votes
    4 answers
21. Видео вставить в обтекаемый текст! Подскажите!

    Пожалуйста, подскажите как вставить видео в текст. видео в формате <td width="277">[flv:/video/Rombi(4_26).flv 277 200]</td> вот нужная страница на сайте Nature Tan http://www.naturetan.ru/proizvoditel/ Спасибо! P.S. Пока вставил в таблицу и справа написал комментарий)))

    Asked by АИСт, July 25, 2009

    0 votes
    2 answers
22. Проблема в IE6

    Уважаемые форумчане, делал я тут сайт и решил использовать в нем блоки со скругленными углами Все бы хорошо, но при помещении в таблицу в IE начинает творится всякая хрень От таблицы отказаться нельзя. Прошу помочь мне найти решение этой проблемы.

    Asked by Whatername, July 25, 2009

    0 votes
    4 answers
23. Налезают div блоки

    Здравствуйте. Проблема такая, есть код. При изменении размеров страницы картинка из блока listImg налезает на другие блоки, как этого избежать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> #list { width: 50%; margin:0 auto; } #listImg{ background-color:#FF6; width:16%; float: left; } #listRight { margin-left:16%; } #listTitle { background-color: #FFF; } #listDscrpt { margin-top:2px; background-color:#0F0; } </…

    Asked by Dim, July 25, 2009

    0 votes
    2 answers
24. padding в em'ах странно расчитывается.

    Добрый день, столкнулся с тем, что padding-top и padding-bottom как-то странно высчитываются. Вот пример: Как-то так получается, что 4em для размера шрифта = 3em padding'a. Как так получается? Где я мог напортачить?

    Asked by ХОЛОДный, July 25, 2009

    0 votes
    6 answers
25. Верстка!

    Получил заказ на создание сайта. Со слоями не разу не сталкивался. Вот макет сайта.Рисовал сам. Вопрос? Можно ли както обойтись без слоев? Если можно то как?

    Asked by 3d_max_9, July 25, 2009

    0 votes
    16 answers