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. iframe height %

    Здрасте! Как заставить ифрейм растягиваться по высоте ячейки? Без явы. <!DOCTYPE html> <head> <style type="text/css"> body { margin:0; padding:0; width:100%; height:100%; position:absolute; } </style> </head> <html> <body> <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="green"> <tr height="100px"> <td> </td> </tr> <tr> <td bgcolor="yellow"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td> </tr> <tr height="…

    Asked by bioz00,

    0 votes
    10 answers

  2. В чем отличие # и . в css?

    Когда писал код в css при изменении знаков с # на . код не переставал работать, но он и наоборот работает для отдельных случаев. В чем их разница и для чего используются?

    Asked by RuslanHeYca4ev,

    0 votes
    36 answers

  3. Подскажите ...

    http://privetgleb.narod.ru/вот ссылка там неотображаеться корректно текст , но суть будет ясна , нужно зделать что-бы сверху и снизу тоже был бордер ... , но чтобы он незалазил на картинки угловые ... P.S - заранее спасибо всем откликнушимся

    Asked by mOnYa,

    0 votes
    21 answers

  4. { и smarty

    есть необходимость в шаблоне вставить скрипт на js <SCRIPT type="javascript"> function aa() { var a=5; } </SCRIPT> смарти ругаетса на скобки, как ему обьяснить что это не для него?

    Asked by odalex,

    0 votes
    3 answers

  5. Символ Цельсия

    Собственно как вставить в строчку знак Цельсия, температура, типа +24*С вместе звездочки символ?

    Asked by okunev2,

    0 votes
    4 answers

  6. Правильное подключение Media Queries

    Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чут…

    Asked by Coolbits,

    0 votes
    2 answers

  7. Ссылка на локальный файл

    Такая вот проблема. Нужно сделать ссылки на локальные файлы находящие на компьютере в сети, сам портал тоже локальный. Когда пишу: <a href="file:\\Best\Distrib\Windows_XP.iso">Download </a> в IE открывает нормально, а вот в FF и Opera нет. Судя по строке состояния IE пишет file://Best/Distrib/Windows_XP.iso, а FF file:///Distrib/Windows_XP.iso Как сделать нормальную ссылку, чтобы работала во всех браузерах???

    Asked by rusLAN,

    0 votes
    13 answers

  8. img в строчном элементе span

    Пытаюсь засунуть картинки img в inline элемент span (или <div style='display:inline'>) с заданной шириной. Оберточный элемент схлопывается, картинки слепляются. Самое интересное что в IE все работает как надо, проблема в firefox и хром. Помогите пожалуйста моей беде... При этом элементы обязательно должны быть строчными, так как я не знаю сколько будет картинок, и они могут перейти на другую строку. Код <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span> <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>

    Asked by graf,

    0 votes
    2 answers

  9. css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока?

    https://jsfiddle.net/9a47rddr/ При наведении мыши - нет проблем. А можно ли средствами css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока? Или без js не обойтись :(?

    Asked by torsar,

    0 votes
    2 answers

  10. Проблемы html таблиц в Outlook

    Всем привет!) Когда отправляю письмо на аутлук, то почему-то происходит небольшой сдвиг влево! Сдвигается картинка конверта, она состоит из нескольких порезаных картинок, помещенных в таблицу. Подскажите плиз в чем дело то?? как должно быть http://juliastepanets.com/email/email.html как в реале:

    Asked by DEviso,

    0 votes
    5 answers

  11. Разъехались элементы страницы. Помогите, плиз...

    Куда-то в сторону уезжает ссылка "Контакты", форма для поиска и строка, выводящая время на экран, падают вниз. Адрес, где можно посмотреть на это безобразие: http://StranaSovetov.biz/ Происходит это в Опере и в IE 8, возможно в IE 7 тоже - не удалось проверить. Нормально страница выглядит только в FF и IE 6. Подскажите, пожалуйста, как прописать стиль для этих элементов, чтобы во всех браузерах они отображались корректно? Заранее благодарна всем за помощь.

    Asked by Ksana,

    0 votes
    17 answers

  12. выстроить li в два столбика

    здравствуйте. подскажите, пожалуйста, как можно вот на этой картинке сделать список в два столбика: вот его код (li я сократила немного, чтобы вас не утомлять): <div class="za-post-inner"> <h2 class="za-postheader"> <div class="za-postcontent"> <div class="za-article"> <div id="article-index"> <h3>Article Index</h3> <ul> <li> <li> <li> <li> <li> <li> </ul> </div> </div> <div class="za-article"> </div> <div class="cleared"></div> <div class="za-postfootericons za-metadata-icons"> </div> <div class="cleared"></div> что нуж…

    Asked by Нusuf,

    0 votes
    7 answers

  13. Да input'а поставить рядом

    Нужна помощь, суть проблемы в следующем: есть див шириной 223 в нем помещаю два input: text и submit, размерами 196 и 27 px. Они должны быть вплотную друг с другом. Если к тексту ставлю position absolute а submit делаю float: right то прекрасно отображаются в браузерах(лиса, опера, ие8) но если убрать position absolute то в лисе нормально, в остальных кнопка съезжает в низ. Как это можно исправить? Хотелось бы отказаться от position:absolute по "религиозным соображениям".

    Asked by lamaka,

    0 votes
    9 answers

  14. Расстановка переносов.

    Привет форумчане. А можно ли через css сделать так, чтобы слова переносились с помощью знака переноса? Заранее спасибо.

    Asked by Oliany,

    0 votes
    17 answers

  15. Глупый вопрос по class

    Часто вижу код типа class="style1 style2" Обьясните принцип, не понял. Прошу прощения за глупый вопрос

    Asked by Mr.Smith,

    0 votes
    20 answers

  16. Определенные контент от сайта в <iframe>

    Здравствуйте. Извиняюсь, если пишу не в ту категорию, ибо не знаю, к какой категории отнести мой вопрос. Появилась нужда сделать чтобы в <iframe> выводилась определенная часть контента сайта, т.е. контент в определенном блоке. Была мысль реализовать это через :select(Если не ошибаюсь) в CSS но как сделать, чтобы все выводилось я не понял. Такое вообще можно реализовать не прибегая к js или php?

    Asked by Faberton,

    0 votes
    8 answers

  17. Не работает autoplay

    Здравствуйте , обясните пожалуйста почему не работает autoplay, видео само не воспроизводиться при загрузке страницы , вот код <!DOCTYPE html> <html> <head> <title>HTML5: добавление видео на страницу</title> </head> <body> <video src="C:\Users\Арсений\Desktop\Картинки и Видео\лес.mp4" poster="C:\Users\Арсений\Desktop\Картинки и Видео\лес.png" width="400" height="300" autoplay preload controls loop> <p>лес после дождя</p> </video> </body> </html> Пробовал писать autoplay="autoplay" все равно не работает

    Asked by Mextrive,

    0 votes
    1 answer

  18. Не работает onclick в опере

    Неужели в опере нельзя вешать онклик на img. Пробовал заключать в div и вешать на него, тоже не помогает. Правой кнопкой когда щёлкаю на рисунок, то меню "сохранить рисунок", "свойства" отображается, то есть сам рисунок доступен. Никто не знает из-за чего это может быть?

    Asked by Колос,

    0 votes
    9 answers

  19. Как сделать кнопки переключающие контент?

    Друзья, как сделать так, как реализовано на сайте apple http://www.apple.com/ru/osx/server/ Под картинкой 2 кнопки, "клиент" и "сервер", при нажатии на них меняется картинка. Пробовал сам, получилось вот так http://jsfiddle.net/Ftfhb/9/ . Но как-то коряво

    Asked by Nescafe,

    0 votes
    4 answers

  20. Подскажите: как сделать в CSS такое?

    Здравствуйте, подскажите как можно сие реализовать посредством CSS: 1) Заглавная буковка другим цветом - РЕШЕНО 2) Оранжевая полоса - НЕ РЕШЕНО

    Asked by werdi,

    0 votes
    18 answers

  21. IE не видит некоторые стили

    Я делаю оформление для своего блога. В разделе <head> указал внешний файл стилей: <link href='http://viter-alex.narod.ru/Scripts/copycode/styles.css' rel='stylesheet' type='text/css'/> Отображается нормально в Opera 10.10, Chrome 3.0.195.38, FF 3.5.5. Но в IE7 всё оформление пропадает: почему-то не видит стиль div.hl и некоторые другие. Может я в файле css что-то не так указал? Да, чуть не забыл, те же самые стили, но вложенные, распознаются отлично, например здесь

    Asked by viter_alex,

    0 votes
    9 answers

  22. Галерея для Pop-up

    Ребят, помогите, пожалуйста, уже 2й день зависаю над проблемой. Я создал тестовый сайт для портфолио http://my-tasks.cu.cc/. На сайте в разделе "Галерея" есть кнопка "Посмотри работу". При нажатии на кнопку должно появиться Pop-up окно с галереей изображений ( смотреть тут http://prntscr.com/axydgn ) Но при нажатии кнопки появляется только такое окно ( смотреть тут http://prntscr.com/axyi4w ). Если нажать на стрелку "лево" или "право", то прогружается и сам слайдер. Без Pop-up слайдера все работает без проблем. Сам слайдер я создал при помощи Slick Slider. Pop-up установил Magnific-popup Если кому нужен архив с файлами, вот он (https://drive.…

    Asked by VIVA,

    0 votes
    5 answers

  23. Помогите пожалуйстА!!!!

    Здравствуйте, уважемые веб-мастера или кто еще. У меня проблема. Зайдете на ту ссылку http://jaeser.narod.ru/sos.htm И вы замечаете, что правый блок не выровнен так как надо(вверх). У меня задача: Мне нужно выравнивать правого на той высоте что и левый. При position эксплорер нормально показывает, а вот в Опере уже проблемы(а может и в Файерфоксе)... Я пытался то align, valign, float и никаких результатов... ТАк что лучше пользоваться другим способом, но ни в коем случае не position!!! А каким может быть другой способ? Надеюсь на вас...

    Asked by Jaeser,

    0 votes
    28 answers

  24. overflow: hidden, проблема в IE6

    Из за чего в ие 6 в браузере не появляется боковая полоса прокрутки а коннент просто уходит под баузер(обрезается) #content { padding:2px; width:978px; position:relative; background: #FBFBFB url(img/border_left.jpg) repeat-y left ; } #content1 { width:978px; position:relative; background: url(img/border.jpg) repeat-y; background-position: 217px; } #content2 { width:978px; position:relative; overflow:hidden; background: url(img/border.jpg) repeat-y; background-position: 965px; } #left { margin-left: 19px; width:189px; float:left; z-index:4; display: inline; } #right {width:750px; float: right; border:1px solid #B3B3B3; border-top: none; color:#000066; z-index:1; }

    Asked by woofs,

    0 votes
    4 answers

  25. Как сделать адаптивный треугольник?

    Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!

    Asked by web-monster,

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