HTML Coding

29542 questions in this forum

1. Как отцентровать фон?

   Здравствуйте. Есть вот такой макет: http://s49.radikal.ru/i125/0901/53/2be8519c2d6a.jpg Необходимо чтоб при уменьшении размеров браузера, фон всегда выравнивался по центру. Грубо говоря в данном макете центр примерно совпадает с двойной сплошной полосой на дороге, если уменьшить окно, то центр сместится. Как этого избежать? В верстке пока мало опыта, сделал только вот эти варианты (на вставки php не обращайте внимание, это будет тема для Drupal'а: <table align="center" border="0" cellpadding="0" cellspacing="0" background="<?php echo $base_path.'themes/region-leader/'?>top_back.jpg" height="456" width=100%> <tr> <td> </td> </tr&gt…

   Asked by froz, January 18, 2009

   0 votes
   2 answers
2. Position: absolute (проблема в IE и Opera)

   Всем добрый день! Помогите, пожалуйста, советом, как можно решить следующую проблему: верхняя полоса в IE (ariel-kosmet.ru) выглядит нормально - по центру и c одинаковым отступом как справа, так и слева, в Opera - она убегает направо, а слева нормально. Как сделать, что бы в Opera полоса была бы также как и в IE? Вот соответствующий блок из глобальных стилей: div.bgred { background: #f01f16; text-align: center; padding: 8px 0 0 40px; vertical-align: middle; width:100%; height: 28px; color: #fff; position:absolute; top:28px; z-index:1 } * html div.bgred { height: 36px;} #lay_f1 div.bgred a { float: left; padding: 5px 20px;} Буду благодарен за любую помощь.

   Asked by Wasser, February 9, 2011

   0 votes
   11 answers
3. Див в форме трапеции

   имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю

   Asked by j0hn, February 13, 2012

   0 votes
   2 answers
4. Затемнение фона

   Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <style>body { background: #ccc; }.banner { background: #fff; border: 1px solid #000; text-align: center; background: #fff; height: 400px; width: 240px; position: absolute; z-index: 100; }.banner div { display: none; }.banner:hover div { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }</style><div class="banner">Hover Me<div></div></div>Естественно, мой «хит…

   Asked by ZABor1978, March 14, 2014

   0 votes
   2 answers
5. Ширина Option vc IE

   приветствую. такой трабл.. есть select с фиксированной шириной любой браузер содержащиеся в нем оптионы растянет на ширину текста. конешно же кроме IE. таблетку против ИЕ6 нашел: <style> behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); </style> но в ИЕ7 оно уже несрабатывает ((( у когото есть соображения?!

   Asked by klierik, October 10, 2007

   0 votes
   5 answers
6. Помогите выровнять по вертикали текст в меню

   Есть горизонтальное меню для интернет-магазина. На картинке видна моя проблема. Как выровнять слово "Аксессуары" по центру по вертикали? Просто фишка в том, что меню динамическое и текст может меняться по желанию админа и нужно, чтобы текст в одну и две строчки были по центру по вертикали. название из 2-х строк я выровнял при помощи паддинга, а как сделать чтобы слово в одну строчку было по центру - не знаю. Заранее спасибо! Картинка:

   Asked by MiHALbI4, April 30, 2010

   0 votes
   11 answers
7. Высота ссылки

   Задая : a { height: 16px; font-size: 16px; } я не могу получить того чего хочу. Как сделать правильно?

   Asked by T@NKIST, January 8, 2013

   0 votes
   2 answers
8. Убрать отступ после section

   Добрый день. Подскажите пожалуйста как убрать отступ между <section>. Вот пример.

   Asked by jdk, May 25, 2015

   0 votes
   1 answer
9. Не работают :before и :after (в IE и FF )

   Для меню с помощью :before и :after добавил уголки, на webkit все отлично, а в IE и FF не пашет. <div class="menu"> <ul class="nav"> <li class="first"><a href="#"><img class="icon" src="images/user.png"> Компания</a></li> <li ><a href="#"><img class="icon" src="images/cal.png"> События</a></li> <li ><a href="#"><img class="icon" src="images/oill.png"> География добычи</a> <ul class="subs"> <li><a href="#">Информация о компании</a></li> <li><a href="#">Фотогалерея объектов&…

   Asked by Photolife, March 13, 2014

   • css
   • html
   • before
   • after
   0 votes
   3 answers
10. Ссылка с флешролика на другую страницу

    Люди, подскажите, пожалуйста, что нужно сделать чтобы ссылка с флеш ролика заработала вот с этого - http://www.cbskiev.ru/news/gogolinfo.php , подскажите что я делаю не так

    Asked by alexss, March 30, 2009

    0 votes
    19 answers
11. Скопировать css из фигмы

    Стиль из фигмы только sass. Если преобразовать, то хоть и добавиться точка с запятой но название в стиле не добавляется, что очень трудно если строчек за четыреста. Можно еще как нибудь скопировать безбоязненно стиль из фигмы с обычным css?

    Asked by ChikChicly, September 5, 2020

    • фигма
    0 votes
    1 answer
12. Выпадающий список на AJAX

    Здравствуйте! Подскажите, пожалуйста, как сделать выпадающий список без перезагрузки страницы, который реализован вот здесь (над товарами ВЫВОДИТЬ ПО РЕЙТИНГУ): http://rozetka.com.ua/mobile-phones/c80003/filter/preset=smartfon/ Буду благодарен за помощь!

    Asked by volshebnyi, March 14, 2014

    0 votes
    7 answers
13. Сервер не отдаёт файл по прямой ссылке

    Здравствуйте! Если сайт который я пытаюсь парсить и у меня есть прямые ссылки на все файлы которые мне нужны с этого сайта и которые были собраны заранее (все файлы графические - jpg). На сайте какая-то защита, существует конкретное число файлов которые можно скачивать с него а если идёт превышение то по этим прямым ссылка открывается просто пустота. Как такое может быть если я обращаюсь по прямым ссылкам, что сейчас по этой ссылке графика, а потом пустота? Как обойти такое ограничение? P.S. У меня нет нормальных прокси а всё что пробовала - очень тормозное но тем не менее через них всё работает какое-то время и каждый лимит нужно просто менять прокси но речь идёт пр…

    Asked by Anechka, July 28, 2016

    0 votes
    20 answers
14. Как из ссылки сделать кнопки?

    Мне из ссылки нужно сделать такие кнопки как на картинке. Соответственно нужно получить две ссылки одна активная подсвечивается определенным цветом, вторая не активная прозрачная не подсвечивается. Значит здесь нужно применить два стиля. Наведение мышкой не подходит, так как, эти ссылки будут менять в зависимости от перехода на страницу. Вот код примера здесь сделано на input’ах мне нужно тоже самое только на ссылках. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="test"> <form&gt…

    Asked by Katerina23, June 10, 2022

    0 votes
    2 answers
15. Верстка таблицы

    Здраствуйте у меня проблемма, не могу сделать чтоб две таблицы отображались внутри базовой таблицы одинаково (в опере норм, в эксплорере нет) помогите пожалуста разобраться в чем проблема, код внизу <table border="0" cellpadding="0" width="100%" height="223"> <tr> <td valign="top" WIDTH="180"> <TABLE WIDTH="175" height="223" CELLPADDING="3" CELLSPACING="1" CLASS="blok"> <TR> <TD CLASS="blok_name" HEIGHT="27" colspan="2">вапвапвап</TD> <TR> <TD><IMG SRC="images/menus/im_lunch.gif" ALT=""></TD> <TD><a href="/index.php?zaved=1&edit5&catid1=5">вапва</a></TD> </TR&…

    Asked by zerg, March 18, 2009

    0 votes
    12 answers
16. С чего бы начать?..

    В этом деле не совсем деревянный, но все же... - обучался по урокам Е. Попова, к тому же очень давно. Хочу серьезно заняться версткой, зарабатывать на этом деньги. Что должен знать толковый фронт-енд разработчик (кажется, так теперь это называется? работа с красивым выводом результата многих строк кода)? И самое главное - где могу этому обучиться? Источники, источники... Сейчас прохожу курсы от html academy, но они какие-то через чур изи.

    Asked by ineedhlw, December 19, 2014

    0 votes
    23 answers
17. Не отображаются русские буквы!

    Всем привет! Залила сайт на сервер, вместо русских букв выдает какие квадратики, видит только английские буквы. Подскажите, пожалуйста, что это может быть?

    Asked by Nata150, March 16, 2009

    0 votes
    12 answers
18. text-shadow

    Привет! Мне запотешилось сделать тень для букв внутри них. Т.е. получить эффект вдавленности. Как правило, такой эффект достигается добавлением белого text-shadow со сдвигом по y на 1пк вниз. При этом буквы должны быть темнее фона, в котором они находятся. Примерно как здесь: http://clip2net.com/s/17vZh Однако у меня сложность в том, что буквы белые и на неоднородном фоне. Т.е. мне надо что-то подобное inset для box-shadow. Или может есть мысли как это сделать другим образом, т.е. поиграться с тенями и получить визуальный эффект того, что мне надо? У меня не хватило фантазии, какие цвета надо для этого использовать Чтобы было понятнее, какой фон, сделал прототип http:/…

    Asked by Softlink, August 19, 2011

    0 votes
    24 answers
19. лишний пробел после ссылки как исправить ?

    Если html код выглядит так : <a href="#" >один</a> <a href="#">два</a> <a href="#">три</a> после ссылок появляется пробел. Если так: <a href="#" >один</a><a href="#">два</a> <a href="#">три</a> пробела нет - как это исправить, plz

    Asked by orgus, May 5, 2014

    0 votes
    9 answers
20. Проблемы с передачей файла post'ом

    Доброго времени суток. Только начал осваивать html, возникла проблема с передачей файла через веб-форму. Попытался ее локализовать и представить вам. Имеется html страница с простейшим кодом: <!DOCTYPE html><html><head><title>Главная страница</title><meta charset="utf-8"></head><body> <form name="upload" method="POST" enctype="multipart/form-data"><input type="text" name="filename" /><br><input type="file" name="filecontent" /><br><input type="submit" value="OK" /></form> </body>Сервлет обрабатывающий страницу получает этот запрос, видит в нем текстовое поле "filename" и …

    Asked by itisme, September 21, 2015

    • input-file
    • post
    0 votes
    14 answers
21. RANDOM в HTML

    Народ, у есть сайт, по сути, фотоальбом.Я хочу сделать фишку, чтобы где-то на странице отображались СЛУЧАЙНЫЕ фотки (уже загруженые на сайт). Подскажите, какой тег или функция это делает? Заранее благодарен.

    Asked by Санек, December 13, 2007

    0 votes
    2 answers
22. Крооссбраузерный резиновый дизайн

    Сосбственно сабж: сделал вёрстку http://demo.artmedia.by/bb5/news.htm и хочу чтобы минимальная ширина страницы была 1004px а максимальная 1279px прописал для основного контейнера max-width:1279px; min-width:1004px; но как всем известно в IE это не катит и поэтому использовал известный всеми метод через expression в итоге получилось #tb1 { max-width:1279px; width:expression(document.body.clientWidth > 1279? "1279px": "auto" ); min-width:1004px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1004? "1004px": "auto"); } как и ожидалось в Opera и Mozilla Firefox всё нормально а вот в IE как обычно нет... в IE (как 6 так и 7 верси…

    Asked by droncl, December 11, 2008

    0 votes
    8 answers
23. Проигрывание mp3 в фоновом режиме

    Всем привет! Нужна срочная помощь. Есть некоторая страница с большим кол-вом текстового материала. Нужно сделать так чтобы при нажатии на какую-нибудь ссылку (одно из слов текста) на странице начинал воспроизводится в фоновом режиме mp3 файл. При этом мы видим тот же самый текст. Как это сделать. Естественно <a href="1.mp3">слово</a> не помогает, открывает новую страницу.

    Asked by Fid, June 3, 2009

    0 votes
    11 answers
24. Как сделать чтобы прокручивался только контент?

    Привет. Подскажите пожалуйста где можно почитать как сделать фон на сайте так что бы прокручивался только контен. Ну то есть фоном сайта является только одна большая картинка, и если контент выходит за риделы картинки то прокручивался бы только контент. Ну вот например как на этом сайткие - http://www.screenpaper.ru.

    Asked by misha-qwerty, January 6, 2012

    0 votes
    1 answer
25. Проблема: не компилируется less:

    Здравствуйте! Начала изучать less... И тут же проблема: не отрабатывается .less, выдаются ошибки: XMLHttpRequest cannot load file:///E:/LESS/styles.less. Cross origin requests are only supported for HTTP. index.html:1 Uncaught NetworkError: A network error occurred. less-1.5.0.min.js:11 Вот так подключаю: <link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less-1.5.0.min.js" type="text/javascript"></script> Что я делаю не так?

    Asked by Светлана Г., January 1, 2014

    • #less
    0 votes
    9 answers