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

29,542 questions in this forum

  1. Как сделать scroll у среднего элемента

    Хелп! Есть такой сайт: http://works.maksimslepov.ru/new.html Задача так стоит: шапка и подвал всегда должны быть сверху / снизу экрана, при любых разрешениях. Естественно, существует какой-то min-height, допустим, как у меня сейчас. Между шапкой и подвалом располагается блок. Содержимое блока по высоте - 1500px. Сейчас там фоновая картинка примерно такой высоты. Не получается вот что: как сделать так, чтобы при маленьком разрешении экрана этот блок скроллился? В блок main поставил overflow:auto, но результата почему-то нету... upd. Да, забыл сказать, что сайт должен обязательно располагаться по центру. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN' 'http://www.w3…

    Asked by botyaslonim,

    0 votes
    2 answers

  2. div внутри table

    делаю заготовку галереи. задумка такая, div-контейнер с width=100% растягивается на всю ширину страницы. внутри контейнера div-wapper с img. картинок очень много и все, что не влезло в контейнер должно скрыться с помощью overflow:hidden .slide_container { border:1px solid #DDDDDD; overflow:hidden; width:100%; } .slide_wrapper { white-space: nowrap; } <div class="slide_container"> <div class="slide_wrapper"> <img src="/1_image.jpg" alt=""> <img src="/2_image.jpg" alt=""> <img src="/3_image.jpg" alt=""> <img src="/4_image.jpg" alt=""> <img src="/5_image.jpg" alt=""> <img src="/6_image.jpg" alt=""&gt…

    Asked by maximt,

    0 votes
    2 answers

  3. Background

    то что серым цветом,я хочу чтобы было прозрачным.Помогите кто может.А вот и код,который отвечает за него <table border="0" cellpadding="10" cellspacing="0" width="100%" style="border:1px solid #026115;"><tr><td style="background:#999999;">

    Asked by anar1811,

    0 votes
    5 answers

  4. Проблема в подчеркивании ссылок при наведении и нет

    Здравствуйте. Возникла проблема с подчеркиванием ссылок, решить никак не могу. Вот мой сайт http://blog-invest.ru/, надо сделать так, чтобы заголовки постов были выделены красным и подчеркнуты, а при наведении цвет бы менялся на черный и подчеркивание убиралось. Я сколько не пытался, ничего не получилось. По идее вот тут надо порыться, чтобы настроить h3.h1 { color:#B30000; font-size:22px; text-decoration:underline; } h1 a, h3 a, h1 a:visited, h3 a:visited { text-decoration:none; } h1 a:hover, h3 a:hover { text-decoration:none; однако сколько не пробовал - ничего не получалось. Вообще с CSS мало знаком, поэтому вот и прошу у вас помощи. Спасибо заранее.

    Asked by deco90,

    0 votes
    3 answers

  5. JS+TEXTAREA+WRAP+FF

    Как при помощи JS управлять свойством WRAP по FireFox. document.getElementById('MyTextArea').wrap ==> unknown.

    Asked by still swamp,

    0 votes
    2 answers

  6. Как убрать бордер при contenteditable

    При начале редактирования элемента с contenteditable FF обводит его бордюром. Как убрать?

    Asked by still swamp,

    0 votes
    2 answers

  7. С таблиц в слои

    Здраствуйте ,как даний код переделать с таблиц в слои ,когда просто меняю все table и td на div страница искажается.... <table id="shortstory" > <td class="left_short" >[full-link]{title}[/full-link] </td> <td class="bg_short"> </td> <td class="right_short"><b> {date=d.m} | {favorites}</b></td> </table>

    Asked by Mr.Black,

    0 votes
    3 answers

  8. Прижимание div position:absolute справа

    Всем привет. Делаю дизайн для сайта и возникла загвоздка. Правый блок надо прижать к правой стороне сайта. Подскажите как это сделать. <div id="rightbox"> должен прижиматься к правой стороне вне зависимости от разрешения экрана. При разрешение 800х600 этот блок прижимается к правой стороне экрана, но справа еще есть часть сайта. То есть он закрывает часть <div id="content">. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="all"> <div id="top"><…

    Asked by qazibum,

    0 votes
    2 answers

  9. Firebug 1.5.4 не работает

    Стоит Мозила 3.6, в ней Firebug 1.5.4. Редактирую что-нибудь - на страничке это что-нибудь меняется, как только обновляю страницу - все встает как было до редактирования Сайт локальный.

    Asked by victorz,

    0 votes
    7 answers

  10. Как при нажатии на ссылку вывести информацию в том же окне но в соседнем div ?

    У меня есть div_1 и div_2. В div_1 у меня ссылки. Как при нажатии на любую ссылку вывести информацию в том же окне но в соседнем div_2 ??? Напишите код пожалуйста или какой то пример с кодом!!!!!!!!!!!

    Asked by 333_org_ua,

    0 votes
    5 answers

  11. Вывод текста в треугольной ячейке

    Добрый день. Есть сложная таблица с разделенными (везде по разному) ячейками (думаю видели такие). Собственно сам вопрос верстки, думаю ясно понятен на картинке (см. ниже), т.е. в обоих частях разделенной ячейки - должны находиться 2-а разных элемента с текстом (span, p, h что угодно), при этом при растяжении родительской ячейки (что это будет - div, table, table-cell - тоже не суть главное чтобы работал) текст соответственно должен "плыть" и "подстраиваться" под свою треугольную ячейку. Вопрос: как я понимаю, с помощью CSS, и даже CSS3 этого не решишь (блоки пока только прямоугольные), (или я ошибаюсь? и все таки возможно?) каким образом возможно решить данную задачу? (…

    Asked by novicheG,

    0 votes
    4 answers

  12. Помогите разобраться с фонами

    Помогите пожалуйста разобраться с фонами... Так что бы под левой колонкой не появлялся белый фон... Код HTML: <div id="comp"> <div id="left"> <jdoc:include type="modules" name="left" style="table" /> </div> <jdoc:include type="component" /> </div> Код CSS: #left { width: 300px; float: left; height:100%; background-color: #0420c3; } #comp { width: 98%; background-color:#FFFFFF; } Суть вопроса состоит в том можно ли как-то ограничить фон comp на 300px от левого края или продлить фон left до нижнего края comp. Сейчас эта проблема актуальна http://www.planet-tour.com.ua/

    Asked by marrone-art,

    0 votes
    2 answers

  13. "Промельк" при hover

    Есть вот такой макет на начальной стадии (тестовый, будет резиновый) - http://www.freeway-design.ru/test/ При раскрытии блока картинка мелькает на долю секунды. Вроде не критично, но очень раздражает. Каким образом можно средствами css это убрать и можно ли вообще?

    Asked by Verder,

    0 votes
    21 answers

  14. наложение слоев

    есть код <div class="progressBar"> <div class="percentCount" style="width:50%">50%</div> </div> стили: .progressBar { border: 1px solid #e5e5e5; } .percentCount { background:green; text-align:center; width: 0%; position: relative; height: 20px; } этот код делает так что 50% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.

    Asked by vvsh,

    0 votes
    4 answers

  15. Проверка сайта (движок Joomla) на валидность.

    Ошибка: Sorry, I am unable to validate this document because on line 224 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xD0" does not map to Unicode Подобная тема уже есть, решение вроде бы тоже. Но в моем случае указывается номер линии, которого либо вообще нет, либо на этой линии ничего необычного не наблюдается. Может быть причина в том, что я не знаю где смотреть эту самую линию, поскольку в коде созданном на Joomla плохо разбираюсь. Через браузер номера строк…

    Asked by Trali-Vali,

    0 votes
    8 answers

  16. left:expression((document.body.clientWidth-893)/2); в FF

    Всем привет. Подскажите пожалуйста, почему left:expression((document.body.clientWidth-893)/2); везде исполняется правильно кроме FF? Как надо правильно написать expression, чтобы он исполнялся и в файрфоксе?

    Asked by nonickname,

    0 votes
    1 answer

  17. СРОЧНО НУЖНА ПОМОЩ

    Мне нужен фот планет как на этом сайте http://drakia.com/ если можно выделити именно код с css и с html оч надо

    Asked by Suriko,

    0 votes
    2 answers

  18. Линии между меню

    Есть вопрос по верстке... Хочу сделать такое меню интересует в основном линии между ссылками, никак не полчается нормально, выходят сильно короткие HTML <ul> <li><a href="">Home</a></li> <li><a href="">Support</a></li> <li><a href="">FAQ</a></li> <li><a href="">Contact Us</a></li> </ul> CSS li { display:inline; list-style-type:none; padding:0 16px; border-left:2px groove #F90; } В общем получается так

    Asked by senya11,

    0 votes
    4 answers

  19. Сложный бэкграунд

    Возникла проблема при верстке бэкграунда. Бэкграунд, как видно неоднородный, а рисунком. Всю картинку пихать, думаю, нет смысла, так как размер ее почти 300 кБ. Как лучше и грамотно ее порезать и разместить ума не приложу. Есть, конечно, кое-какие мысли, но что-то не очень уверен, что это будет правильно.

    Asked by vadimon,

    0 votes
    5 answers

  20. Помогите разобраться с параметром "vertical-align"

    .menu_but{margin:0; padding:0; width:300px;background: #0420c3; list-style:none;} .menu_but li{padding:0; margin:0 0 1px 0; height:67 px; } .menu_but li a{ text-align:left; height:67px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:table; vertical-align:middle; background:url("../images/but.png"); background-repeat:no-repeat; text-decoration:none; outline:none;} .menu_but li a:hover{background:url("../images/but_a.png");} .menu_but li a.active, .menu li a.active:hover{background:url("../images/but.png");} .menu_but li a span{line-height:15px;} Если я правильно понимаю параметр vertical-align "Применяется К встрое…

    Asked by marrone-art,

    0 votes
    10 answers

  21. Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ?

    Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ???

    Asked by 333_org_ua,

    0 votes
    1 answer

  22. При уменьшении окна браузера правый div уходит вниз !

    Есть три области, div_left, div_center, div_right. В div_left находяться ссылки, в div_center выводиться основная информация а в div_right находиться например рекламма. При уменьшении окна браузера div_right уходит вниз !!!!! div_left в котором находяться ссылки также уменьшается до безобразия. Задача: оставить неизменными div_left и div_right при изменении размера окна браузера, div_center может меняться в ширину. Заранее Благодарю за ответ !!!

    Asked by 333_org_ua,

    0 votes
    5 answers

  23. Ширина 100%

    есть сайт http://skrypalej.net/ , Как видите при расширении 1024x786 все нормально - http://img716.imageshack.us/img716/9564/11477702.png , но если больше тогда фон правой колонки автоматически неувеличивается , перепробовал все способы которые знаю, картинка и впредь не розшираеться при большом екране - http://img109.imageshack.us/img109/1498/59495913.png Html и Css нету смисла викладивать ,можно посмотреть на сайте!!!!

    Asked by Mr.Black,

    0 votes
    14 answers

  24. Заданы границы ячеек для одной таблицы, но они присутствуют на всех таблицах.

    Сайт сделан табличной версткой. В одной из ячеек присутствуют 2 таблицы (друг за другом). Второй таблице присвоен класс <table class="znachki"> CSS выглядит так: .znachki { width: 100%; /* Ширина таблицы */ height: auto; /* Высота таблицы */ text-align:center; } TD, TH.znachki { border-collapse: collapse; /* Убираем двойные границы между ячейками */ border: 1px solid #CCCCCC; /* Параметры границы ячеек*/ } ВОПРОС: почему класс znachki применяется ко всем таблицам? /*удалим отступы и маркеры в ненумерованном списке, зададим ширину пунктов меню */ ul { margin: 0; padding: 0; list-style: none; list-style-position: inside; widt…

    Asked by Mintaya,

    0 votes
    4 answers

  25. очередной бой с IE

    Проблема с фонами, в chrome и mozilla отображается нормально, а вот IE не очень. Помогите пожалуйста. http://www.planet-tour.com.ua/ Вот так выглядит в ie8 А вот так в chrome Сразу приношу извинения за правильность кода я только начинаю углубятся в веб-программирование. /* Title Control */ table.moduletable_blue th { display: table-cell; height: 46px; width: 294px; padding-left:10px; font-size: 16px; background:url(http://www.planet-tour.com.ua/templates/planet_tour/images/menu_h.png); background-repeat:no-repeat; text-align: left; color: #FFFFFF; vertical-align:middle; } /* Module tbody Control*/ table.moduletable_blue tbody{ display:block; width:294px; back…

    Asked by marrone-art,

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