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. Организация файлов при вёрстке многостраничника

    Уважаемые профессионалы. Мучает меня один небольшой, возможно даже смешной вопрос. Но лучше буду уверен в том что делаю всё правильно. Допустим есть страница А со своими картинками для спрайтов, и страница В, на которой совершенно другие картинки(ну или часть новых картинок), которые также должны быть сделаны спрайтом. Вопрос - делать отдельный спрайт для страницы А и отдельный спрайт для страницы В?? Или сделать вообще 1 целый для обеих страниц.....(а если страниц к примеру 20?) И ещё - вы обычно делаете отдельную папку для спрайтов, или они расположены вместе со всеми картинками?

    Asked by VeniVidiVici,

    0 votes
    6 answers

  2. Заказ адаптивного сайта

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

    Asked by Oleg90s,

    0 votes
    3 answers

  3. Регулярные выражения для проверки телефона вводимого в форму

    Добрый день. Помогите решить вопрос. Как сделать проверку номера телефона в форме. Так что бы первыми символами были либо +7 либо 8. Т.е. что бы форма одинаково пропускала как +7-9хх-ххх-хх-хх так и 8-9хх-ххх-хх-хх. Пробовал запись типа <input type="tel" name="tel" pattern="[+78]-9[0-9]{2}-[0-9]{3}-[0-9]{2}-[0-9]{2}">, при такой записи пропускает запись +-9хх-ххх-хх-хх. А так быть не должно. В общем реально ли это сделать средствами регулярных выражений для форм или же только javascript?

    Asked by ootypooty,

    0 votes
    3 answers

  4. Как убрать блуждающий тег?

    Я создавал баннер, было всё норм. Но когда я начал второй создавал он у меня заработал, но он был ужасный. Вместе красивых рядов с портфелями у меня их стало два, а должен быть один. Начал выяснять что за срань с кодом, полез в валидатор и обнаружил что есть какой то блуждающий тег. Что это такое, я не понимаю, но хотелось бы разобраться как это исправить. Вот собственно говоря код в котором валидатор ошибку нашёл: <section class="banner-section page-section">↩ <div class="container">↩ <div class="banner-section_inner">↩ <div class="banner-section_slider">↩ <a class="banner-section_slider-item" href="#">↩ &…

    Asked by Arm890,

    0 votes
    1 answer

  5. Ширина списка

    Здравствуйте появилась такая проблема есть код, для выпадающего меню span ul { border-bottom:1px solid #808080; list-style-image:none; list-style-position:outside; list-style-type:none; background-color:#61b1dc; position:relative; width:182px; } span li { position:relative; border-top:1px solid #808080; } span ul li ul { display:none; left:181px; white-space:nowrap; position:absolute; top:0pt; } span ul li ul li { width:auto; } span ul li a { color:#ffffff; display:block; text-decoration:none; font-weight:bold; } span ul li a:hover { color:#0000ff; } * html span ul li { float:left; } * html span ul li a { height:1%; } span li:hover ul, li.over ul { display:block; } И при…

    Asked by Sigurt,

    0 votes
    0 answers

  6. Помогите понять, откуда отступ под IMG?

    Всем доброго времени суток. Имею такой html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Откуда ноги ратсут?</title> <style type="text/css"> .image_div { padding:0; margin:0; background-color: #AAA; float:left; } img { margin:0; padding:0; } </style> </head> <body> <div class="image_div"> <img src="image1_0.jpg"/> </div> </body> </html> B что в Опере, что в IE под картинкой появляется полоса цвета #AAA высотой около 4 пикселей. Что э…

    Asked by WhiteWind,

    0 votes
    6 answers

  7. Не опознанная штука

    Вот на этом сайте, ребят не подскажите что за маленький квадратик в правом верхнем углу над головой девушки консультации по телефону на этом сайте http://yaroslavllift.ru/ при просмотре в гугл хроме? Кто ответит тому дам конфетку))

    Asked by Igorpurgen,

    0 votes
    7 answers

  8. Верстка - правый элемент ризины

    Здравствуйте. Подскажите как сделать так чтобы правый блок (#right-right) при изменении размера окна "заезжал" за пределы окна, т.е. как сейчас левый (#left-left)? вот тут макет тут Ну и может пару комментов по поводу верстки. Заранее огромное спасибо.

    Asked by clgs,

    0 votes
    9 answers

  9. верстка в дивах

    Подскажите пожалуйста как сделать ссылку с одного дива ( меню ) на другой ( контент). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- saved from url=(0044)http://bitby.net/wp-demo/size-fon/index.html --> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru-RU-lite"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>фон</title> <!--<link rel="stylesheet" href="style.css" />--> <style type="text/css"> *{margin:0;padding:0;} html, body{ width:100%; height:100%; min-width:1000px; } …

    Asked by ianitta,

    0 votes
    5 answers

  10. IE, select и домены

    Доброго времени суток! Проблема возникла следующая: Требовалось сделать форму с select, с корректным отображением выпадающего списка. IE не понимает, что его нужно выровнять по длине наибольшей строки и просто игнорирует всевозможные auto. После нескольких неудачных попыток прикрутить принудительное присвоение длины чз js, было принято решение использовать следующее исключение для IE, которое располагает элементы уже не в строку, а друг под другом: <!--[if IE]> <style type="text/css"> #wFilterByCar select { color:#000000; display:block; float:left; height:19px; line-height:19px; margin: -10px 10px 0; padding:0; width:250px; } …

    Asked by PhilinTv,

    0 votes
    10 answers

  11. Фото за рамку

    Всем добрый день. У меня есть масштабная проблемка так сказать) Есть рамка border: 1px solid black; Есть картинка, если указываю width: ***px, то тогда при масштабировании фото уходит за рамку. Если же указываю width: ***%, то тогда независимо от размера текста фото одного размера. текст мааааленький, а фото большое, текст большой, а фото маленькое....)))(ну в сравнении если смотреть) . Что делать? Я думаю надо как то сделать через width: ***px; но что бы он не выходил за рамку(при приближении).

    Asked by Gotafak,

    0 votes
    5 answers

  12. Фиксированный блок "О нас"

    Добрый день. Никак не получается сделать неподвижный блок. Примеры: http://startuppoint.ru/ (Слева - обратная связь. Блок полностью неподвижен, не реагирует на scroll) http://vkontakte.ru/ (кнопка "Наверх" - полностью неподвижна относительно экрана) Получается реализовать плавающие блоки методами javascript и jquery: http://darbay.ru/ (слева). В интернете полно примеров плавающих блоков, но нет ни одного примера неподвижного блока. Подскажите, пожалуйста, кто знает, как это реализовать. Спасибо!

    Asked by ik.pr,

    0 votes
    2 answers

  13. Вертикальная линия во всю высоту

    Имеется блок 1, который имеет ширину 1000 пикс, у него фон картинка. Этот блок растягивается полностью вниз. Необходимо сделать вертикальную линию (блок 2) на блоке 1 на всю высоту, при увеличении высоты, линия так же растягивалась бы в низ. Блок 1 работает с параметром min-height, а блок 2 не хочет. <body id="body"> <div id="blok1"> <div id="blok2"> </div> </div> </body> #blok1{ width:1000px; margin:auto; background-image:url(../images/zz.jpg); background-repeat:repeat; min-height:100%; _height:100%; } #blok2{ width:46px;; min-height:100%; _height:100%; background-image:url(../images/l…

    Asked by RK3DNP,

    0 votes
    3 answers

  14. Фоновая музыка при открытии страницы

    Здравствуйте, подскажите пожалуйста код чтобы при открытии страницы звучала музыка (15 секундный повторяющийся mp3). Тэг: <bgsound> во многих браузерах не работает. Не сочтите за дурной тон, просто сайт еще не открыт, а это что-то вроде рекламы.

    Asked by TillL,

    0 votes
    3 answers

  15. Нужна помощь по ТАБЛИЦЕ

    Хотел узнать, можно ли таблице с помощи CSS задать размер колонки так, что бы они всегда оставались равны? Например: 2 колонки, и каждая колонка занимала бы 50% 3 колонки, 33,(3)% 4 колонки, 25% 5 колонок, 20% Притом, чтобы каждый раз при добавление колонки, не пришлось лезть в CSS.

    Asked by myRoot,

    0 votes
    5 answers

  16. Выровнять sidebar

    Помогите пожалуйста выровнять sidebar http://styagka-msk.ru/test/ sidebar нужно сдвинуть немного влево чтобы выровнять его с картинками как справа

    Asked by BTN,

    0 votes
    6 answers

  17. Частичная прозрачность img

    Доброго дня уважаемое сообщество. Подскажите пожалуйста, как можно сделать так, чтобы у картинки в теге img (именно в img) была боковая прозрачность с обеих сторон? (вариант с блоком поверху и его прозрачностью не подходит ибо нужно, чтобы фон просвечивался). Можно ли вообще такое сделать? Заранее спасибо за любую помощь. ссылка на изображение, размер: 466 кбайт, 1011 x 360 точек

    Asked by Velidan,

    0 votes
    7 answers

  18. Адаптивное перемещение блока: как реализовать (шаблон прикрепил)

    Доброго времени суток, уважаемые гуру. Сделал сайт на Wordpress, это мой первый любительский опыт, с html знаком на весьма базовом уровне, потому экспериментирую. Адаптивный дизайн в используемом мной шаблоне уже есть, и некоторые изменения я уже внёс, но столкнулся с некоторыми сложностями, и очень надеюсь на вашу помощь, уважаемые пользователи :-) Я добавил левый сайдбар с блоком "Temp sidebar" id="leftbar" и сделал его видимым только при разрешении монитора 1025px и более. Потом подумал, что так не пойдёт, пользователи со смартфонов и планшетов не будут видеть список располагающихся там статей и не будет переходов (оттого высокий процент отказов). И тогда я р…

    Asked by Yserty,

    0 votes
    0 answers

  19. Мобильная версия, несоответствующий размер

    Здравствуйте, уважаемые. У меня возникла проблема с блоком который немного "кривой" в мобильной версии. Возможно, у вас есть версии... Не подскажите, как исправить? Скрытый текст Страница бага: http://destonrp.ru/donate Спасибо.

    Asked by HosefuMeow,

    0 votes
    4 answers

  20. проблема с табами

    CSS .chatBodyTabs { height: 46px; overflow: hidden; list-style: none; } .chatBodyTabs li { float: left; } .chatBodyTabs li a { display: block; border: 1px solid blue; padding: 0 10px; color:red; height: 25px; } HTML <ul class="chatBodyTabs"> <li> <a href="#">link 1</a> </li> <li> <a href="#">link 2</a> </li> </ul> DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Задача стоит следующая. Надо в ряд выставить n-ное количество блоков с шириной в зависимости от текста внутри. Пример, указанный выше, работает в FF и IE 7. В I…

    Asked by vr201,

    0 votes
    3 answers

  21. Пролистывание закладок

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

    Asked by Flake,

    0 votes
    2 answers

  22. И опять прозрачность

    Нужно сделать что бы выводился блок в который будет вписан текст. Сам блок должен быть полупрозрачный 0.5, а текст нормальный. Важное условие то, что размеры блока всегда разные и зависят от количества текста. ткните в пример ********** *текст 121* **********

    Asked by allod21,

    0 votes
    4 answers

  23. Позиционироние текста

    Здравствуйте. У меня такая задача. Есть текст, который по коду должен находится выше всех элементов: например <body> <div id="up">Текст</div> <div>Что-то еще</div> <div>И Еще</div> <div>Все</div> </body> А при отображении он должен находится после блока <div>Все</div>. Бьюсь над этой задачей сутки уже. Если можете подскажите в каком направлении двигаться. Заранее спасибо!

    Asked by Ксеня,

    0 votes
    4 answers

  24. Слои CSS в разных браузерах. HELP!

    Здравствуйте, года четре назад мне доводилось верстать дизайны для сайтов посредством HTML и СSS . Потом забросил всё это дело. (Кстати, в то время о слоях вообще не знал.) Теперь снова решился взяться за старое, вспомнил теги, и т.п. Прочёл немного про CSS слои. Со слоями, как выяснилось работать намного удобнее, Как в книжке создал слой: #top { position: absolute; /* Абсолютное позиционирование */ left: 500; /* Положение левого края */ top: 0; /* Положение верхнего края */ width: 100%; /* Ширина слоя */ height: 158px; background: #000000;/* Цвет фона */ color: red; /* Цвет текста */ } Вызвал: <div class='top'>здесь мой текст</div> НО ВОТ ПРОБЛеМ…

    Asked by Niodar,

    0 votes
    6 answers

  25. Не правильное отображение в IE

    Здравствуйте! Помогите пожалуйста разобраться с вопросом. Сейчас попробую сформулировать. В общем, архитектура сайта такая: Основная часть занимает 800 px (левый сайдбар - 200px, и основная часть 600px). А вот по бокам оставлены колонки, ширина которых не проставлена. То есть задумано так, что 800 px будет по центру, а размеры боковых частей будут формироваться автоматически в зависимости от разрешения экрана. В мозиле и опре всё работает без проблем. А вот IE это судя по всему не понравилось. на форуме нашел несколько похожих проблем, но проблему решить не удалось. Сайт: _www.vel-les.ru. Может кто сталкивался, правда, очень нужна помощь.

    Asked by tishka,

    0 votes
    4 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