HTML Coding

29542 questions in this forum

1. Все те же скругленные углы, но...

   Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)

   Asked by splean, January 13, 2009

   0 votes
   10 answers
2. Странный глюк в опере

   Делаю таблицу с элементами формы в ячейках <table> <tr> <th width="400px" >Берлин</th> <th>fhdfhfdhdfhfghlfdkhnlfh;fdngblfngblnfbn</th><td width="7px"><select name="bitrate"> <option selected value="320">320 kbps</option> <option value="256">256 kbps</option> <option value="192">192 kbps</option> <option value="128">128 kbps</option> <option value="64">64 kbps</option> <option value="32">32 kbps</option> </select> </td><td width="8px"><input type="checkbox"></td> </tr> <tr> <td ro…

   Asked by nds, January 27, 2009

   0 votes
   10 answers
3. Ширина столбца в таблице в Chrome

   Здравствуйте. Столкнулся с такой проблемой. В опере, огнелисе и даже ИЕ все хорошо, а в хроме плохо. Есть таблица: <table cellpadding = "0" cellspacing = "0" id="header_table1" border = "1" align="center"> <tr> <td colspan="6" class="top-column1"></td> </tr> <tr> <td class="left-column1"></td> <td class="logo-column1" colspan="2"></td> <td class="slogan-column1" colspan="2"></td> <td class="right-column1"></td> </tr> <tr> <td class="leftmenu-column1" colspan="2"></td> <td class="menu-column1" colspan="2"> </td> <td c…

   Asked by rubi, July 9, 2010

   0 votes
   3 answers
4. <ol start="11"> в XHTML 1.1

   Какие альтернативы существуют для <ol start="11"> в XHTML 1.1, где start запрещён ?

   Asked by Webr, September 30, 2010

   0 votes
   5 answers
5. Иероглифы в мозиле вместо русского языка ! В чем дело ?

   Сделал сайт. На компьютере работает все хорошо и на мозиле и на гугл хром и на интернет експлоер и даже на нетскейп навигатор. Загрузил файлы на хост и появилась проблемма. IE и Гугл Хром отображают все хорошо а вот мозила и нетскейп навигатор вместо русского выдают иероглифы ! Помогите разобраться пожалуйста. В чем может быть проблемма ?

   Asked by 333_org_ua, November 15, 2010

   0 votes
   2 answers
6. Как правильно создавать адаптивную карту изображения?

   Столкнулся с довольно простой задачей. Есть картинка с планом здания, там есть комнаты, они не все квадратные, некоторые неправильной формы. Соответственно нужно при наведение на некоторую комнату затенить область. На выбор были Canvas, SVG и Map, я решил использовать SVG. Все оказалось весьма просто, нарисовать через path комнаты, добавить на :hover затенение и отлично, однако возникла проблема. Стало необходимо ресайзить SVG не только с нарисованными областями, но и с картинкой на background. Вот пример http://codepen.io/anon/pen/WvXqOd

   Asked by CAMOKPYT, June 25, 2015

   • svg
   • canvas
   • map
   • img
   0 votes
   7 answers
7. Перенос слов если не хватает места

   Подскажите, есть такой код - http://cssdeck.com/labs/ykznzejh если тексту не хватает места он начинает перетекать (переноситься) на новую строку (весть блок div), что выглядит достаточно криво, как сделать так, что бы если не хватало места, что бы НЕ содержимое блока div переносилось на новую строку, а содержимое тегов span. <div class="wr"> <span>один два три</span> <span>четыре пять шесть</span> <span>семь восемь девять</span> </div> .wr { padding: 20px; } .wr > span { padding: 10px; border: 1px solid gray; } Ну или как сделать что бы при переносе содержимого блока div все выглядело п…

   Asked by CLK, March 23, 2016

   0 votes
   2 answers
8. Как наложить див сверху.

   Добрый вечер. Как можно наложить див на элемент так, чтобы блокировался весь элемент, ну как например тут http://vvsh.3dn.ru/index/1 При нажатии на вход, накладывается элемент. Как это сделать?

   Asked by vvsh, January 9, 2009

   0 votes
   3 answers
9. По разному отображается в OPERA и в Firefox

   Добрый день! Не раз замечал что есть сайты каторые по разному показывают страницу в разных браузерах... в IE видно так а в Лисе по другому. ... при продаже продаже шаблонов (дизайна) для сайта пишут что заточен под IE или Оперу... что это значит? почему в FF показывает по другому? код HTML ведь везьде тот же. или что не так? вот на пример этот сайт http://mrlupen.com/ зайдите на него через OPERA и FireFox в сааамом низу там где footer в Опере показывает нормально а вот в Лисе футер кагбы приподнят (не доходит до конца страницы) в чем проблема?

   Asked by Verus, February 1, 2009

   0 votes
   11 answers
10. Закругление углов у изображений при помощи CSS

    Здравствуйте. Задался вопросом. Есть изображение <img src="1.jpg">. Есть стиль для него: border:1px solid black; Попросту говоря, добавляется граница изображению. В CSS3 есть замечательное свойство border-radius. С его помощью я закруглил углы у границы, но острые углы изображения как бы "выпирают" из-за границы. Есть ли способ закруглить и углы самого изображения, не редактируя картинку? То есть средствами html и css. Вроде как углы закруглятся, если изображение установлено фоном (background), а для изображения тегом есть способ? Заранее спасибо.

    Asked by FRUTALITY, October 31, 2010

    0 votes
    3 answers
11. Резиновый сайт с фиксированным сайдбаром

    Не получается тольком сделать сайт с фиксированной шириной сайдбара и резиновым контентом. К примеру родительский блок 100%, сайдбар 300 пикселей, а контент в чем измерять ?

    Asked by kpripper, May 22, 2012

    0 votes
    3 answers
12. help с меню

    (

    Asked by tra+, August 1, 2012

    0 votes
    2 answers
13. Замена картинок углов рамки на спрайт

    Замена картинок углов рамки на спрайт Возникла проблема, по их отображению, во первых у меня код: #wm .amoney_tr { background: url('../images/jc_rb_tr.gif') no-repeat scroll 100% 0% transparent; height: 10px; overflow: hidden; padding-right: 13px; } Четыре угла .sprite { background: url('../images/donate_am.png') no-repeat -297px -202px; width: 13px; height: 13px; } Можно конечно сделать и в процентах, только всё равно отображает картинку Неправильно .sprite { background: url('imgs/donate_am.png') no-repeat 56.713% 43.287%; width: 13px; height: 13px; } В принципе пытался так вставить #wm .amoney_tr { background: url('imgs/donate_am.png') no-repeat 59.519% 40.48…

    Asked by lev99, June 20, 2013

    • css
    0 votes
    22 answers
14. Пиксельный перфекционизм

    Вопрос по большей части к гуру данного форума, людям опытным, за спиной которых десятки макетов и годы работы.. Значит верстаю я, верстаю.. и всё-то мне кажется, что недостаточно всё ровненько.. то там буковка вылезет, то здесь интервал между словами большой.. Следует ли обращать внимание на такие мелочи? Например на рисунке видно, что первая и последняя строки совпадают (полупрозрачная верстка наложена на картинку), а вот посередине какая-то белиберда.. Но ведь у меня для всех строчек одни и те же маргины и паддинги, значит изображение, полученное мной "правильнее", если так можно выразиться.. Или вот, например просто текст. первое и последнее слово совпадает, в серед…

    Asked by basist, December 12, 2013

    0 votes
    18 answers
15. Обрезается фон

    Добрый день. Имеется следующая структура: <header class="header"> <div class="header-inner">.....</div></header>.header { background-color: #727171;}.header-inner { width: 1470px; margin: 0 auto;}Пример в песочнице http://jsfiddle.net/xDyfP/, в фулскрине почему-то воспроизвести не удалось, смотрите в окне результата, прокрутите горизонтальный скрол. Вопрос. Почему при масштабировании фон родительского блока не растягивается? Ведь у родителя не указанна ширина, т.е. по факту он должен растягиваться на всю ширину, так и происходит в нормальном виде, но стоит изменить масштаб, как родительский блок обрезается по изначальной ширине области просм…

    Asked by massef, January 21, 2014

    0 votes
    1 answer
16. <nav> без обертки в резиновом макете

    Уважаемые мастера, прошу вас сориентировать и подсказать. Есть задача переделать один шаблон в две резиновые колонки со статичным контентом, для уменьшения большого количества строк кода. Решил попробовать левый столбик сделать на основе <nav></nav>, правый уже <div>. <!DOCTYPE html><html><head> <title></title> <meta name="description" content="free website template" /> <meta name="keywords" content="enter your keywords here" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="stylesheet" href="css/style.cs…

    Asked by cmndr_alexgreen, March 23, 2014

    • резиновая верстка
    • nav
    • css
    0 votes
    4 answers
17. Центрирование в XHTML 1.1

    Добрый день, что-то не нашел нужного ответа в поиске, потому задаю вопрос. Как мне центрировать все элементы в блоке по центру. Например в том же самом body. Раньше я центрировал с помощью <center>, но это не валидно. Как центрировать с помощью css? text-align смещает только текст, но не блоки( Заранее благодарю.

    Asked by haZe, December 23, 2009

    0 votes
    5 answers
18. Импорт в JavaScript

    Здравствуйте, вот заинтересовался вопросом, существует ли в JavaScript'е (или jQuery). Функция импорта (подключения) других *.js файлов. Например как в CSS "@import 'file.css'" Подскажите пожалуйста.

    Asked by MC WEST, November 21, 2010

    0 votes
    3 answers
19. border-radius в IE 7-8

    Сабж. Какой-нибудь проверенный способ есть? А то в инете их чего-то много подозрительно. Пробовал парочку несколько месяцев назад, тогда так и не добился адекватной работы. Вот и щас не хочется об стенку биться.

    Asked by Gaspode, August 18, 2011

    0 votes
    12 answers
20. Центрирование...

    Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяе…

    Asked by johan, October 1, 2012

    0 votes
    23 answers
21. Вопрос по коду шапки

    сделал шапку, засунул в таблицу бегграунд, засунул флеш .swf. Все вроде бы ничего, но есть один косячек. Посмотрите скрин Как видно на скрине, есть небольшой разрыв между бегграундом и флеш. Пробовал уменьшать, увеличивать флеш. Но так и не смог сделать. Подскажите, в какую сторону копать, чтобы исправить косячек. Вот сам код таблицы <table width="100%" border="0"> <tr> <td height="173" background="../../images/321.jpg"><script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','714','height','171','title','MSP - Electronic Music Portal','src','../..…

    Asked by OSTAP, September 26, 2007

    0 votes
    3 answers
22. в ie6 страница не отображается

    Народ есть такой косяк, сверстрал страничку. В XHTML. по результатам validator.w3c.org код валидный. В браузерах opera ie7 firefox safari chrome, все нормально, а вот в ie6 белый лист. Хз что делать. Главная страничка на dnscenter.ru

    Asked by al_kash, June 3, 2009

    0 votes
    6 answers
23. Расширение изображения-бекграунда в TD

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

    Asked by Zarina, September 9, 2009

    0 votes
    8 answers
24. position:fixed; - IE6

    Ребят, помогите побороть ИЕ6, задача простая, нужно что-бы слева сверху вниз были расположены 4 вкладки, они должны быть фиксированные и по 25% в высоту, тоесть каждая ровно четверть экрана, что-бы в экран они умещались чётко как нужно и при прокрутке всегда были зафиксированы, как и изначально. Проблема в том, что в ИЕ6 никак не хочет работать такая конструкция, поэтому прошу помощи, так как сам уже не знаю, что делать и есть вопросики: 1) Можно ли решить эту проблему в ИЕ6 без использования скрипта? (экспрешаны одобряются) 2) Можно ли как нибудь по другому обыграть это решение для всех браузеров, включая ИЕ6. Может быть есть другие решения этой задачи? Тут пример задачи…

    Asked by psywalker, September 13, 2009

    0 votes
    18 answers
25. выкладываю фото на сайт.Как защитить фото от копирования?

    Как защитить фото от копирования на сайте?

    Asked by tolya100595, December 5, 2010

    0 votes
    3 answers