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. отображение в Googl Chrome

    Привет всем подскажите пожалуста, как убрать не правильное отображение отступа в браузере Googl Chrome Прописал в стилях отступ от элемента, все нормально, отступ есть в гугл хром теперь на этом отступе вида обводка, как убрать данный глюк? Вот ниже прикладую скрин описующий суть проблемы. А вот адрес проблемной страницы Запорожский строительный портал

    Asked by vadimcucherencko,

    0 votes
    3 answers

  2. Падинг маргинг бординг ширдинг и высотинг

    я только начал изучать HTML и CSS все как бы понятно (не хватает только практики практики практики) меня запутало определение ширины блока (тега-объекта) ширина складывается из ширины границы внешнего и внутреннего отступа что бы добить этот вопрос попробовал поиграть с этими свойствами html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег DIV</title> </head> <body> <div class="cntr"> <div class="cntnt1">1</div> </div> <br/> <div class="cntr"…

    Asked by serjico,

    0 votes
    2 answers

  3. Не получаются стили для карусели

    Не получаются стили для карусели Хочу изменить дизайн карусели товаров на сайте http://srv23440.ht-test.ru/ -сейчас кнопки расположены сверху, но мне необходимо по бокам. Для этого я создал 3 div и поместил их в контейнер, левый div для левой кнопки, правый для - правой, центральный для самой карсуели товаров. И вроде бы все ок, но все страшно съезжает. На каком этапе я совершил ошибку? Исходный код <?php // no direct access defined('_JEXEC') or die('Restricted access'); ?> <script type="text/javascript" src="/modules/mod_topmovie/assets/jquery.tinycarousel.min.js"></script> <script type="text/javascript"> jQuery(function() { jQuery('.zoo…

    Asked by alanbus,

    0 votes
    0 answers

  4. Проблемы с float

    Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php

    Asked by kaminski,

    0 votes
    5 answers

  5. bg for wrapper

    У меня есть враппер, которому задаю значения: #wrapper{ min-width: 1240px; width: 100%; ьшт-height: 100px; height: 100%; margin: 0 auto; background: rgba(0,0,0,0.3); } И когда он рисует bg то рисует его весь в ширину и хейт равный 100пикс, как сделать, что бы он занимал вплоть до конца страницы. п.с. clan-amp.ru

    Asked by Wahlberg,

    0 votes
    5 answers

  6. Скругление углов (прозрачность под тенью)

    Приветствую! Поиском решения не нашел... потому прошу помощи. Задача такая - нужно сделать обычное скругление углов(левый верхний и левый нижний). НО! из-под краев расходится тень, под которой должна быть прозрачность (фон не однородный, без прозрачности очень криво будет). Т.к. картинки углов получаются длиньше, чем само изображение края (тень же) то из-под них начинают просвечивать background-ы родительских div-ов... и непонятно как это убрать. Картинку можно глянуть тут Верстал вот так: <div id="list"><div><div><div><div> </div></div></div></div></div> div#list { background: white URL("../img/shadow-page…

    Asked by master_alf,

    0 votes
    6 answers

  7. <div> шире окна браузера без появления скроллера.

    Доброе время суток! Есть такая конструкция: <!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="en" lang="en"> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Content-language" content="ru" /> <style type="text/css"> .pole_1 { width: 200px; height: 100px; float: left; background: #974C97; } .pole_2 { width: 200px; height: 100px; float: left; background: #3E5896; } #container { width: 800px; margin: auto; } #slider { width: 1600px; margin-left:…

    Asked by calebelt,

    0 votes
    11 answers

  8. Спрайты

    спрайты, уважаемые мегамозги скажите а можно ли использовать одновременно 5-10 изображений с помощью спрайтов? А то в примере только с 1-ной фото указан http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Напишите решение пожалуйста!!!

    Asked by Гость,

    0 votes
    5 answers

  9. наложение изображений

    задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения КОД: <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

  10. Горизонтальное меню из картинок

    Привет всем! Подскажите как сделать такое меню? Наподобие как у вас на форуме, где перечисляются: Статьи, блог и т.д. При помощи блочной верстки. Разбирался с исходным кодом страницы форума, но так и не понял... HTML понятно <div id="top-images"> <ul> <li><a href=""><img src="images/top1.png" alt="Главная страница"></a></li> <li><a href=""><img src="images/top2.png" alt="Вторая страница"></a></li> <li><a href=""><img src="images/top3.png" alt="Третья страница"></a></li> </ul> </div> Что нужно добавить в css, а то …

    Asked by Lrad,

    0 votes
    13 answers

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

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

    Asked by ShumNo,

    0 votes
    7 answers

  12. проблема с тегом audio

    Вставляю <audio src="kva.mp3" controls></audio> в блокноте. Изображение плэера появляется, а звука нет. В чём причина?

    Asked by Рябинка,

    0 votes
    6 answers

  13. Помогите с 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

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

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

    Asked by sdasddsa,

    0 votes
    4 answers

  15. Скрытие блоков в зависимости от ширины экрана

    Всем привет. Необходимо скрытие блоков в зависимости от ширины экрана. То есть все блоки выстроены в строку, в каждом блоке по картинке, необходимо чтобы самый правый блок (или несколько правых) скрывался если не вмещается в окно браузера. Что-то никак не могу найти примеров реализации подобного. Подскажите пожалуйста пример.

    Asked by bigperson,

    0 votes
    15 answers

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

    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

  17. 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

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

    как реализировать кто знает??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

  19. Помогите плз найти и убрать внешнюю ссылку

    У меня на сайте висит внешняя ссылка, не могу найти как ее убрать. В браузере когда смотришь исходный код, там она отображается так: </div><div style="display:none;"><a href="http://juveclub.ru/">juveclub.ru</a></div> </div></div> <div class="clr"></div> В main.tpl код так отображается: <div class="centerside"><div class="centersideinn"> {info}{content} </div></div> <div class="clr"></div> Подскажите плз где мне ее найти. Спасибо. Сайт на движке дле, шаблон просто с нета скачивал.

    Asked by Tsilya,

    0 votes
    8 answers

  20. zoom и еще

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

    Asked by fragilewelldone,

    0 votes
    3 answers

  21. центрирование дива

    Всем привет. нужно сделать так: <div class="header"> <div class="header-left"><input type="button" value="Отменить" /></div> <span class="header-center">Twit</span> <div class="header-right"><input type="button" value="Отправить" /></div> </div> надо чтобы были header-left слева, и header-right справа, а header-center, по центру. делаю .header { overflow: hidden; } .header-left { float: left; } .header-center { } .header-right { float: right; } как сделать по центру? спасибо

    Asked by vvsh,

    0 votes
    9 answers

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

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

    Asked by vvsh,

    0 votes
    4 answers

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

    Люди добрые! помогите уже. Выбешивают меня эти дивы. Я ни как не въеду почему да как тут у них. Суть на картинке. Первая строка переносится так что обтекает время. Эта же строка третья снизу нарисована фотошопе так как я хочу увидеть ее в браузере. аккуратный перенос. Я перепробовал сто тысяч комбинаций всех которые знаю. но ни как не добился результата. вот один из вариантов (в какие вложенные дивы я их только не пихал, как только не прилеплял) <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

  24. наследование свойств 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

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

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

    Asked by AcdcRTEM,

    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