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. наложение изображений

    задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <div style="display:table"> <!-- Может быть несколько в одной таблице --> <div id="file_256" style="display:table-row;"> <div style="display:table-cell;position:relative;border-top:1px solid #eee; margin:1px; vertical-align:middle;"> <img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;"> <img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;"> </div> </div> <!--Конец блока что может повторятся --> </div> возникает пробл…

    Asked by Toxin_G,

    0 votes
    1 answer

  2. 2ух-колоночная страница

    делал по уроку на этом сайте при создании 2ух колонок правая колонки ниже левой article { /* Левая колонка */ margin-right: 240px; /* Отступ слева */ } видимо из-за margin-right правая колонка опускается как исправить? p.s. выравнивание правой колонки идет ниже контента в левой колонке ,т.е если убрать контент в левой колонке ,то колонки будут на одном уровне .content-gradient { background: #fff url(images/content-gradient.png) repeat-x; } .content-bg { width: 960px; /* Ширина макета */ margin: auto; /* Выравнивание по центру */ background: #fff no-repeat; /* Фон с границами */ } .content-white { background: #fff; /* Белый цвет фона */ margin: 0 11px; /…

    Asked by MaSoGg,

    0 votes
    3 answers

  3. float и приоритеты важности

    Имеем 2 блока, которые следуют вертикально друг за другом у каждого из которых указан float Для каждого блока указана тень Перекрывающая тень другие тени будет у того блока, который идет в коде последним - можно ли это изменить? z-index к желаемому результату не привел

    Asked by ShumNo,

    0 votes
    7 answers

  4. Сравнять с фоном

    Как убрать эти отступы и сравнять с фоном данный див?

    Asked by sdasddsa,

    0 votes
    4 answers

  5. Помогите с CSS

    Есть табличка как сделать чтоб border не обрамлялся несколько раз в некоторых местах. <table width="738" cellpadding="0" cellspacing="0" id="img_roul"> <tr> <td width="52"><table cellspacing="0" cellpadding="0"> <tr> <td width="50px" height="90px">0</td> </tr> </table></td> <td width="602"><table cellspacing="0" cellpadding="0"> <tr> <td width="50px" height="30px">3</td> <td width="50px">6</td> <td width="50px">9</td> <td width="50px">12</td> <td width="50px">15&…

    Asked by Kochevnik,

    0 votes
    7 answers

  6. zoom и еще

    Для решения таких задач как например inline-block элемент в IE используется такое сочетание: .inline{ zoom:1; *display:inline; } ну или так-же зум используют для правильного обтекания картинки текстом без залезания его под картинку так вот собственно вопрос в том, что фактически дает zoom и зачем перед display нужна звездочка. Заранее благодарен за ответ.

    Asked by fragilewelldone,

    0 votes
    3 answers

  7. Как сделать чтобы фон не просвечивал полупрозрачный бордер?

    subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал …

    Asked by kidar2,

    0 votes
    3 answers

  8. цвет фона для текста

    как реализировать кто знает??7 нашел нормальный рабочий вариант для вебкидов Кому интересно <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> body{padding:10px;} #wrapper{ color:red;/*для старых браузеров*/ background:url(1.jpg) repeat;/*фон текста!!!*/ -webkit-text-fill-color:transparent; -webkit-background-clip:text; } </style> </head> <body> <div id="wrapper">…

    Asked by dostel1,

    0 votes
    2 answers

  9. Выложил сайт на хостинг - сменилась кодировка

    Сделал страничку, в notepad++ преобразовал в utf-8 без BOM. На странице тоже указал utf-8 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> .... Когда разместил сайт на хостинге все стало кразозябрами, а кодировка сменилась на windows-1251. Почему такое случилось? Виноват хостинг или я что не так сделал?

    Asked by bob_24,

    0 votes
    7 answers

  10. наследование свойств css

    Доброго времени суток всем! У меня такой вопрос, возможно его было бы правильнее задать в теме HTML, но все же. Как наследуются свойства тэгов (селекоров) в css? Например у меня такой код html: <html> <head> <title>Any's</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <a href="http://google.ru"> <h1>Моя таблица стилей </h1> </a><br> <h2>Текст 2</h2><br> <h1 class="any">Это ссылка на что то .ру</h1> </body> </html> и если в css прописать для класса any отдельные свойства, отличные от свойств селектора h1, то те св-ва которые н…

    Asked by en5er,

    0 votes
    6 answers

  11. Как правильно поставить тег leech

    У меня кнопка сделана: <div class="button1" align="center"><a href="http://domen.ru/">Текст кнопки</a></div> Подскажите как правильно поставить тег leech, что бы скрыть ссылку. спасибо

    Asked by Tsilya,

    0 votes
    11 answers

  12. Проблема с версткой меню в IE

    Здравствуйте! У меня произошел затык с версткой меню в IE 7 и выше. Меню второго уровня отображается под слоем меню первого уровня. Не могу понять в чем дело и решить проблему, а сроки поджимают. CSS #navmenu-v, ul#navmenu-v li, ul#navmenu-v ul { margin: 0; border: 0 none; padding: 0; width: 200px; list-style: none; font-family: Arial; /*my*/ font-size: 10pt; /*my*/ } ul#navmenu-v:after { clear: both; display: block; position: absolute; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#navmenu-v li { float: left; display: block !important; display: inline; position: relative; border: 0px solid #C1C1C1; } …

    Asked by nuuta,

    0 votes
    3 answers

  13. Как сделать всплывающий DIV поверху сайта, не выходящим за экран?

    Лабаю на сайте систему помощи по странице Сделал в виде всплавающего поверх содержимого сайта окошка. Выглядит так: div id = help left=..,top=.. div id = helpCaption div id = helpParts div id = helpText width=..,height=.. div id = helpCorner helpCaption - заголовок helpCorner - уголок для ресайза окна внизу справа helpText - текст справки #help { position: fixed; left: 10px; top: 10px; } #helpText { overflow: auto; } при растягивании скрипт меняет width, height элемента helpText. Если текст не помещается, то показывается скролл Теперь проблема: при сужении размера браузера по горизонтали, "окошко" с помощью утыкается в правый край и начинает сужаться вместе с…

    Asked by Enkee,

    0 votes
    2 answers

  14. Дивы сломали мне голову!

    Люди добрые! помогите уже. Выбешивают меня эти дивы. Я ни как не въеду почему да как тут у них. Суть на картинке. Первая строка переносится так что обтекает время. Эта же строка третья снизу нарисована фотошопе так как я хочу увидеть ее в браузере. аккуратный перенос. Я перепробовал сто тысяч комбинаций всех которые знаю. но ни как не добился результата. вот один из вариантов (в какие вложенные дивы я их только не пихал, как только не прилеплял) <li><div id="map-time"><?php the_time('d/m/y')?></div><div id="map-name"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div></li> Буду очень благод…

    Asked by rcoma,

    0 votes
    2 answers

  15. позиционирование div'a

    всем привет. есть span допустим по середине страницы с текстом share и стрелка вниз. нужно при нажатии создать див, который будет появляться снизу спана. если написать position: absolute; то он будет выровнен с началом span, а нужно его сдвинуть влево, типо left: -10. возможно ли такое? спасибо

    Asked by vvsh,

    0 votes
    4 answers

  16. Посоветуйте книгу по верстке (в PSD)

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

    Asked by AcdcRTEM,

    0 votes
    3 answers

  17. Обращение к элементу

    Здравсвуйте. Подскажите пожалуйста. Есть следующая вложенность. <div id="main"> <div> <div> <a href="#"> <img alt="image" src="#" /> </a> </div> </div> </div> Нужно обратиться к 3-ему диву. Обращение типа : #main div div { } не подходит, так как картинок на странице куча, которые в свою очередь обворачиваются в такую же иерархию дивов. А мне нужно задать стили только одному диву, а не всем. Написать id нужному диву, так же не получится, див создается и генерируется джаваскриптом и я не пишу этот скрипт. Подскажите пожалуйста, кто знает...

    Asked by DarkKnight,

    0 votes
    4 answers

  18. Плавающие дивы

    возможно ли какнить сделать чтобы синий и жёлтый див спускалися также по тексту как и зеленый,но не фон дива в которых эти 3 дива?

    Asked by sdasddsa,

    0 votes
    4 answers

  19. Помогите с версткой

    Здравствуйте ребята. Помогите мне пожалуйста с версткой. Меня интересует вопрос не как сверстать а как лучше это сделать. Как Вы видите мне нужно сделать три блока div определенной ширины в один ряд. На границе главного блока и трех маленьких не обращайте внимание, они будут как-бы убраны и не видны и то-есть эти три блока прилягут друг к другу. Вот каким образом их лучше всего расположить? Первому и второму блоку задавать float: left? Или только первому блоку, а второму float: right и как в таких случаях поступить с margin? А лучше сразу скажите каким способом и как лучше сделать. Спасибо за внимание. С уважением, Артём

    Asked by AcdcRTEM,

    0 votes
    3 answers

  20. Подскажите библиотеку для создания окошек

    Ищу библиотеку для создания окошек на сайте. Сделал окошко для помощи, в виде отдельного слоя, но есть проблемы. Хотел бы решить с помощью какой либо JS библиотеки, чтобы не изобретать велосипед. Если кто знает, дайте сцылок пожалуйста

    Asked by Enkee,

    0 votes
    2 answers

  21. Можно ли как нибудь сделать границы (border) полупрозрачными?

    Можно ли как нибудь сделать границы (border) полупрозрачными?

    Asked by skoch244,

    0 votes
    10 answers

  22. Фоновое изображение по краям монитора

    Здравствуйте. Не могу решить задачу: есть декоративная рамка, её нужно пустить (с повторением естественно) по краям монитора (вне зависимости от разрешения...). Вопрос: возможно ли это реализовать средствами CSS 2.x? Или только через CSS3 путём добавления нескольких фоновых изображений? Я это вижу так, что нужно пустить 4 фоновых элементов рамки (сверху, справа, слева, снизу с соответствующим репитом для каждого). При этом ещё долэны быть углы рамки в виде декоративных квадратов - их просто раскидать по 4 углам. Подскажите, может есть какие-то ещё варианты? И правильно ли я рассуждаю? Заранее благодарю за подсказки.

    Asked by DarkTranquillity,

    0 votes
    3 answers

  23. Background-image из элементов страницы

    А можно ли сделать Background-image для страницы не из картинки, а из описанного элемента в css файле(допустим опишем в css квадратик, а потом как-то вставим его в фон повторяться )без JS?В html5 css3?

    Asked by Анна,

    0 votes
    21 answers

  24. Проблемы наследования

    <html> <head> <style> .a{height:400px;position:relative;background:red;} .b{height:100px;position:relative;background:blue; margin-top:20px;} </style> </head> <body> <div class='a'> <div class='b'></div> </div> </body> </html> Вопрос : Почему отступ идёт от верхней части окна браузера вместе с родителяем... .Ведь должен быть отсутп только от родителя

    Asked by Sintanial,

    0 votes
    19 answers

  25. Интеграция сайта с социальными сетями

    Господа, нужно добавить кнопочки с лайками и шарой facebook и google+. Если твиттером и vk я как-то разобрался, то тут все сложно... Как сделать эти кнопки?

    Asked by bob_24,

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