HTML Coding

29542 questions in this forum

1. Расположить изображение

   Всем привет. Нужно расположить изображение, как на рисунке. Справа внизу. Проблема в том, что контент может быть разной высоты, внутрь меню тоже не засунуть, меню фиксированной высоты. Position: relative создаёт полосу в контенте. Float: left располагает изображение поверх контента слева от меню. Есть идеи? Заранее спасибо.

   Asked by Serg@NT, July 1, 2014

   • вёрстка
   • CSS
   • HTML5
   0 votes
   10 answers
2. В каком компиляторе разрабатывать?

   Ребят в каком редакторе разрабатывать, я на codeacademy только делала всякие штуки. Сейчас просто не получается ничего, я только фотошп немного знаю и все. Хочу развиваться в этом направлении ! Дело в том что учился в шаражке 4 года и в универе 2 года - отчислили. Все на айтишника ! Ничему не научили!!!! Помогите плиззз Т_Т... Мне надо всего лишь компилятор нужный найти и тд .... и книжки дальше я сам !

   Asked by Joris, May 23, 2016

   • книги
   • новичок
   0 votes
   6 answers
3. Фон изображение с диагональными полосами, адаптивный

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

   Asked by vlasenkov, March 4, 2017

   • background
   • diagonal
   • css
   • html
   • triangle
   • фон
   • диагональ
   • полосы по диагонали
   0 votes
   4 answers
4. Помогите с этим!!!!

   Помогите пожалуйста сверстать так, как на картинке. У меня не получается. Зарание спасибо!!!

   Asked by black_rabbit, February 27, 2008

   0 votes
   5 answers
5. у ИЕ есть подобный инструмент как FireBug у ФФ ?

   сабж очень удобно в ФФ оттачивать стили и верстку. Но поскольку верстка не всегда в этих браузерах совпадает, то хотелось бы какой-то инструмент для настройки в ИЕ.

   Asked by oshaly, October 3, 2008

   0 votes
   6 answers
6. Масштабирование картинки в IE

   <table width="100%" height="100%"> <tr> <td> <img width="100%" src="angel.jpeg"/> </td> </tr> </table> Во всех браузерах кроме IE этот код автоматически масштабирует картинку. В IE картинка остаётся реального размера и появляются полосы прокрутки. Как решить эту проблему?

   Asked by Mihaile, June 15, 2010

   0 votes
   3 answers
7. Фон дива

   В общем я только начинаю учится всему этому, так что чур камни шибко не пинать. Пока делаю простенький сайтик. Значит так на странице у меня один главный блок <div id = "container">(рабочее поле сайта) внутри которого есть <div id = "header">(собсна шапка), <div id = "text">(с основным содержимым сайта, т.е. всякие новости, статьи и тд.), <div id="news"> и <div id="footer">. <div id="news"> расположен справа от <div id = "text"> и он представлен в виде не широкой колонки в которой будут выводится ну предположим краткие новости эта колонка имеет свой фон(ввиде картинки, точнее маленький полупрозрачный одноцветный прямоугольник). С…

   Asked by Jekil, July 25, 2011

   0 votes
   5 answers
8. Лучший способ создать кнопку с input [type='submit']

   Както озадачелся вопросом каким способом лучше создать кнопку из CSS3, c помощью картинки или SVG... В каждом из вариантов есть свои проблемы. Каккой из вариантов, будет более удобней, надёжней в плане отображения и простоы, с недоразветостью браузеров ...? Примеры: .input_submit { background: url("../public/style_images/master/topic_button.png") repeat-x scroll center top #212121; border-color: #212121; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0, 0, 0, 0.2); color: #FFFFFF; } .pay-button { -moz-box-sizing: border-box; background: linear-gradient(to bottom, #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent;…

   Asked by lev99, May 25, 2013

   • css
   • html
   • input
   • submit
   0 votes
   5 answers
9. Масштабирование сайта

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

   Asked by skoch244, October 21, 2014

   • Масштаб
   • сайт
   • Javascript
   • jquery
   0 votes
   2 answers
10. Горизонтальный список съезжает на вёрстке, хотя отступов - нет

    Сделал горизонтальные элементы списка 2х2 с помощью display: inline-block, но элементы почему-то съехали, хотя никаких отступов НЕТ. Прошу, пожалуйста помочь.

    Asked by MenCeV, November 27, 2021

    0 votes
    7 answers
11. submit не работает

    Вот есть кусок кода. <form action='price.php' method=post> <td align=center width=100> <input type=text name=count value=1 maxlength=4 style='width:21px;'> </td> <td align=center width=58> <table id=add width=25 height=25 style='cursor:pointer;' onclick='this.form.submit()'; onmouseover=this.id='add1'; onmouseout=this.id='add';><tr><td></td></tr></table> </td> </form> При нажатии ничего не работает,в чем причина.

    Asked by user, April 22, 2008

    0 votes
    6 answers
12. Дополнительный margin в ie

    Всем привет! Помогите пожалуйста разобраться в вопросе. Есть у меня схемка для того, чтобы футер тянулся до пола. Так вот когда я её использую, ie зачем-то добавляет дополнительный margin по бокам. Покопав и не поняв почему так происходит, пришел сюда. В данном случае, это белый блок справа - стоит margin 30 - в лисе всё ок, в ie margin в раза три больше (ie 6). <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>:)</title> <style> html, body { height:100%;…

    Asked by Trust, May 31, 2009

    0 votes
    4 answers
13. Наследование или приоритет?

    Здравствуйте! Пожалуйста, подскажите, что надо сделать для разрешения подобной ситуации: есть вот такая css, определяющая вид свойств и их значений в тексте примеров: .property { color:darkgreen; /* Цвет текста для свойств CSS */ font-family:Arial Calibri sans-serif; /* Рубленый шрифт */ font-size:90%; quotes:" {" ": "; } .value { color:green; /* Цвет текста для значений свойств CSS */ font-family:'Times New Roman' Cambria serif; /* Засечный шрифт */ quotes:"" ";}"; } .property:before, .value:before { content:open-quote; } .property:after, .value:after { content:close-quote; } Далее, желая, чтобы quotes' content отображался не различными стилями, а …

    Asked by Bhudh, November 14, 2010

    0 votes
    17 answers
14. Приклеивание частей в верху и низу в одной колонке

    Что-то никак не могу сделать. На сайте слева есть колонка. Картинку и меню сайта я приклеил к верху страницы. Но в той же колонке нужно, чтобы некий текст "Все права защищены. При использовании ссылка обязательна", ну типа того, чтобы был приклеен к низу колонки. То есть когда справа будет много текста, левая колонка чтобы вытягивалась, но нужный текст уходил с колонкой вниз. Знаю, что это valign=bottom, но как это сделать кодами хтмльными, а то я что-то не смог сделать. У меня код не работает. КУда его нужно заключать? Я пробовал в <p>, но не сработало. ЕСли вдруг нужно посмотреть сайт, то он уже висит в Сети: http://vdo555.narod.ru/ Спасибо всем заранее

    Asked by alef, March 4, 2011

    0 votes
    12 answers
15. Плавная прокрутка сайта

    Не могу найти ответа, да и возможно ли? Как сделать чтобы сайт прокручивался плавно, в mozila такое есть если не ошибаюсь

    Asked by Laroxx12, September 26, 2014

    0 votes
    2 answers
16. Почему border делает отступ?

    Приветствую! Создаю свой первый сайт. Помогите пожалуйста понять и решить, почему при использовании атрибута border он делает отступ снизу от контента? Padding нигде не стоит в коде. Прикрепляю скрины как выглядит непонятный отступ и результат, который хочу достичь позже Мой код: HTML <main> <div class="menu text stroke"> <nav> <a href="./Playlists.html">PLAYLISTS</a> <a href="./LocalArtists.html">LOCAL ARTISTS</a> <a href="./Shop.html">SHOP</a> <a href="./Schedule.html">SCHEDULE</a> <a href="./About.html">ABOUT</a> …

    Asked by trvkyo, July 27, 2022

    0 votes
    3 answers
17. В Мозилле не отрабатывает padding-left.

    Сайт hotellist.com.ua. Каждая страница, кроме главной, - три таблицы: шапка, контент, подвал. Таблица "контент" состоит из трех столбцов ("left", "1st", "2nd"). Столбец "left" служит для создания вертикальной зеленой полосы. "Ферст" и "секонд" - содержимое. Для "ферста" прописал отступ содержания от границы соответствующей ячейки: "padding-left:5px;". В IE все отлично - отъезжаем на нужные пять пикселей. В Мозилле эта конструкция не отрабатывает и содержимое идет впритык, а если еще и в строке первой буквой идет "у", а она, в силу специфики сайта, идет очень часто, хвостик от "у" вообще выезжает в зеленый столбец. Не смертельно, но снижает читабельность, да и просто, по-…

    Asked by Добрый бобр, July 5, 2007

    0 votes
    2 answers
18. Ширина макета 1600px высота 1300px как сделать?

    По идее макет должен быть резиновым. Вся загвоздка в том что background в виде одного jpg изображения 1600X1300 px. Браузер не должен его обрезать или выдавать горизонтальную полосу прокрутки. Люди добрые подскажите как его сделать??????????????????

    Asked by taran, October 20, 2009

    0 votes
    3 answers
19. jQuery-Акордеон не работает в Chrome

    Даже в ie6 всё норм, а в Chrome творится что-то не ясное. Порыскал по инету, подсказок на решение не нашел. Наверно это я где-то заплужил, но который час не могу понять где Функция jQuery (версия 1.4.1 min) function accordion (){ maxWidth = $('#accordion').width() - 348; minWidth = 75; $('#accordion ul a').hover(function(event){ $('#accordion ul a').animate({width: minWidth+"px"}, { queue:false, duration:600 }); $(this).animate({width: maxWidth+"px"}, { queue:false, duration:600}); }); } HTML <div id="accordion"> <ul> <li><a class="a1" href="#"> <img src="images/1.png" width="143" height="127" /> <p>Йода&l…

    Asked by aTei, February 21, 2010

    0 votes
    1 answer
20. Проблемы с отображением

    В общем верстаю на таблицах, есть шапка, три колонки, и подвал, проблема что когда захожу на страницу, у меня некоторая часть фона tr который я задал для трех колонок, не отображается, т.е. какой-то белый фон, когда обновляю страницу, все становится нормально, вот пример до обновления страницы http://i049.radikal.ru/1008/2e/8713755674fa.jpg после http://s002.radikal.ru/i200/1008/31/19c79fd79ad2.jpg все остальное нормльно, только этот фон. Фон задан в tr, в нем же три ячейки. body {background:#fff;font-family:Times New Roman, serif;font-size:15px;color:#000;} table {width:1300px;height:1300px;margin:0 auto 0 auto;} tr#shapkazone {height:420px;} td#shapkaobl {width:1300px;…

    Asked by ret, August 31, 2010

    0 votes
    8 answers
21. !Doctype

    Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?

    Asked by Анна, July 29, 2011

    0 votes
    4 answers
22. display и position

    Не совсем понимаю как в css правильно, и зачем использовать display и position. Я знаю что свойство display придает элементам свойство блоков и что то в этом роде. А как этим правильно пользоваться не совсем понимаю. Подскажите неплохой материал на эту теме. Спасибо.

    Asked by Simel, August 7, 2012

    0 votes
    4 answers
23. смещение текста при зажатой кнопке input[submit] в ИЕ

    Не знаю как избавится от смещения текста в кнопке. Суть: нажимаю кнопку, отвожу курсор от кнопки - текст смещается, возвращаю - текст смещается. Знаю, что это не серьезный баг, но хотелось бы управлять стилем кнопки полностью. Что я забыла учесть? стили кнопки: .get-guide { background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657; border: 0 none; border-radius: 9px 9px 9px 9px; border-bottom: 3px solid #6FA043; color: #FFFFFF; display: block; height: 56px; line-height: 56px; margin: 42px auto 0; padding: 0 12px 0 62px; text-align: left; width: 294px; } .get-guide:active{ border-bottom: 0 none transparent; …

    Asked by madhed, July 19, 2013

    • input[submit]
    0 votes
    8 answers
24. сложная шапка сайта

    столкнулся с интересной для себя шапкой сайта и не могу понять как правильно ее сделать.В psd макете треугольники так интересно расположены. http://rghost.ru/58108955 подкиньте пару идей.

    Asked by FerZz, September 20, 2014

    • сложности с версткой
    • проблема с версткой
    0 votes
    9 answers
25. HTML 5 на деле - шаблон интернет магазина

    Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде…

    Asked by Tipylja, April 1, 2016

    • html 5
    • html5
    0 votes
    1 answer