HTML Coding

29542 questions in this forum

1. Подогнать текст под размер блока на разных мониторах

   Попытаюсь объяснить на словах, что к чему. Создаю таблицу - в ячейке оной ещё одну таблицу. В новой таблице в ячейку помещаю текст (все размеры - таблицы и ячеек - в %) - на моем мониторе 1024х768 отображает нормально - по всей высоте блока есть текст, как и надо. На другом мониторе где разрешение 1280х1024 (или около того) нижних процентов 30 блока стали пустыми - т.е. текст при 14рх отображается более мелким шрифтом, между тем как ячейка таблицы по % осталась на нужных размерах относительно экрана. Есть ли способ как-то фиксированно вписать текст в нужный блок на сайте, чтобы на разных мониторах он занимал одинаковый объем? Нужно ли как-то использовать font-size в % css…

   Asked by laird, October 26, 2011

   0 votes
   3 answers
2. Как научиться правильно вырезать background?

   Собственное дизайнеры или опытные верстальшики, подскажите свои методы как правильно вырезать background чтоб он правильно растиражировался на сайте. к примеру вот картинка [/url

   Asked by moslem, December 22, 2011

   0 votes
   2 answers
3. CSS Квадрат

   Есть страница, шириной 100%. Собственно проблема, как поделить страницу на три части так, чтобы высота каждого блока была равна его ширине? То есть, получится три квадрата, пропорционально изменяющие свои размеры при изменении размера браузера. А самое интересное, использовать можно только CSS\HTML, без картинок.

   Asked by Lane235, March 6, 2012

   0 votes
   2 answers
4. Почему label не растягивается?

   <div style="width: 200px; display: block; height: 50px; border: 1px solid black;"> <label style="width: 91px; height: 50px; background: url('http://t1.gstatic.com/images?q=tbn:ANd9GcRc_1-stUn1RKGtLH5VY0cUyjQrbxma1yaJo5lMIApDFqU4WAs');"> седан</label> </label> </div> http://jsfiddle.net/qaYcE/1/ Размер стоит один, а label все равно растягивается по контенту. Мне нужно чтобы размер был фиксирован или такой же, как у картинки. Хотя лучше вручную размер задать. Почему не работает width: 91px; height: 50px?

   Asked by GuitarFan, June 17, 2013

   0 votes
   4 answers
5. Как ПС относятся к diplsay:none на адаптивных шаблонах

   У меня стационарный сайт с немалым количеством динамичесих модулей, которые на мобильной версии будут лишними, самым простым способом убрать их в верстке @media screen выбрал display none. Разумно ли поступать так с действующими блоками, и как к этому отнесутся поисковые системы? Как делаете вы?

   Asked by Hoax, May 3, 2016

   0 votes
   10 answers
6. положение меню

   Доброе время суток! Подскажите как привязать меню, в столбец таблицы. И Если окно уменьшить в размере, чтоб меню оставалось в этом столбце, а не выезжало за его пределы.

   Asked by Talexandria, January 29, 2008

   0 votes
   2 answers
7. левая колонка вылазит по вертикали за div-контейнер

   Здравствуйте, не могу избавиться от проблемы -- в верстке есть див-контейнер, две колонки, левая и правая. Высота контейнера определяется почему-то по правой колонке, соответственно, если левая колонка оказывается больше по высоте, то она тупо вылазит за контейнер и наезжает на футер. А если правая колонка больше -- то и сам контейнер нормально растягивается по высоте. Надеюсь на помощь :-) Выглядит это так примерно -- http://alataru.narod.ru/

   Asked by Alatar, May 17, 2009

   0 votes
   4 answers
8. border для div Width 100% без скроллинга. (Webkit)

   Подскажите, плз, необходимо всему сайту сделать бордер 2 пикселя, сделал padding:2px для body и залил внутренний див другим цветом, везде норм, только в Safari и Chrome появляется горизонтальный скроллинг, есть ли более кроссбраузерное решение?

   Asked by Микель, May 6, 2010

   0 votes
   2 answers
9. 2 проблемы при верстки меню

   Здравствуйте. Учусь блочной верстки, заодно стараюсь придерживаться семантики, которую тоже изучаю. И заглох в реализации следующего примера: Увидел на сайте меню с помещенными поверх текста полупрозрачными png картинками. Решил попробовать ссылку в строку браузера, если не отображается картинка ссылку в строку браузера, если не отображается картинка Быстренько накидал такое вот текстовое меню. На цифрах сделал градиентную png картинку вот такую В итоге поместить градиентный png, вроде, получилось с помощью абсолютного позиционирования. И вроде все хорошо было, и hover работает, но вот проблема - 1. Не могу отцентрировать текст по высоте строки(пункт помечен галочкой)…

   Asked by Juice, August 17, 2010

   0 votes
   13 answers
10. можно ли открыть макет sketch в win

    Доброго времени суток. Скажите возможно ли открыть sketch в виндовс? https://avocode.com/ - есть такая прога, она работает на винде но не работает плагин sketch, так как есть только для OS

    Asked by Altakil, January 18, 2017

    0 votes
    4 answers
11. Как сделать адаптивным такой блок?

    Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:

    Asked by iBars, September 4, 2017

    • блок
    • div
    • адаптив
    • responsive
    0 votes
    3 answers
12. Как верстать из jpg?

    Сегодня получил первую работу на фрилансе, но, к сожалению пришлось отказаться .. Макет пришел в jpg формате, сказали что сайт должен выглядеть так в итоге, и "сверстать нужно на wordpress-е" и как я понял подключить плагин woocommerce . Хотелось бы узнать, как верстать с jpg формата, как узнать шрифты, взять изображения и т.д .. Попадались ли вам такие макеты? И еще, как натянуть готовую верстку на wordpress, возможно кто-то знает, где найти свежие уроки?

    Asked by Hasiev, October 3, 2017

    0 votes
    2 answers
13. Верстка блока статистики

    Как сверстать эту секцию? Возможно, вы знаете подходящую js библиотеку? Спасибо!

    Asked by Hasiev, May 11, 2018

    0 votes
    6 answers
14. IE7: <base target = "_blank"> запределами <head>

    Задача: для части кода с гиперссылками обозначить целью новое окно. В IE6 это чудно работало через перед ссылками и после них. Но IE7, если я правильно понял, отрабатывает base target только внутри .Как решить проблему?

    Asked by gap5, May 26, 2008

    0 votes
    6 answers
15. Проблема с таблицей...

    Всем привет! Вот у меня есть таблица: <table align="center"> <tr> <td width="70%" align="center"> <img src="http://vvsh.3dn.ru/logo.jpg"> </td></tr> </table> Как мне сделать рамку в таблице, и как сделать так, чтобы не было пробела между картинкой и началом страницы?

    Asked by vvsh, May 30, 2008

    0 votes
    5 answers
16. Размещение блоков с помощью position: relative

    Нужно сделать что бы показывался определенный блок DIV по нажатию на выбор radio, остальные блоки становятся невидимыми. Блоки выводить нужно в одном и том же месте где и первый блок. Для реалицаии сделал использование position: relative. с отрицательными координатами top. Но в различных браузерах значения отступа разные... как это можно пофиксить? Делал изначально под Opera 9.27 там норма. в FF немного едит вниз. в IE 6 cущественно сьезжает вниз. Какие есть методы пофиксить эту проблему? <!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"> <he…

    Asked by ProGGGer, June 1, 2008

    0 votes
    6 answers
17. Срочно нужна помощь профи!

    Подскажите пожалуйста почему таблица ( с зеленым бордером) не растягивается на 100% ? Я уже измучился, перепробовал много чего, не хочет. Вариант с дивами не предлагать. Заранее спасибо. <!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> <title>Греция.</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta http-equiv="content-type" content="application/xhtml+xml; charset=windows-1251" /> <meta http-equiv="content-language" content="ru" /> <st…

    Asked by _Alexanred_, September 20, 2008

    0 votes
    4 answers
18. Как укротить swf формат?

    Это опять я. Как корректно вставить в html-документ кнопки в .swf формате? Я пробовал прописывать их как background ячейки, вставлять как изображение. Результат один - кнопка не видна. В чем секрет? С уважением, Алексей

    Asked by admelj, July 8, 2009

    0 votes
    5 answers
19. Помогите с футером!

    Помогите пожалуста с футером! Знаю, что вопрос детский, но у меня в резиновом дизе не получаетцо! Вот html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>GenericBlue by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="st.css" rel="stylesheet" type="text/css" /> <link href="css/dropdown/dropdown.css" media="all" rel="stylesheet" type="text/css" /> <link href="css/dropdown/themes/default/…

    Asked by Glebr, October 25, 2009

    0 votes
    6 answers
20. отправка почты методом post

    Здравствуйте о виликие гуру помогите навичку существуют такая форма отправки: <div class="contact-form-wrapper"> <form action="contact/mail.php" method="post" id="contact-form"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Имя*" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="email" id="contact-email" name="contact-email" placeholder="Email*" required /> </div…

    Asked by Seregka174, August 29, 2016

    • отпрвкапочта
    • php
    • post
    0 votes
    5 answers
21. Закрытие страницы "на кнопку"

    Понадобилось сделать что бы на сайте была кнопка/надпись, на которую нажимаешь - и страница закрывается. Видел такое на некоторых сайтах, кто знает как сделать?

    Asked by Walk, April 7, 2008

    0 votes
    7 answers
22. Проблема с прозрачностью .png IE6

    Читала темы, разные методы, но ни один не помог( Что можно сделать чтобы png был прозрачным и тянулся в IE6, html <div id="order_selection"> </div> css #order_selection { background: url(../i/line_order.png) repeat-x left bottom; height: 235px; width: 60%; margin: 0 0 0 0; float: left; } *html #order_selection { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/line_order.png', sizingMethod='scale'); }

    Asked by Mary_RND, April 18, 2008

    0 votes
    8 answers
23. Горизонтальная линия (разделитель в вертикальном меню)

    Здравствуйте! У меня проблема и заключается она вот в чём. есть меню, допустим такое(без стилей): яблокоарбуздынякаменьЯ хочу разделить их горизонтальной линией (картинкой) - Создал картинку 2х2. И думал использовать <hr>, но вот печаль, если в CSS писать этот нубо-код: hr {background: url(img/hr.png);width: 150px;}, то это не работает так как мне надо. Что бы было более понятно, то я сделал градиентную картинку.(вехний слой цвета белого(например), нижний чёрный). Ну и как мне реализовать Разделитель картинкой ?)

    Asked by dsasda, January 20, 2014

    0 votes
    5 answers
24. Проблема с плиточной версткой

    Буду краток: Нужно что бы вот это: http://ynws.esy.es/index2.html выглядело как это: http://ynws.esy.es/index.html В чём соль: По второй ссылке новости заданы структурой 4 колонки, а в них уже плитки. По первой ссылке задан фиксированный размер родителя, а в нем плитки прижатые float:left. Как видите в этом случае вторая и последующие строки разъезжаются. Фиксированную высоту, пожалуйста, не предлагайте

    Asked by Адель, March 14, 2014

    0 votes
    14 answers
25. Проблема подгрузки шрифтов по абсолютным ссылкам у Firefox и IE

    Здравствуйте! Проблема следующая: изначально все ссылки в CSS на шрифты указывал относительные - все браузеры отлично подгружали как с хостинга, так и с Denwer, но сейчас все ссылки изменил на абсолютные и теперь шрифты отказывается погружать Firefox, IE! Chrome, Opera и Yandex-браузер работают корректно и всё подгружают! В чём может быть проблема?

    Asked by Torawhite, May 29, 2014

    0 votes
    14 answers