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. Сдуелать два слоя одинаковыми по высоте

    В общем возник вот такой вопрос: какие есть варианты сделать два рядом стоящих слоя одинаковыми по высоте, например, есть такая раскладка: <style> div {float:left} .no1 {width:30%} .no2 {width:70%} </style> <div> <div class='no1'>content1</div> <div class='no2'>content2</div> </div> задача: сделать no1 и no2 одинаковыми по высоте, независимо, сколько в них содержиться информации. ps. для себя я эту задачу уже решил просто интересно, какие у кого еще есть предложения по этому поводу

    Asked by sergiyko911,

    0 votes
    8 answers

  2. Выравнивание двух дивов на одной строчке

    Скажите пожалуйста, как сделать так, чтобы тектовый инпут был на одной строчке с кнопкой сабмита? Интересует способ без задания ширины дива с кнопкой сабмита, и указания маргина для дива с тектовым инпутом <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div style="border:2px red solid;width:100%;float:none;position:static;"> <div style="border:2px green solid;float:right;position:static;"> <input style="" type="…

    Asked by Altex,

    0 votes
    17 answers

  3. Проблема с div и onmouseover

    6 часов бился, честно, уже нет сил. Идея - сделать меню, имеется 2 картинки, push - когда мышка над кнопкой и npush когда мышка не над кнопкой. Требуется - меню из n пунктов, при наведении на один пункт он подсвечивается, ПОВЕРХ ФОНА КНОПКИ ТЕКСТ. Мой код, итоговый. последний что в голвоу пришёл (помоему так нельзя, но источники противоречат) <div style="background-image:url(npush1.png); height:35; width:200;" onmouseover="this.style.background('push.png')" onmouseout="this.style.background('npush.png')">текст на кнопке </div> То что жирным отмечено, работает. Были варианты this.style.background-image('push.png'), с кавычками и без. Перепробывал реально кучу в…

    Asked by kxz8,

    0 votes
    16 answers

  4. Вертикальный скроллинг. Как зафиксировать навигацию?

    Всем добрый день! Подскажите, как зафиксировать навигацию при прокрутке страниц? Причем, хотелось бы, чтобы при прокрутке страницы шапка исчезала, а меню оставалось. Например, как здесь: http://p120.createme.tk/ -- при нажатии на пункт меню "Услуги", шапка исчезает, навигация -- остается.

    Asked by Fendia,

    0 votes
    11 answers

  5. Резиновая шапка при фиксированном сайте

    Сайт на шаблоне с фиксированной шириной. Необходимо сделать на сайте шапку. Сейчас шапка на сайте есть, сделана по вот этому уроку, но вариант не подходит, так как в нём используется body { background <...> }, а мне нужно через backgroung задать сайту фон. Пробовал ещё такое решение: CSS: .container { background: #fff repeat; margin: 0 auto; height: 192px; width: 100%; overflow: hidden; position: relative; } template.php: <div class="container"> <div align="center"><img src="http://site.ru/themes/theme/images/top.jpg" alt="" /></a></div> </div> С высотой шапки 192px и шириной >1700px. Но при использовании этого способа,…

    Asked by vkapas,

    0 votes
    8 answers

  6. Div блоки

    Хочу расположить 3 блока div горизонтально. левый и правый фиксированной длины, средний растягивается на ширину страницы. Пишу такой текст <div style='background:red; width:63px; height:38px; float: left'> Левый блок </div> <div style='background:blue; height:38px; margin-left:63px; margin-right:14px;'> Центр </div> <div style='background:green;width:14px; height:38px; float:right;'> Правый блок </div> но почему то 3 блок съезжает вниз....что я не так делаю?

    Asked by RiG,

    0 votes
    4 answers

  7. plugins

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

    Asked by Guest Гость,

    0 votes
    21 answers

  8. Checkbox в IE

    Паддинги и маргины обнулил, все равно в ие7 квадратик немного съезжает вправо. Это можно исправить?

    Asked by Kenshi45,

    0 votes
    11 answers

  9. Правильность записи CSS

    Добрый день Смотрю уроки Css и человек объясняет Следующее на рис 1-2 красным плохая запись, а 1-2 зелёным правильная. Я с ним не согласен! Как всё же правильно? Я считаю, что варианты красным правильнее.

    Asked by virus_ostr,

    0 votes
    37 answers

  10. margin-left в IE6 удваивается

    В IE6 удваивается марджин-лефт и сдвигает слой больше чем надо. Как с этим бороться подскажите плиз <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=Content-Type content="text/html;charset=windows-1251"> <title>Untitled</title> <style> * { margin: 0px; padding: 0px; } #osnova{ width:100%; height: 100%; min-width:1000px; } #bodier{ height: 100%; background:#CFCFCF; position: relative; z-index:0; } #left_body{ width: 100%; height:600px; z-index:0; position: relative; } #podlogo{ backgro…

    Asked by rokkkky,

    0 votes
    4 answers

  11. Как сделать адаптивный треугольник?

    Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!

    Asked by web-monster,

    0 votes
    0 answers

  12. Как растянуть <div> в Firefox?

    Имеется (с фиксированной шириной и нефиксированной высотой) с неким текстом, вложенный в другой ( тоже с фиксированной шириной и нефиксированной высотой). При изменении текста внутренний растягивается и раздвигает внешний. Но это происходит только в IE и Opera. В Firefox внешний всегда остается одного размера - даже при height:auto. Как быть? Применение таблиц исключено. Помогите, заранее благодарен.

    Asked by Temansky,

    0 votes
    6 answers

  13. текст выводиться над слоем

    вопрос таков: почему "злополучный текст" не в слое выводится а над ним? И чем я только не пробывал повлиять на сложившуюся критически ситуцию. Бестолку. Помогите.. Предложения типа: сверстай тоже самое таблицей или еще в этом роде - сразу предупреждаю не надо писать . Я уже их наслушался вдоволь. Не знаете как решить проблему - лучше молчите. И что это такое товарищи дизайнеры бежать от трудностей в коде.. ? Так дело не пойдет. Заранее спасибо! CSS: * { margin: 0; padding: 0; border: 1px solid white; } #X1_l { background-position: left; background-repeat: no-repeat; height: 240px; overflow: hidden; display:inline; } #X1_r { background-position: right; background-…

    Asked by WEB_bobby,

    0 votes
    6 answers

  14. как убрать горизонтальный скролл в Опере?

    Здравствуйте! Возможно кто-то уже встречался с такой прблемой! Расскажите, что можно в этом случае сделать? Диву назначен стили overflow:auto; overflow-x:hidden; overflow-y:scroll; Ширина и высота фиксиованные. В ИЕ и ФФ применяются свойства overflow-x:hidden; overflow-y:scroll; и все выглядит как надо В Опере эти свойства не срабаотывают, но срабатывает overflow:scroll; Необходимо, чтобы было как в ИЕ и ФФ Можно ли убрать горизонтальный scrollbar?

    Asked by zest,

    0 votes
    7 answers

  15. Помогите задать цвет текста

    В общем,есть кус от кода Ему надо задать белый FFFFFF цвет . Вопрос как? Пробовал Не помогло.Подскажите ,плз!

    Asked by FASTDEATH,

    0 votes
    23 answers

  16. Как сделать 3 блока "одинаковой высоты"?

    Есть вот такой код: <div style="width: 108px; height: 100px;"> <div style="background-color:lime; width: 4px; height: inherit; float: left;">1</div> <div style="background-color:lime; width: 4px; height: inherit; float: right;">2</div> <div style="background-color:blue; width: 100px; margin-left: 4px; margin-right: 4px;"> asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br> </div> </div> хочется, чтобы блоки "1" и "2" занимали точно такую же высоту, какую занимает синий блок с "к…

    Asked by E5000,

    0 votes
    38 answers

  17. Не понимаю на что ругается валидатор

    Добрый день! Пытаюсь довести шаблон до состояние valid =) Проверяю через validator.w3 и вот что он мне выдаёт Bad value Cache-Control for attribute http-equiv on element meta. <meta http-equiv="Cache-Control" content="no-cache" />

    Asked by McLotos,

    0 votes
    5 answers

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

    проблема со скриптом по слайд-шоу, копирую код и заменяю фотографии на свои,файл index.html и фотки кладу в одну папку,но открывается в браузере только рамка, а фото нет и выдает сообщение о ошибке Ошибка 6 (net::ERR_FILE_NOT_FOUND): Не удалось найти файл или каталог. вот код <html> <head> <title>slides</title> <script language = "JavaScript"> numimg=0 imgslide=new Array () imgslide[0]=new Image () imgslide[1]=new Image () imgslide[2]=new Image () imgslide[3]=new Image () imgslide[4]=new Image () imgslide[5]=new Image () imgslide[0].src ="pic01.jpeg" imgslide[1].src ="pic02.jpeg" imgslide[2].src ="pic03.jpeg" imgslide[3].src…

    Asked by maxim,

    0 votes
    11 answers

  19. Вертикальный отступ между картинками-сслыками

    Товарищи, больше не могу с этим мучаться! Проблема в том, что на сайте есть ряд ссылок-картинок в виде <a><img></a>. В таблицу не хочу их пихать, чтоб при масштабировании окна браузера не появлялась полоса прокрутки, а ссылки-картинки просто переносились на новую строку. Горизонтальный отступ между ними получился только в путь с помощью свойства margin-left для IMG, а вот с вертикальным ну хоть вешайся. Уже всё перепробовал. Вот сслылка на страницу: http://www.rps-gc.ru/?page=154

    Asked by CBE4KuH,

    0 votes
    10 answers

  20. не работает onclick="window.open...

    onclick="window.open('/images/stories/ekonom1.jpg,'EKONOM','width=100,height=100')" когда нажимаешь ссылка открывается в этом же окне, если указывать target="_blank" то в IE открываеться просто новое окно не 100х100, а в опере открвается простое новое окно и окно размером 100 на 100 =)), а если не указывать target="_blank" то в опере просто открываеться в этом же окне. Код редактирую через админку джумлы.

    Asked by SoFuWa,

    0 votes
    4 answers

  21. Ссыка заглушка. Script

    Добрый день! Есть фраза, которая меняет цвет при наведении курсором и раскрывает скрытый текст при нажатии. Скрипт раскрывает скрывает текст. Hover меняет цвет. Но Internet Explorer Hover для текста не воспринимает. Текст сделала ссылкой с заглушкой #. Все как надо, но если фраза и скрытый текст расположены в конце страницы, при раскрытии возвращает в начало страницы. Как это избежать?

    Asked by anna.pagocmb,

    0 votes
    7 answers

  22. как дивами таблицу заменить?

    Надо таблицу с двумя ячейками заменить тэгами div,чтоб divы которые вместо ячеек были параллельны.

    Asked by Джамшут,

    0 votes
    17 answers

  23. Как убрать горизонтальную прокрутку?

    Помогите разрешить проблему... Сейчас у меня в процессе верстка сайта в слоях. В таком виде: центральная часть фиксированная - 979px, чтобы сайт влезал в 1024. Если разрешение больше, что левая и права части (по 180px) будут видимы. Но при проверке сайта при разрешении 1024 на 768 появилась горизонтальная линия: Как решить? Всю голову сломал (( Наглядный пример тут - http://tennisprofi.ru/ CSS * { margin: 0; padding: 0; } html { height: 100%; } body { background-image:url(pics/fon.jpg); background-repeat:repeat-x; font: 12px/18px Arial, Tahoma, Verdana, sans-serif; background-color:#deeff9; } a { color: blue; outline: none; text-decoration: underline; } a:hov…

    Asked by Slashik,

    0 votes
    10 answers

  24. Определить дату последнего изменения файла

    подскажите, пожалуйста, есть ли возможность определить дату изменения файла на сервере? допустим, в коде интернет-страницы встречаются ссылки на js-файлы, css и картинки. можно при/перед загрузкой страницы определить дату их изменения? да и дату изменения самого html-файла. какие еще параметры (атрибуты) файлов на web-сервере можно определить по HTTP? вопрос возник в контексте кэширования файлов, открываемых вэб-браузером. ведь если заранее знать, что файл не был изменен -- его и скачивать не обязательно.

    Asked by Stamper,

    0 votes
    13 answers

  25. Верстка из Corel Draw

    Есть макет, нарисованный в Corel Draw, нужно сверстать из него страницу. Вопрос: как? С Photoshop все понятно, там слои, там порезать можно, там размеры. А как быть с Corel?

    Asked by vadimon,

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