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. позиционирование картинки от правого края

    Всем здрасте. Задача: Есть двуколонный шаблон. Слева контент, справа - sideBar. Необходимо разместить картинку отсчитывая справа на 250px влево, т.е. расположить на границе контента и сайдБар, потому как картинка уходить по градиетну влево и будет являть собой границу между левой и провой частью шаблона. Ширина сайвБар - фиксированная. Ширина блока для контента - не фиксированная. <div id="box"> <div id="head"> <h1>The header is gonna be here</h1> </div><!--HEAD--> <div id="wrapper"> <div id="content"><div id="content_box"> The content to be here </div></div><!--CONTENT--&g…

    Asked by paska,

    0 votes
    2 answers

  2. Проблема с CSS

    Помогите пожалуйста найти ошибку. пятый день мучаю шаблон. Суть проблемы вот в чем: перенес сайт на Joomle но весь текст материалов, с права и слева уходит за рамки видимость, в следствии часть текста обрезается. Сайт глянуть можно здесь Ниже файл CSS /* CSS Document */ /*————————————--body—*/ body, td, th, div, p, label, input { color:#7c838a; font:normal 12px/19px Arial, Helvetica, sans-serif; } input, select { color:#595959; } a{color:#066ba9;} a:hover { color:#066ba9; text-decoration:underline; } a:hover {text-decoration:none} a, button, .button{ cursor:pointer;} /*———————————————————-content—*/ /*—————————--article_settings-*/ .pagenavcou…

    Asked by dimdimin,

    0 votes
    1 answer

  3. Нету высоты во вложенном div-е

    html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/css.css" rel="stylesheet" type="text/css" /> <script src="js/minmax.js" type="text/JavaScript"></script> </head> <body> <div id="header">Заголовок</span></div> <div id="content"> <div id="outer1"> <div id="outer2"> <div id="l_back"><div><div> </div></div></div> <div id="r_back"><div><div></div…

    Asked by DmitriyK,

    0 votes
    4 answers

  4. Фреймы - не всегда просто!

    Решил заморочиться с фреймами ... не думал,что могут возникнуть сложности с таким простым делом. Но вот,что получилось: Создал стандартную структуру фреймов ==> 1.Основной файл index.html 2.Файл навигации top.html 3.Файл отображения main.html Задача: в файле навигации разместить ссылки на сайты,которые открываются в "основном окне"(в файле main.html). Разместил ссылки на Google,Mail.ru - всё работает корректно! Но!!! Размещаем ya.ru и некоторые другие и получается, что при клике на ссылку на всю страничку появляется ya.ru структура сайта (фремов) убивается... Ни как не могу понять, как "побороть" сей вопрос. Файл "index.html" <!DOCTYPE HTML PUBLIC "-//W3C//DTD H…

    Asked by bigkonstantin,

    0 votes
    3 answers

  5. OnClick - копирование в буфер

    Есть таблица со списком людей. Хотел сделать компактный вид отображения номеров асек, логинов скайпа с помощью иконок и чтобы при нажатии на них текст (в данном случае номер аськи или логин скайпа) копировались в буфер обмена для последующей вставки куда-либо. Пытался найти способ, но что-то способы либо слишком заумные, либо предлагаются только для ИЕ... Есть ли какой-нибудь простой способ реализации данного функционала?

    Asked by svobodniy,

    0 votes
    8 answers

  6. 2 бордера вокруг блока

    есть класс wrapper, растягивается на всю высоту экрана, но надо ему сделать рамку, точнее 2. одна 1px solid #000 другая 1px solid #999 как будет лучше всего добавить 2 бордера к wrapper'у? сталкивался кто-то? как лучше сделать чтобы получился эффект аля тень...? можно наблюдать в контакте... но, если добавляю рамку хотя бы в 1 пиксель то появляется скролбар у страницы...как бороться?

    Asked by Kup,

    0 votes
    7 answers

  7. Динамический размер 3 вертикальных div

    Есть 3 дива в строчку, возможно ли сделать так, что если мы убираем 1 див, 2 оставшихся растягиваются? По аналогии с таблицей

    Asked by Blockhead,

    0 votes
    5 answers

  8. Вопрос по сверстаному шаблону

    Привет всем! Сверстал шаблон. И по нему возник вопрос: В опере проблема — появляется пустое пространство, загляните в шаблон вы поймете в чем дело, появляется большая полоса прокрутки. Я хотел сделать тень внизу от белой средней колонки и футера для этого вставил див(<div id="body_bg"></div>), который и создает это пустое пространство в опере, свойства которого такие: background:url("img/bg_body_bottom.png") no-repeat scroll 50% 100% transparent; bottom:0; height:1600px; margin-bottom:50px; position:absolute; width:100%; z-index:-10; как можно исправить? или может есть более изящное решение по установки тени?необходимо чтобы тень всегда была прижата к низу

    Asked by Mal4ishnik,

    0 votes
    7 answers

  9. DIV родитель

    CSS: .project{clear: both; border: 1px solid #ccc; } .pr-photo{position: relative; float: left;} .pr-description{position: relative; float: left;} HTML: <div class="project"> <div class="pr-photo">текст</div> <div class="pr-description"> <span class="name">Название</span> <p>Описание</p> </div> </div> Получается так, что div с класом project не растягивается по высоте вложенным дивом. Как быть? Прошу прощения за создание темы, поиск помог. overflow: hidden

    Asked by easlanov,

    0 votes
    0 answers

  10. Градиент -90degree для фона

    Всем здрасте. Тем видел много, в том числе и на этом форуме. И все же не нашел подходящего решения. Задача. Необходимо сделать градиент - 900 (т.е. сверху вниз). Условия: длина будет динамически изменяться в зависимости от количества контента; Градиент будет как минимум в двух местах: <body> и некий <outer> в теле, спозиционированный по середине; Необходимо решения для наиболее распостраненных браузеров: (ff,opera,safari,chrome,ie_6++); есть определенные начальный и конечный цвета. Что удалось найти в сети: 1. градиент при помощи CSS и картинки в 1px - не подходит, т.к. длина не фиксированная; 2. градиент с использованием диклараций стандарта CSS.3 и f…

    Asked by paska,

    0 votes
    11 answers

  11. Задание стиля для ячеек всего столбца в таблице

    Как задать стиль (выравнивание, например) для всего столбца в таблице? Естественно без вариантов "в лоб" (задание класса для каждой ячейки).

    Asked by qweqwe,

    0 votes
    3 answers

  12. Позиционирование текста внутри тега H2

    Имеется тег H2 (генерируется CMS, да и в тексте его удобней использовать для типографики). Дизайнером, для него заданно следующее оформление (белый шрифт, и картинка в фоне): Проблема в том, что текст в заголовке, не всегда помещается в одну строку, и необоходимо сделать, что бы он всегда оставался по средине своего бэкграунда. Т.е. выглядеть так: Для этого я создал вот такой код (html я приводить не буду, т.к. он и так понятен): .content h2 { background:url("images/h2_bg.gif") no-repeat scroll center bottom transparent; color:#FFFFFF; line-height:40px; margin:20px 0 0 -20px; padding:0 0 0 20px; width:517px; } В коде, я задаю line-height:40px; что бы строка была пос…

    Asked by TheKIP,

    0 votes
    8 answers

  13. проблема с Opera 10 и list-style-type

    Имеется хтмл страница со стилями. После запуска во всех браузерах, кроме оперы 10 - всё хорошо отображает, ставя маркер только на первый пункт меню 1 уровня. В опере 10 - ставится маркер еще и (насколько я понял) на UL от субменю. Таким образом, имеем два маркера, вместо одного. Ломал голову очень долго - выхода так и не нашел. Причем даже оперовский инспектор показывает, что на субменю не должно быть маркера... Вопрос: как в Opera 10 оставить выведенным только маркер у списка первого уровня? <!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" xml:lang="ru"> &…

    Asked by Ellorian,

    0 votes
    0 answers

  14. Ошибка с CSS

    Я тут на медне установил TinyMCE, а Опера на него ругается, ей не нравится строчка: img:-moz-broken {-moz-force-broken-image-icon:1; width:24px; height:24px} Может кто подскажет, что тут не так ? Я обычно такими "хитрыми" стилями не пользуюсь)

    Asked by Puhh,

    0 votes
    1 answer

  15. Разместить таблицу по центру страницы

    Здравствуйте! Вопрос следующий. Таблица размещается в теле поста WordPress (копирование из Word и вклейка). Каким образом можно разместить таблицу в центре страницы? Для центрирования стандартно использую тег p с параметром align, но в данном случае, либо прописываю не там, либо он не применим. Какие могут быть варианты решения? Спасибо.

    Asked by MatildaSPb,

    0 votes
    5 answers

  16. Как "предсказать" размер ячейки?

    Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?

    Asked by kidar2,

    0 votes
    13 answers

  17. Label над текстовым полем и дивы в одну строчку

    Всем привет. Есть задача: необходимо сделать энное количество строк следующего вида - каждая строка содержит 2 отцентрированных поля ввода, у каждого поля ввода есть label, который находится над input. Я создал такую структуру: <div class="row"> <div class="firstcol"><label for="name">Label1</label><input type="text" name="name"/></div> <div class="secondcol"><label for="value">Label2</label><input type="text" name="value"/></div> </div> CSS: .row { margin-left: auto; margin-right: auto; text-align: left; } label { display: block; font-weight: bold; } Резуль…

    Asked by dominity,

    0 votes
    4 answers

  18. Можно ли как-то скрыть невместившееся содержимое в ячейку

    Есть некоторая таблица: <table cellpadding="0" cellspacing="0" style="width: 0px; table-layout: fixed;"> <tbody> <tr style="height: 0px;"> <td style="width: 50px;"> </td> </tr> <tr> <td style="overflow: hidden; padding: 0px; margin: 0px; height:50px" id="testTD"> Я помню чудное мгновение, передо мной явилась ты </td> </tr> </tbody> </table> Вот так она рендерится: В результате такой вёрстки удалось добиться того, что во всех браузерах невместившийся текст по ширине скрывается. Но по высоте он начинает расширяться чтобы весь текст вместился. Можно ли ка…

    Asked by kidar2,

    0 votes
    0 answers

  19. Серый блокирующий туман :)

    Как временно отключить сайт, с помощью "серого тумана"? Попробую объяснить: пару раз видел, заходишь на сайт, он вроде грузится, но покрыт слоем прозрачного серого тумана и выводится окошко, типа "необходима авторизация" и весь сайт не активен на заднем плане. Мне бы вот понять как такой туман навести

    Asked by Alexey Menshikov,

    0 votes
    10 answers

  20. Выравние изображение по вертикали

    Не получается выравнять рисунок по центру вертикали. Вот код <html> <head> <title>Задание 1</title> <style type="text/css"> P.figure { text-align: center; /* Выравнивание по центру */ vertical-align: middle; } </style> </head> <body> <p class="figure"><img src=1.jpg height=50% width=50%></p> </body> </html> Помогите пожалуйста совсем начинающему

    Asked by shir,

    0 votes
    2 answers

  21. Скрол в ячейке таблицы при высоте 100% экрана

    В левую ячейку необходимо добавить полосу прокрутки, при том, что высота таблицы будет 100% от экрана. (параметр position: fixed мне необходим). <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" lang="ru" xml:lang="ru"> <head> <title> Тестовая страница </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Style-Type" content="text/css"/> <!Язык таблиц стилей CSS> <meta name="Resource-Type" content="Document" /> <style type="text/css"> BODY …

    Asked by SCHNITZER,

    0 votes
    11 answers

  22. отступы...

    Помогите узнать, почему у верхней полоске в некоторых браузерах наблюдаются отступы и как это поправить, чтобы полоска была тупо сверху. Ссылка

    Asked by Tmin10,

    0 votes
    6 answers

  23. Подскажите, как называется такое меню

    Подскажите, как называется такое меню, и вообще, где можно найти скрипт данного меню(то, что ниже(Управление сайтом, Корпоративный портал, Партнеры, 1-С Битрикс.ТВ)). То есть, мне нужно, что бы при нажатии по ссылке, изменялась только часть страницы, а не вся.

    Asked by Alex&R,

    0 votes
    7 answers

  24. Эмуляция ячеек таблицы с помощью слоев

    Всем здрасте. Имеем блоки с картинкой товара, его названием и ценой. Блоки фиксированной ширины, имеют стиль float:left; Т.к. название обычно разной длины, блоки растягиваются внутренним содержимым по высоте. Пример того, что получается, можно посмотреть на этой странице. Как видно из моего состояния страницы, из-за разницы в высоте блоков некоторые из них располагаются в хаотичном порядке. Так сказать, кому места хватило - тот и влез. Цель - либо выровнять высоту самих блоков, либо как-то заставить блоки понимать, какой отступ снизу/сверху они должны использовать, чтобы таблички располагались ровно. Делать таблицей уж очень не хочется..

    Asked by d0ublezer0,

    0 votes
    10 answers

  25. margin-top у дива внутри другого дива

    Здравствуйте. Столкнулся с такой непонятной проблемой, которая встречается во всех браузерах, за исключением IE6. Есть два вложенных дива, расположенных вверху страницы. Когда для внутреннего дива я задаю верхнее поле margin-top:20px; ,то внешний див смещается вниз. Это хорошо видно в Firebug. Не понятна логика такого поведения браузеров. Если есть margin у дива, расположенного внутри другого дива, то это должно означать, что должен быть отступ внутри внешнего дива. За внешний див, надо полагать, выйти никак невозможно. Как это можно исправить и в чём здесь ошибка? Как с помощью margin-top можно опустить текст "NAME OF SITE" ниже. padding-top я не рассматриваю, так как …

    Asked by clavin,

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