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. проблема с таблицей в ie 6, 7

    исчезает верхний и нижний отступ контейнера таблицы, первой и последней строк. как исправить? #wrapper .content table{width:100%; border:0; padding:20px 0;} #wrapper .content table tr td.ad{width:150px; padding:5px 15px;} #wrapper .content table tr td.description{padding:0 20px 10px 5px;}

    Asked by html,

    0 votes
    1 answer

  2. При наведении отображать слой, который не будет рушить структуру

    Есть прямоугольная область на экране в которой два ряда по, скажем, 8, мини-областей, в каждой по изображению. При наведении на область, но, чтобы вместо изображения показывался слой с этим изображением и и 2-мя 3-мя строчками текста, блок такой же, как область, по высоте, примерно в 2 или 3 раза длиннее. Этот слой будет показываться поверх остальных слоёв с изображениями, с которыми он "пересекается". Вот примерно как я себе представляю реализацию сего: <div class="entry"> <img src="entry_img.png" /> <div class="onhover"> <img src="entry_img.png" /> Text </div> </div> div.entry { width: 150px; height:150px; posit…

    Asked by adelante,

    0 votes
    1 answer

  3. селектор атрибута в IE

    такой css: .modCont td[rowspan]{ text-align: left; } .modCont td, .modCont th{ border-left: 1px black solid; border-right: 1px black solid; text-align: center; } и такой html <tbody> <tr> <td rowspan="7"><strong>bla-bla-bla</strong></td> </tr> <tr><td>60</td><td>0,26</td><td>-</td><td>22</td><td>50</td><td>92</td><td>129</td></tr> <tr><td>100</td><td>0,43</td><td>-</td><td>13</td><td>30</td><td>55</td><td>77</td></tr> <tr&gt…

    Asked by Быколай,

    0 votes
    9 answers

  4. Схлопывание WTF!?

    Вроде разбирался с этим схлопыванием месяцев несколько назад все ок было, щас вот делаю разметку и в голове полная каша. Вот ниже код очень простой гляньте: HTML потом CSS <h1> ТЕКСТ1 </h1> <p> ТЕКСТ2 </p> h1 { margin-bottom:20px; } p { margin-top:20px; } тут мы видим что образуется схлопывание, т.е отступ будет между этими элементами не 40px, а 20px. из книги: cхлопывание не срабатывает если: для элементов, у которых установлено свойство padding. для элементов, у которых на стороне схлопывания задана граница; на плавающих элементах (для них свойство float задано как left или right); для строчных элементов; для <html>. для элементов, у …

    Asked by Hell&Heaven™,

    0 votes
    4 answers

  5. не хочет работать @font-face

    Доброго времени суток! Такая проблемка возникла... Ни один браузер не хочет видеть новый шрифт. Делаю все локально. Может в этом проблема? Копирую пример @font-face с этого сайта...но эффекта никакого... Заранее спасибо.

    Asked by panas_dnepr,

    0 votes
    6 answers

  6. не отображается вебкит в сафари и хром

    Это черновой вариант страницы для теста использования закругления углов средствами CSS. Интересно то, что при первом просмотре всё работало, но потом перестало просто отображаться в хром и яндекс интернет. Как оказалось также не работает и в сафари. Думаю что-то я не так ввёл а теперь не могу разобраться где накосячил. К стати если выложите как можно упростить данный код буду так же признателен. BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 8…

    Asked by NikNak,

    0 votes
    2 answers

  7. Двойная тень <IMG>

    Подскажите пожалуйста, хочу сделать тень картинки с изгибом концов, Ничего не получается, если за место img поставлю div, то получается тень, вот код: .boxBlock { /*width: auto; height: auto;*/ /*min-width:100px; min-height:60px;*/ background:#FFF; margin:10px; padding: 0px; position: relative; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transfor…

    Asked by darlov,

    0 votes
    4 answers

  8. Как воспроизвести сглаживание шрифтов.

    Всем привет. Вот верстаю макет блога. В макете используется шрифт(сглаживание sharp). Вопрос: как повторить это сглаживание в браузере? А то текст по другому смотриться... Заранее спасибо!

    Asked by IvanRu08,

    0 votes
    5 answers

  9. Оформления imput через CSS

    Подскажите пожалуйста, как убрать у impyta фон (картинка) если в него пользователь ввел текст. Фон задается через background.

    Asked by Zarathustra,

    0 votes
    6 answers

  10. Как отцентровать контент колонки?

    Приветствую! Не подскажите что нужно прописать в css чтобы отцентровать анонсы и вывод комментариев в колонке?

    Asked by Aspirant,

    0 votes
    3 answers

  11. Почему правый сайдбар провалился вниз?

    Почему правый сайдбар провалился вниз? Как его поднять не меняя HTML структуры и без использования позиционирования? http://cssdeck.com/labs/huspg3w2

    Asked by DivMan,

    0 votes
    7 answers

  12. Проблемы с отображением на мобильных устройствах

    Здравствуйте! Бьюсь уже достаточно давно. Вот страничка http://urazov.advert-profy.ru/ . Во всех браузерах ПК отображается все нормально, но при просмотре на мобильных устройства (в моем случае ipad) все становится очень плохо Подскажите, пожалуйста, как это можно исправить? Про media запросы знаю, и пробовала работать с ними - безрезультатно.

    Asked by Xenia Wanger,

    0 votes
    2 answers

  13. Как сверстать блок с табами с эффектом слайдинга

    Есть блок с описаниями товаров. Информация разделана на три составлющие как и в tabbed interface. Только при переключении между табами должно произойти плавно с эффектом горизонтального слайдинга. Даже затрудняюсь делать разметку. Помогите пожалуйста с разметкой и скрипта. Спасибо.

    Asked by parnas,

    0 votes
    8 answers

  14. Отступ при отрицательном margin

    Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…

    Asked by Temiks,

    0 votes
    0 answers

  15. как подобрать педдинги в пунктах меню?

    сайт n-crown.ru/ Подскажите, пожалуйста, как сделать, чтобы пункты меню не переносились по словам? Т.е., чтоб пункт "котята на продажу", например, находился на верхней или на нижней строчке целиком? Уже и педдинги для moduletable_menu все перепробовала и шрифты самого меню меняла - не помогает, либо этот пункт переносится, либо предыдущий, "канадский сфинкс", никак не могу справиться с проблемой((

    Asked by Zeeeya,

    0 votes
    4 answers

  16. не понятно с float

    http://jsfiddle.net/3ac5c88a/ почему block1 вылез вверх? не пойму совсем

    Asked by laliev,

    0 votes
    4 answers

  17. Сделал блок div ссылкой. Появилась фиолетовая рамка. Как её убрать?

    <body><table class="top"><div class="layer1"><a href="remzona.html"><img src="1.png"></a></div><div class="layer2"><a href="index.html"><img src="2.png"></a></div></table> <table class="bottom"><div class="layer3"><a href="kuzremont.html"><img src="3.png"></div><div class="layer4"><a href="avtomoika.html"><img src="4.png"></div></table> </body>CSS .top { margin: auto; } .bottom { margin: auto; } .layer1 { background-color: white; /* Цвет фона слоя */ padding: 0px; /* Поля вокруг текста */ margin: 0px; /…

    Asked by lsw,

    0 votes
    2 answers

  18. Проблема с формой

    Как сделать так, что бы, не пропадала иконка, при клике на поле? http://jsfiddle.net/bzr1pq2p/ Как ещё сделать, что бы при клике на поле поиска, иконка сменила позицию на background-position: 0 -41px;?

    Asked by DivMan,

    0 votes
    8 answers

  19. Отступ от страницы

    Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.

    Asked by MadSandwich,

    0 votes
    5 answers

  20. Не работает позиционирование

    Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Вот сам макет который пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание.

    Asked by DmiUr,

    0 votes
    2 answers

  21. Как подправить путь к изображению

    В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.

    Asked by alleclf,

    0 votes
    0 answers

  22. Как реализовать на JavaScript

    Есть модальное окно, есть видео на сайте, по окончанию просмотра видео нужно вывести модальное окно, только в том случае если просмотрели до конца .. Модалку умею делать, как логику такую к JS прикрутить? Видео с ютуба. К проекту подключен iframe__api

    Asked by Hasiev,

    0 votes
    2 answers

  23. Табличная верстка

    Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.

    Asked by latierra,

    0 votes
    1 answer

  24. z-index в скрипте

    то ли у меня руки кривые, то ли мозг на работе запарился. В общем не могу пофиксить трабл. есть такой скрипт <script type='text/javascript' src='http://ruspo.ru/scripts/module-loader.js?type=form&ModuleID=10145&template=2&theme=sunny&city=1206&country=39&UTF=1&full=http://www.sorvemsia.ru/online'></script> <div id='ruspoSearchForm'></div> в ие получается так мозг закипает, надо как то пофиксить. может кто нибудь подскажет?буду очень признателен.

    Asked by RK152,

    0 votes
    5 answers

  25. Проблема с валидностью html 4

    Доброго времени суток! Подскажите пожалуста можно ли как нибудь на страницах сайта подключить данную строку <script language="javascript" src="http://r1.wmlink.ru/?id=295119"></script> в отдельном файл? или исправить ошибку валидности она выделена цветом.

    Asked by vadimcucherencko,

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