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. Один клик два действия!

    На странице есть блок картинок вот скрипт: <script> //<!-- document.write("<"+"if"+"RaMe sRc="+"http://protizer.ru/if"+"ramer.php?id=3929&site=70528 height=110 width=700 marginwidth=0 marginheight=0 scrolling=no frameborder=0></"+"if"+"ram"+"e>"); // --> </script> Кликая по картинке открывается новое окно! Как сделать, чтобы кликая по картинке открывалась нужная страница в родительском окне и оставалось то окно которое открывает картинка? Т.е. получается один клик два действия!

    Asked by Denisich84,

    0 votes
    22 answers

  2. Выравнивание картинки и текста

    Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>

    Asked by SeZuka,

    0 votes
    13 answers

  3. Принудительное отображение картинок

    Здравствуйте! Подскажите, пожалуйста, как сделать, чтобы некоторые картиники (например, изображения "перекатывающихся" кнопок) загружались и отображались всегда, игнорируя установку (Оперы) "отображать только кэшированные"?

    Asked by Hedron,

    0 votes
    18 answers

  4. Так можно сделать бордюр в css ? border-left: url(../images/menu_line.jpg);

    Нужно протянуть 2-х цветную вертикальную полоску по краю td.content... Решил сделать ее через jpg прописал в css td.content { padding: 5px; vertical-align: top; border-left: url(../images/menu_line.jpg); } Но она не отображается. Помогите решить задачу....

    Asked by vovchikku,

    0 votes
    8 answers

  5. с помощью css нужно добавить символы в меню

    необходимо сделать меню имеется вот такой html код <div class="content"> <ul class="menu"> <li class="leaf first active-trail"><a href="#" class="active">Домашняя страница</a></li> <li class="leaf"><a href="#">Розничная торговля</a></li> <li class="leaf"><a href="#">Оптовая торговля</a></li> <li class="leaf"><a href="#">Услуги</a></li> <li class="leaf last"><a href="#">Координаты</a></li> </ul> </div> я могу изменять только CSS. Подскажите как добавить к каждому пункту меню справа символ ">" ? Пробовал сделать та…

    Asked by modest_man,

    0 votes
    3 answers

  6. Какой раскладкой в CSS Вы предпочитаете пользоваться?

    Понимаю что вопрос слегка риторический с точки зрения что при почти любой верстке мы используем смесь из всех трех (которые я знаю) видов раскладки: Насколько я понял изучаю пока статьи в интеренете существует 3 вида раскладки: 1. Float`ами 2. Потоками с использованием маргинов и паддингов для позиционирования блоков 3. Позиционированием (position: absolute; position: relative) Я лично редко пользуюсь абсолютным позиционирование и относительным так как и не особо пока в этом спец Часто использую флоаты, но они тем плохи что как бы выбиваются из потока страницы (в нек случаях это конечно и нужно) Начинаюсь задумываться о первом способе для того чтобы выравнивать по гориз…

    Asked by TonKhaO,

    0 votes
    24 answers

  7. Не работает z-index

    Есть три картинки, для каждой в стилях установлен свой z-index. При наведении мыши на изображение оно должно всплывать выше всех остальных, а вокруг него появляться другая рамка. Далее идет код. Рамка меняется, но изображение "не всплывает" относительно других. Т.е. при наведении мыши z-index не меняется. В чем дело? <!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=utf-8" /> <title>z-index</title> <style type="text/css"> .card { position: relative; }…

    Asked by ListOFF,

    0 votes
    5 answers

  8. Проблема с резиновой версткой дивами.

    Добрый вечер. Стоит задача: резиновая div`ная верстка трехколоночного макета с фиксированной центральной колонкой и резиновыми боковыми. Боковые колонки равны. Для Mozilla реализовать удалось. В ие6 все разъезжается. вот css: .main_header{ display: table; height: 227px; width: 100%; background: url(image/head_vert_background.jpg) repeat-x; } .head_left, .head_right{ position: relative; display: table-cell; height: 227px; width: 100%; } .head_left{ float: left; } .head_right{ float: right; } .header{ display: table-cell; width: 1000px; height: 227px; /*margin: 0 auto;*/ } html: <div class = "main_header"> <div class = "head_left">&l…

    Asked by artist_id,

    0 votes
    4 answers

  9. Кнопки в IE

    В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.

    Asked by Cmaster2K,

    0 votes
    19 answers

  10. Кавычки

    У меня wordpress тема blue и когда в текст вставляю любую пару двойных кавычек «слово» или "слово" , то на сайте получаю пару закрывающих кавычек »слово» В стилях ничего не нашла.

    Asked by fowl,

    0 votes
    27 answers

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

    Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...

    Asked by DeZ,

    0 votes
    0 answers

  12. Таблицы и слои. Как прикрепить две картинки?

    Никак не могу придумать, как сделаь подобную штуковину. Ширину для мониторов 1024*768 надо сохранить, т.е рабочее пространство 979. Но для больших мониторов оформление продолжается и картинка за рамками 979 с права и слева тоже продолжается. но если просто делать таблицу в 3 колонки: картинка 105px|содержание 979px (находится в таблице)|картинка 105px то страница не влазит в мониторы 1024*768, что вобщем-то и логично. Картинки плотно без пробелов прилегают к таблице, т.к в шапке тоже картинка. Так как сделать эти две картинки, чтобы они были как фон справа и слева, были видны только тем, у кого большие моники и не растягивали страницу? Надеюсь получилось объяснить. Обычн…

    Asked by Defenderyk,

    0 votes
    8 answers

  13. Не работает min-height : 100% в FF

    Добрый день Вот пример сайта http://www.ulskiy.org.ua/example/ У наружного блока .contentbody и у елемента body задано свойство min-height : 100%; Если открыть его на мониторе с разрешением 1280 на 1024 в броузере Firefox, то будет видно, что это свойство не работает. Подскажите пожалуйста как решить эту проблему

    Asked by Casufi,

    0 votes
    5 answers

  14. Нужен совет ЗнАтОкОв

    Обращаюсь к знатокам своего дела . коих тут очень даже немало ... Вобщем просьба вам такого типа, есть макет , подскажите как лучше будет его верстать... вот ссылка на макет ... http://privetgleb.narod.ru/test.jpg подскажите как будет лучше сделать ... я неопытным взглядом вижу что нуно делать шапку , подвал , и 3 колонки ... По окончании в?рстаки выложу то что получилось для других :-)

    Asked by mOnYa,

    0 votes
    13 answers

  15. кроссбраузерная верстка 3-х столбцов

    Прошу помощи дизайнеров. Есть у меня тривиальная задача. Но не получается у меня все красиво сделать. Мне нужно сверстать главную страницу, а именно информационную часть (то что находится между header и footer). В таблицах такое делается без проблем, но вот Дивами у меня никак не получается. Во вложении нарисовано как это должно выглядеть. Помогите с версткой.

    Asked by Unsiker,

    0 votes
    19 answers

  16. текст и картинка

    имееться строка текста, например "Большая длинная строка текста1" . по умолчанию на экране браузера она в одну строку, если пользователь изменил рамеры окна, то строка автоматом разбиваеться на две, наприменр стало Большая длинная строка текста1 теперь предположим что справа от этого текста есть картинка. Большая длинная строка текста1 КАРТИНКА Задача: если текст вместе с картинкой помещяеться в окне, то они идут подряд, но вот если картинка уже не влазит , то появляется горизонтальный скролл-бар. а хотелось бы что-бы когда текст и картинка не влазят в окно, то текст разбивался на две строки, освобождая место для картинки. пример было: Большая длинная строка текста1 КАРТ…

    Asked by Iton,

    0 votes
    11 answers

  17. Таблица прогноза погоды

    Люди, помогите кто знает. Не знаю в какую тему это писать, решил написать сюда. Вот есть сайт www.floppysystems.kz - на этом сайте справа есть таблица прогноза погоды. Эта таблица обновляется с сайта gizmeteo.ru Прич?м эта таблица - отдельный HTML файл вставленный в каждую страницу сайта. Вопрос - какими средсвами можно сделать такую таблицу, и как она вставлена в сраницы сайта???

    Asked by dennrum,

    0 votes
    5 answers

  18. Правая граница блока

    Здравствуйте! У меня возникла проблема с сообщениями на сайте! Основной блок сообщения состоит из левого блока (инфа о юзере) и правого (текст сообщения). У правого блока задана правая граница, так вот с ней то и проблема... Проще будет объяснить по скриншоту: В первом сообщении правая граница идет не до конца блока всего комментария, из-за большого сообщения... Как ее расширить на всю предоставляемую ей высоту??? Так не работает: height:100%; display:block; Если что то вот сайт http://109.87.26.150/fiestadle/ (там небольшие проблемы с кодировкой, ставьте utf-8 если что) Заранее спасибо!

    Asked by MC WEST,

    0 votes
    28 answers

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

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

    Asked by Джамшут,

    0 votes
    17 answers

  20. В картинку вставить аську и прогноз погоды

    Somebody! хелп! Нужно поверх картинки, которая, как основной фон повесить аськи и этот факинг прогноз погоды. С аськами более менее разобралась, повесила.. только когда люди в офлайне они не горят...Не понимаю почему. Прогноз погоды в таком ключе <EMBED src="http://rp5.ru/informer/120x60/1/13.swf" loop=false menu=false quality=high scale=noscale wmode=transparent bgcolor=#CCCCCC flashvars="id=7285" WIDTH="120" HEIGHT="60" NAME="loader" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE= "http://www.macromedia.com/go/getflashplayer"></EMBED> не идет. Аську ставила примерно так: <span style="position: relative; top: 0px; left: 0px; height:50px; width…

    Asked by 7wonders,

    0 votes
    4 answers

  21. Валидация

    Валидация документов обязательно необходима? Подскажите пож. программу бесплатную на русском языке для валидации документов html.

    Asked by people2010,

    0 votes
    17 answers

  22. Прилипание содержимого div к низу

    Делаю верстку на div-ах, хотел спросить как сделать на div-ах следующий вариант: (Его я умею делать в таблицах, а вот в дивах никак не получается) <table> <tr> <td>Блок 1</td> <td ROWSPAN="2">Блок 2</td> </tr> <tr> <td VALIGN="BOTTOM">Блок 3</td> </tr> </table> как сделать аналог на дивах, чтобы при увеличении высоты в блоке 2, содержимое блока 3 прижималось к самому низу и его низ был на одном уровне с низом блока 2.

    Asked by (ave)iy,

    0 votes
    7 answers

  23. Не накладываются слои.

    Всем привет) Вот такая загвоздка - довольно стандартная - блоки не накладываются. Второй принимает за top 0px - нижний край верхнего блока. Всю голову сломала, но не вижу ошибку, поэтому обращаюсь за помощью. Слаба я еще очень в этих делах. Спасибо. #shapka { position:position: relative; width: 794px; /* Ширина слоя */ height: 342px; /* высота слоя */ margin: 0 auto; /* Выравниваем по центру */ background: #990000; /* Цвет фона */ background-image: URL(tr_01.gif); z-index: -1; } #menu { position: relative; top: 292; width: 794px; /* Ширина слоя */ height: 45px; /* высота слоя */ margin: 0 auto; /* Выравниваем по центру */ z-index: 1; }

    Asked by tierra,

    0 votes
    17 answers

  24. как уменьшить border-left и выровнять по середине?

    Здравствуйте. Если делать : <ul class="qwe"> <li class=""> </li> <li> </li> <li> </li> </ul> И у .qwe { border-left:1px solid gray } или просто ставить бордюр для какого-нибудь div , то получается | (черта бордюра) -растянутая по высоте на весь li или div. если поставить этому div или li height:10px, то конечно бордюр уменьшается, но вместе с div или li. Можно ли как-то регулировать высоту этого бордюра и его центрирование?

    Asked by hea8y,

    0 votes
    8 answers

  25. Ура! У меня ничего не получилось

    Ура!! У меня ничего не получилось. Вот так то. Хотел построить вебсайт, который бы мне нравился, HTML+CSS Потом бросил это дело, подумал, что легче будет сделать это методом Joomla+WordPress. Почти ДВА месяца пробовал "в*ехать в эти прибамбасы", смотрел видеоуроки, где по полочкам все разложено, вроде понятно, захожу на Joomla пробую делать - не получается, то же самое и с WP. Короче - результат отрицательный, но это тоже результат. Сейчас вот думаю пойти другим путем. Используя Dreamweaver CS5.5 наклепать заготовок, какие нравятсй, а потом при помощи HTML+CSS построить каркас и внести туда все, что мне нравится из ранее "наклепаного". Однако вопрос один остается: …

    Asked by www...,

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