Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Отступы в макете и на сайте

    Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.

    Asked by Firin,

    0 votes
    7 answers

  2. фиксирование высоты таблицы

    Нужно сделать так, чтобы при увеличении текста(Ctrl++) табличка не меняла своей высоты. Есть способ: добавить в отдельные ячейки табицы, другую табицу , но так как у меня достаточно много ячеек, то код получится ОГРОМНЫМ! Если кто знает как решить эту проблему или знает другой способ фиксации таблиц по высоте, пишите.

    Asked by V@dimK@,

    0 votes
    1 answer

  3. Смещения в IE.

    У меня проблема очень странного характера. Сверстал сайтик. На половине компьютеров отображается нормально, на половине - со смещением, прич?м разрешение одинаковое, браузеры - тоже. http://www.korben.biz/nukerus/index.php На мо?м компе вс? корректно в FF 2.0.0.13, IE 6, IE 7, Opera, на других компьютерах отдела смотрел - тоже нормально. Но у некоторых появляются непонятные смещения. А именно: хедер раздел?н на три разных рисунка, самый маленький - тот, что за Поиском - отображается как background. Вот на некоторых компах он смещ?н на пару пикселей вправо. - это самая главная проблема, от которой я не представляю как избавиться. И ещ? - http://www.korben.biz/nukerus/modul…

    Asked by Korben,

    0 votes
    7 answers

  4. Глюк в ie position:relative

    обнаружил тут такую штуку <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <title>Untitled Document</title> <style> body, html{ font-family:Arial; margin: 0 auto; height:100%; text-align: left; background:rgb(183,229,255); } .sl2{ background:white; overflow:hidden; width: 1000px; height:auto; } .menu_1{ position:relative; border:1px solid black; width:200px; min-height:279px; height:100%; _height:279px; font-size:14px; } </style> </head> <body> <div class="sl2"> <div class="menu_1"> text </div> </div> </body> &lt…

    Asked by tonik_spb,

    0 votes
    3 answers

  5. Адаптивная верстка

    Всем привет! Такой вот вопрос.. Хочу освоиться в адаптивной верстке и вот думаю нужно ли использовать фрэймворки? Больше все мне понравился Bootstrap. Как вы думаете стоит ли писать адаптивные сайты вручную или достаточно воспользоваться тем же Bootstrap'оm?

    Asked by Eskard,

    0 votes
    14 answers

  6. Эффект как на сайте apple точка com

    Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)

    Asked by kattiperk,

    0 votes
    7 answers

  7. Как тестировать верстку?

    Какие хорошие сервисы есть для тестирования верстки для разный устройств и операционных систем, если у меня как у большинства людей есть только пк на виндовсе особенно интересно есть ли хорошие средвства для тестирования на Мак ОС и Айфон я знаю очень хороший сервис BrowserStack, но он стоит столько, что на эти деньги можно айфон в кредит купить

    Asked by Dmitrij,

    0 votes
    5 answers

  8. Tahoma utf-8

    Привет, при верстке макета столкнулся с проблемой: шрифт Tahoma выглядит по разному в ff и ie6 при кодировке utf-8 . Пример: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> p { font-family: tahoma; font-size: 12px; } span { font-family: tahoma; font-size: 12px; font-weight: bold; } </style> <body> <p>Мир развлечений</p> <span>Мир…

    Asked by konyukhov,

    0 votes
    4 answers

  9. центрирование повернутого текста

    добрый день! делаю выплывающее боковое меню. поворот его заголовка с помощью css делается так .boxRotateLeft{ -webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */ -moz-transform: rotate(270deg); /* FF3.5+ */ -ms-transform: rotate(270deg); /* IE9 */ -o-transform: rotate(270deg); /* Opera 10.5 */ transform: rotate(270deg); zoom: 1; display:block; } вопрос: как отцентрировать этот текст по-вертикали? дело в том, что для разных языков высота будет разная. вариант с картинками мне не подходит вот еще сама разметка <div id="hide" style="float:left;"> <img src="img/hide.png"> <span class="boxRotateL…

    Asked by SnowCatcher,

    0 votes
    26 answers

  10. Еще вопросик про яндекс метрику

    Если я ставлю на отправку данных цель для яндекс метрики, а форма обрабатывается с помощью ajax запроса, а также java скрипта на валидность данных. Метрика не посчитает отправку успешной при невалидности данных форм? Кстати ее ведь можно по идее вынести в отдельный файлик script.js весь код метрики и уже там на успешном submite ajax повесить цель яндекс метрики? Чтобы не прописывать onsubmit в хтмл? Кто-нибудь делал так? Сейчас не могу оттестить, боюсь лопатить готовый код сайта (... Плюс почему-то данные конверсии цели обновляются с большой задержкой - я аж не пойму, какой именно скрипт у меня сработал. а какой нет(... Поэтому и спрашиваю тут.

    Asked by Zverushka,

    0 votes
    5 answers

  11. Не отображается в хроме шрифт Campus

    Есть шрифт Campus(можете скачать http://www.photoshop-master.ru/adds.php?subrub=34&id=3462), в формате .ttf он отображается только в Opere, а конвертировал в .woff, то вообще не отображаться на странице, может у кого то возникала такая проблема или знает как решить, буду признательным

    Asked by andrdov,

    0 votes
    5 answers

  12. margin-width и list-style-image

    1)Не срабатывает такое для ИЕ6,как можно исправить? html body { min-width:1000px; } 2)Не работает вот такое для ИЕ6 и ИЕ7 .strelka_marker{list-style-image:url(img/strelka.gif); margin-left:25px; line-height:25px;} Файл хтмл: <ul class="strelka_marker"> <li>Пункт1</li? <li>Пункт2</li? <li>Пункт3</li? <li>Пункт4</li? </ul> Во всех браузерах включая ИЕ8, отображает так: В ИЕ6,ИЕ7 отображает так: Как исправить в ИЕ7 и ИЕ6?

    Asked by people2010,

    0 votes
    14 answers

  13. Склеивание блока

    Народ помогите разобраться как склеить блок ,есть 2 части и ,нужно получить . Помогите разобраться как склеить такой блок ,позиционированием и другими способами какими будет не сложно.И еще вопрос какая структура вложености тегов html? Буду очень благодарен за помощь.

    Asked by coldug,

    0 votes
    2 answers

  14. 2 вопроса по CSS

    Вопрос: 1 У меня тут таков вопрос как сделать по типу списка в блоке типо: ? Меню ? - моя стрелочка (картинка) Меню - текст ! если не понятно вот скрин: http://s017.radikal.ru/i443/1203/3e/700365f6bfa9.png Вопрос: 2 короче у меня такая проблема как бэ как сделать так что-бы сайдбар и контент прижимался к футеру а то у меня такая фигня получаеться 1. http://s018.radikal.ru/i500/1203/7a/8f0a3ed8651c.png 2. http://s001.radikal.ru/i193/1203/92/4c697aab143d.png ПРоблема в том щито у меня ещё бордер прописан на контент так вот он не до конца доходит

    Asked by vasa3000,

    0 votes
    6 answers

  15. Подключение шрифтов в Андроид

    Уважаемые коллеги! Умоляю помогите. Завтра сдавать сайт заказчику, а сайт криво показывается в мобильном. Смысл в том, что съезжает вёрстка по той причине, что не подключается шрифт Segoe UI. Точнее на компьютере то везде прекрасно всё подключается и работает, а вот если зайти с телефона то вылетает стандартный шрифт. Это наблюдается как в стандартном андроидовском браузере, так и в хроме так и в опере, и только фаерфокс нормально показывает нужный шрифт. На компе повторюсь всё отлично. Я сконвертировал во все форматы, а фонт фейс прописал вот так @font-face { font-family: Segoe UI; src: url(../fonts/SegoeUI.svg#font) format('svg'), src: url(../fonts/SegoeUI.eot) format('…

    Asked by PavelK,

    0 votes
    6 answers

  16. Отображение сторонних шрифтов на сайте

    Добрый день. Подскажите пожалуйста, можно каким-либо образом отобразить на своем сайте сторонние шрифты (*.ttf файлы). Только не как имэйджи, а именно как сам font. Возможен ли такой вариант в (x)html, если нет, но может есть какой-то способ отобразить их при помощи css или javascript?

    Asked by DImaN,

    0 votes
    3 answers

  17. проблема картинки в теге H1(Firefox)

    Если вставить тег h1 так то все нормально: <h1><td><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></td></h1> а если так : <td><h1><a href='/' title='Перейти на главную страницу'><img src='{THEME}/images/dlet_hder04.jpg' width='261' height='85' border='0' alt='' /></a></h1></td> то появляется горизонтальная полоса в firefox скрин: Стиль для тега H1 - h1 { font-size:11px; display:inline;} Как можно это исправить п.с в IE в обоих случях нормально отображается сайт - wareznik.int.ru

    Asked by alex1442,

    0 votes
    7 answers

  18. Перевод абсолютных велечин в относительные

    Сейчас делаю так, верстаю в пикселях, потом перевожу в em, % и т.д. Но последнее время это стало напрягать. Поделитесь своими методиками перевода из абсолютных велечин в относительные, можно и софтом (калькуляторы, сервисы и т.д.). И могут ли в этом помочь препроцессоры? Буду премного благодарен.

    Asked by Vlad02,

    0 votes
    16 answers

  19. Прикрепить второе фоновое изображение к низу страницы

    Хочу немного исправить дизайн на старом сайте и сделать фоновое изображение сверху страницы и снизу, вроде все так делаю но уже все голову сломал body { padding:0; margin:0; background: url('images/bg_main3.jpg') top repeat-x, url('images/bg_main2.jpg') repeat-x bottom ;} но нижнее изображение располагается внизу экрана, а не внизу страницы и если страницу прокрутить вниз то оно останется на месте Если добавить параметр fixed оно будет перемещать вместе с экраном, а хотелось что бы оно было всегда внизу страницы и его было видно только когда пролистаешь в самый низ

    Asked by Lang,

    0 votes
    16 answers

  20. проблема с .png для ролловерного слоя

    Проблема в том, что есть png внутри скрытого слоя. слой появляется по действию скрипта. Так вот - именно в этом слое не отображаются png, вернее они не полупрозрачные. PNG фиксю при помощи скрипта и стилей, работает нормально для остальных картинок на странице. В чем может быть проблема, кто сталкивался? В ходе поиска нашлось возможное решение - http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ - но почему-то не работает у меня.

    Asked by strix,

    0 votes
    3 answers

  21. Неправильное позиционирование в IE6.0

    <html> <head> <title>Lifestyle</title> <style type="text/css" media="all"> body, html {height:100%; width:100%; margin:0px; padding:0px} a{text-decoration:none;} </style> <script> var potkat1_visible=false; function show_potkat1(){ if (potkat1_visible==false){ document.getElementById('potkat1').style.display='inline-block'; potkat1_visible=true; } else {document.getElementById('potkat1').style.display='none'; potkat1_visible=false;} } function hide_potkat1(){ document.getElementById('potkat1').style.display='none'; potkat1_visible=false; } </script> </head> <body> <!-- Таблица главная !--&gt…

    Asked by AlexMak,

    0 votes
    5 answers

  22. Помогите, пожалуйста, с таблицей

    День добрый. Не получается сделать такую штуку: Это таблица 10х10 ячеек. Каждая ячейка - 20х20 пикселей. Граница между ячейками = 1 пиксель. При наведении мышки на ячейку, срабатывает JS-событие. Стиль ячейки перезаписывается. У ячейки может быть четыре стиля: /**Это сама таблица*/ .placementTable{ border-collapse: collapse; border: solid 1px #ffffff; } /**это ее ячейка*/ .placementTable td{ border-collapse: collapse; border: solid 1px #ffffff; } /**Три правых закрашенных ячейки*/ .placementCellOccupied{ width: 20px; height: 20px; background: #0099ff; border-collapse: collapse; } /**Бледно-голубой*/ .placementCellSurround{ width: 20px; height: 20px; backg…

    Asked by ХОЛОДный,

    0 votes
    9 answers

  23. Нуждаюсь в помощи

    Почему данная таблица <?if($POLL$)?> <table width="200" border="0" align="right" cellpadding="0" cellspacing="0"> <tbody><tr><td style="background: rgb(84, 106, 130) url(http://s27.ucoz.net/t/341/8.gif) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; padding-left: 20px; color: rgb(245, 247, 249);" height="19"><b>Опрос</b></td></tr> <tr><td style="padding: 5px; background: rgb(201, 210, 222) url(http://s27.ucoz.net/t/341/9.gif) no-repeat scroll center top; -moz-background-clip: -moz-initial; -moz-background-origin: -moz…

    Asked by piranha,

    0 votes
    9 answers

  24. диагональный градиент

    Покажите как сделать диагональный градиент?

    Asked by demi,

    0 votes
    12 answers

  25. В ie9 не работает border-radius после применения градиента ?

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??

    Asked by ilyas,

    0 votes
    17 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept