HTML Coding

29,542 questions in this forum

1. Макет фотошопа и шрифты

   Каким образом определяется какой размер шрифта нужно отверстывать? То есть я захожу в фотошоп, беру соответствующий инструмент, смотрю какой шрифт и ставлю такой же в css-файле. При этом размер шрифта я также смотрю в фотошопе, то есть если там стоит например 12pt, то я указываю font-size: 12pt; 1. Я делаю верно и соответственно шрифт в верстке будет такой же как и в оригинальном макете? 2. При верстке шрифт должен подбираться визуально?

   Asked by Rustick, April 30, 2011

   0 votes
   1 answer
2. Вопросы по border

   1. Например есть такая запись: border-top: 1px solid black; border-bottom: 1px solid black; Можно ли ее как-то сократить? То есть в случае с padding-top: 10px; padding-bottom: 10px; Можно было бы записать как padding: 10px 0; Если что-то схожее для border? 2. В моей теме так никто и не ответил. Как сделать палочку сбоку. То есть например так: Ссылка 1 | Ссылка 2 Именно если делать через border-right: 1px solid black; То это палочка по высоте получается гораздо больше чем текст и не совсем так как надо.

   Asked by Rustick, April 30, 2011

   0 votes
   7 answers
3. Проблема с выпадающим списком

   F

   Asked by Kari_ya, April 30, 2011

   0 votes
   11 answers
4. Javascript-ом получить текст из cgi

   есть 2 поля (id="in", id="out") вводим в поле "in" текст "tt" и при клике по "out" надо передать из "in" в cgi скрипт ("../cgi/test.cgi?text=tt"), а ответ вставить в "out". Подскажите с javascript-ом.

   Asked by ErshKUS, April 30, 2011

   0 votes
   5 answers
5. Проблемы с бэкграундом

   Доброго времени суток, возникла проблема и не могу понять как её решить. И так есть Сайт на первый взгляд с бэкграундом всё нормально, тянется и всё такое, но если окно браузера не развёрнуто полностью, то появляется горизонтальная полоса прокрутки и если её подвинуть, то мы увидим как бэкграунд как бы срезало. Для наглядного примера есть картинка. Подскажите как быть...

   Asked by yujin11, April 29, 2011

   0 votes
   8 answers
6. Упертый текст

   В общем вот ) html: <div id="blog"><p class="txtblog">Тралялялялял и тру люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял люлюлю люлюлю Тралялялялял люлюлю Тралялялялял люлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлюТралялялялял и трулюлюлю Тралялялялял и трулюлюлю Тралялялялял и трулюлюлю</div> css: #blog{ width:383px; height:341px; background-image:url(../images/blog.gif); margin-right:97px; margin-top:58px; float:right; } .txtblog { width:312px; height:154px; display:block; margin-top:106px; margin-left:70px; margin-right:10px; line-he…

   Asked by boooze, April 29, 2011

   0 votes
   6 answers
7. Меню

   Научите пожалуйста верстать горизонтальное меню.

   Asked by Leeda, April 29, 2011

   0 votes
   8 answers
8. Помогите допилить TabControl с помощью Css3

   Всем привет! воодушевлённый этой статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не покатит) мне нужно дважды обратиться к псевдо селектору :target. Сначала для того, чтобы применить стиль для выбранной вкладки: .tabItemHeader { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; vertical-align: bottom; display: inline-block; margin: 5px 0px 0px 0px; border-width: 5px; padding: 4px; border-style: solid; border-radius:10px 10px 0 0; border-color: #666666; background: #666666; } .tabItemHeader:target { bor…

   Asked by YankovskyAndrey, April 29, 2011

   0 votes
   25 answers
9. Фон страницы по центру

   Добрый день! Верстаю страницу из PDS файла, размер тела задал жестко. На некоторых сайтах (к сожалению не помню на каких, помнил бы - сам бы посмотрел) видел, на больших мониторах фон продлевается за границу тела страницы (по ширине). Это нужно делать фоном, а содержимое ставить по центру (нужно, чтобы при изменении разрешения цент фона не двигался относительно центра страницы (в горизонтальной плоскости)), или же добавлять элементы с картинками по боках, которые будут равномерно отсекаться (и слева и справа) при изменении разрешения.

   Asked by antonzol, April 29, 2011

   0 votes
   2 answers
10. помощь с выпадалкой

    Проблема с выпадающим меню. Сам список прячется под следующим блоком. Вот так это все выглядит. <div id="menu" style="z-index: 10; position: relative;"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Продукты</a></li> <li><a href="#">Контакт</a> <ul> <li><a href="#">Часы работы</a></li> <li><a href="#">Местоположение</a></li> <li><a href="#">Часы работы</a></li> <li&g…

    Asked by Softlink, April 29, 2011

    0 votes
    1 answer
11. "alt" у <input type="submit" />

    Часто для кнопки используют картинку (в основном из-за сложных градиентных надписей). Как лучше сделать так, чтобы для пользователей с отключенными картинками отображался на месте картинки текст. Эдакий alt для button. Можно конечно img засунуть и ему указать alt, но не люблю такие извращения. Есть другой способ?

    Asked by monsterr, April 28, 2011

    0 votes
    2 answers
12. Проблема с резиновыми картинками

    Всем привет Имею вот такое безобразие Изображения в штате 250х250, лого 195х54. Захотелось заказчику сделать это чудо резиновым. Соответственно вопрос в том, чтобы логотип оставался на месте и никуда не ездил по ширине, а остальные 8 картинок, вместе с ссылками в таблице под ними, ездили под разрешение экрана с остальными нижеследующими таблицами. Причем каждая ячейка таблицы под картинкой должна быть вровень со своей картинкой. Что-то подобное ниже нормально более-менее отображается только в лисе при 1600х900, кое-как заставил ИЕ8 дружить наполовину, но стоит уменьшить разрешение, как верхняя таблица с картинками уплывает в море с горизонтальной полосой прокрутки в любо…

    Asked by anon1, April 28, 2011

    0 votes
    11 answers
13. тег <p> в диве

    Приветствую! Сегодня столкнулся с необычной для себя проблемой. Страница сверстана с контентом в центре. Разбита на 4 блока дивами. В двух блоках находятся ссылки в столбик. Так вот в чем суть. Если я в верхнем блоке ставлю ссылки в тег <p> то при разрешении 1024 появляется 1 пиксель справа от контента. Т.е. сам контент не разъезжается, а появляется именно отступ справа. В нижнем блоке применение этого же тега проходит без проблем. хотя блоки одинаковы. В разных браузерах отображается по разному. У меня во всех, кроме Оперы лезет этот пиксель, в Опере нормально. У кого-то и в ФФ все ок. Я даже не знаю в каком направлении думать уже. Код прилагается. <!DOCTYPE H…

    Asked by Softlink, April 28, 2011

    0 votes
    41 answers
14. Фон фикс. макета

    Если макет фикс. ширины (1000px), и фон (который будет виден, только на широких мониторах) не предусмотрен дизайном, как вы обычно поступаете в таких ситуациях?? как делаете такой фон??

    Asked by DrStrangeLove, April 28, 2011

    0 votes
    1 answer
15. вопрос по шрифтам

    Всем привет!! Что означает Font:100%/1.4 Arial???! И что означает Font-size:100.01%!! Зачем их используют??? Пасиб

    Asked by bot87, April 27, 2011

    0 votes
    4 answers
16. footer залазиет на блок

    Здравствуйте. Делаю сайт, возникла проблема, блок-растяжка (у меня в коде id="text") налазиет на контент, а не идёт после него, из-за этого футер закрывает часть контента. Ниже скрин: - Тут видно, как распорка ушла под блок с цифрами "454", если эти три блока (зелёные и синий, с цифрами "454") продолжить в высоту они будут идти поверх распорки и зайдут под футер. Подскажите, пожалуйстка, как это исправить? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" dir="ltr" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>КРЕПОСТЬ РУСЬ</title> <meta http-eq…

    Asked by Flashton, April 27, 2011

    0 votes
    1 answer
17. Адресная строка

    Здравствуйте. Как сделать так, что бы в адресной строке выводился не полный путь, а только название сайта. Напр. вместо www.maysite.com/news/1/..., просто www.maysite.com. Я не прошу мне полностью объяснять, просто подскажите в каком направлении "копать".

    Asked by Alex&R, April 27, 2011

    0 votes
    16 answers
18. Странные отступы между блоками.

    Добрый день уважаемые форумчане! Делаю сайт визитку. Движок Joomla 1.5. Когда создаю меню и позиционирую его в написанный мною блок, появляются странные отступы между ними...., не могу разобраться почему.., подскажите, что не так? Вот код блока: <div id="block1"></div> <div id="block2"></div> <div id="block3"></div> #block1 { background-image:url(../images/z1.png); background-repeat:no-repeat; width:305px; height:22px; } #block2 { background-image:url(../images/z3.png); background-repeat:repeat-y; width:305px; } #block3 { background-image:url(../images/z5.png); background-repeat:no-repeat; width:305px; h…

    Asked by arthyrgrex, April 27, 2011

    0 votes
    5 answers
19. Как включить повтор в embed плеере?

    Здравствуйте, я поставил на сайт плеер <object style="WIDTH: 400px; HEIGHT: 90px" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" viewastext="" width="400" height="60"> <param name="url" value="1.mp3"> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="defaultFrame" value=""> <param name="playCount" value="1"> <param name="autoStart" value="-1"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value=""> <param name="volume" value="100"> <param name="mute" value="0"&gt…

    Asked by Maskca, April 27, 2011

    0 votes
    4 answers
20. переход окна на новую позицию

    возможно сделать так чтобы при нажатии ссылки например в шапке сайта текущая позиция окна опускалась бы на футер или куда нибудь ещё или же наоборот чтобы внизу сделать кнопку "вернутся наверх"?

    Asked by KapSuLa818, April 27, 2011

    0 votes
    3 answers
21. Логотип

    Доброго времени суток. Помогите пожалуйста. Не могу поставить логотип. При нормальном масштабе логотип стоит на месте: , когда меняется размер окна, логотип сдвигается в центр: . Вот код: <style type="text/css"> html, body { margin: 0px; width: 100%; } #background { position: absolute; width: 100%; } #body { position: relative; width: 100%; height: 100%; z-index: 1; } </style> </head> <body > <img id="background" src="http://s54.radikal.ru/i146/1104/7a/87d90093aa7a.jpg" /> <div id="background"> <a href="http://csk.biz.ua/"> <img src="http://i030.radikal.…

    Asked by ATNC, April 27, 2011

    0 votes
    4 answers
22. Помогите пож с проблемой растягивающегося фона

    вот ссылка на всякий случай http://imglink.ru/show-image.php?id=56dac35f77026dabfa3ff780a89f18c2 В общем нужно чтобы нижняя часть растягивалась в зависимости от контента помогите плиз

    Asked by KapSuLa818, April 27, 2011

    0 votes
    6 answers
23. ширина макета

    еще на стадии создания макета уткнулся в то, что не могу понять какое разрешение должно быть у макета? для любой верстки, какая резиновой, какая для фиксированой.

    Asked by maxsnw, April 27, 2011

    0 votes
    5 answers
24. inline-block vs float

    Не мало раз видел советы использовать inline-block вместо float (к примеру, для каталога товаров). Но почему? Вот, например, есть у меня такая страничка, там каталог с товарами. Следовать друг за другом приказал с помощью float: left, и всё нормально. Способ же с inline-block подразумевает также ещё сброс font-size и line-height для ликвидирования отступов.

    Asked by monsterr, April 27, 2011

    0 votes
    12 answers
25. Проблема с шириной DIV элементов в IE и FF

    Здравствуйте. Наткнулся на такую проблему. Есть следующий код для страницы <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Audit Log</title> <style type="text/css"> html {font-family: arial; font-size: 9pt} table {font-size: 9pt;} h1,h2,h3 {font-style: bold} div.container {display: inline-block; border: 2px solid black; padding: 4px;margin-bottom: 32px;background-color: #f6f6f6} h1 {font-size: 14pt;margin: 4px 0px 4px 0px}h2 {font-size: 12pt;margin: 12px 6px 6px 26px} h3 {margin: 0px 4px 4px 4px;font-size: 10pt;font-style: italic} table.itemHeader td {border: 1px solid black;padding: 2px 4px 2px 4…

    Asked by VladislavLysov, April 27, 2011

    0 votes
    5 answers