HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Подогнать текст под размер блока на разных мониторах
Попытаюсь объяснить на словах, что к чему. Создаю таблицу - в ячейке оной ещё одну таблицу. В новой таблице в ячейку помещаю текст (все размеры - таблицы и ячеек - в %) - на моем мониторе 1024х768 отображает нормально - по всей высоте блока есть текст, как и надо. На другом мониторе где разрешение 1280х1024 (или около того) нижних процентов 30 блока стали пустыми - т.е. текст при 14рх отображается более мелким шрифтом, между тем как ячейка таблицы по % осталась на нужных размерах относительно экрана. Есть ли способ как-то фиксированно вписать текст в нужный блок на сайте, чтобы на разных мониторах он занимал одинаковый объем? Нужно ли как-то использовать font-size в % css…
0 votes3 answers -
Как научиться правильно вырезать background?
Собственное дизайнеры или опытные верстальшики, подскажите свои методы как правильно вырезать background чтоб он правильно растиражировался на сайте. к примеру вот картинка [/url
0 votes2 answers -
CSS Квадрат
Есть страница, шириной 100%. Собственно проблема, как поделить страницу на три части так, чтобы высота каждого блока была равна его ширине? То есть, получится три квадрата, пропорционально изменяющие свои размеры при изменении размера браузера. А самое интересное, использовать можно только CSS\HTML, без картинок.
0 votes2 answers -
Почему 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?
0 votes4 answers -
Как ПС относятся к diplsay:none на адаптивных шаблонах
У меня стационарный сайт с немалым количеством динамичесих модулей, которые на мобильной версии будут лишними, самым простым способом убрать их в верстке @media screen выбрал display none. Разумно ли поступать так с действующими блоками, и как к этому отнесутся поисковые системы? Как делаете вы?
0 votes10 answers -
положение меню
Доброе время суток! Подскажите как привязать меню, в столбец таблицы. И Если окно уменьшить в размере, чтоб меню оставалось в этом столбце, а не выезжало за его пределы.
0 votes2 answers -
левая колонка вылазит по вертикали за div-контейнер
Здравствуйте, не могу избавиться от проблемы -- в верстке есть див-контейнер, две колонки, левая и правая. Высота контейнера определяется почему-то по правой колонке, соответственно, если левая колонка оказывается больше по высоте, то она тупо вылазит за контейнер и наезжает на футер. А если правая колонка больше -- то и сам контейнер нормально растягивается по высоте. Надеюсь на помощь :-) Выглядит это так примерно -- http://alataru.narod.ru/
0 votes4 answers -
border для div Width 100% без скроллинга. (Webkit)
Подскажите, плз, необходимо всему сайту сделать бордер 2 пикселя, сделал padding:2px для body и залил внутренний див другим цветом, везде норм, только в Safari и Chrome появляется горизонтальный скроллинг, есть ли более кроссбраузерное решение?
0 votes2 answers -
2 проблемы при верстки меню
Здравствуйте. Учусь блочной верстки, заодно стараюсь придерживаться семантики, которую тоже изучаю. И заглох в реализации следующего примера: Увидел на сайте меню с помещенными поверх текста полупрозрачными png картинками. Решил попробовать ссылку в строку браузера, если не отображается картинка ссылку в строку браузера, если не отображается картинка Быстренько накидал такое вот текстовое меню. На цифрах сделал градиентную png картинку вот такую В итоге поместить градиентный png, вроде, получилось с помощью абсолютного позиционирования. И вроде все хорошо было, и hover работает, но вот проблема - 1. Не могу отцентрировать текст по высоте строки(пункт помечен галочкой)…
0 votes13 answers -
можно ли открыть макет sketch в win
Доброго времени суток. Скажите возможно ли открыть sketch в виндовс? https://avocode.com/ - есть такая прога, она работает на винде но не работает плагин sketch, так как есть только для OS
0 votes4 answers -
Как сделать адаптивным такой блок?
Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:
0 votes3 answers -
Как верстать из jpg?
Сегодня получил первую работу на фрилансе, но, к сожалению пришлось отказаться .. Макет пришел в jpg формате, сказали что сайт должен выглядеть так в итоге, и "сверстать нужно на wordpress-е" и как я понял подключить плагин woocommerce . Хотелось бы узнать, как верстать с jpg формата, как узнать шрифты, взять изображения и т.д .. Попадались ли вам такие макеты? И еще, как натянуть готовую верстку на wordpress, возможно кто-то знает, где найти свежие уроки?
0 votes2 answers -
Верстка блока статистики
Как сверстать эту секцию? Возможно, вы знаете подходящую js библиотеку? Спасибо!
0 votes6 answers -
IE7: <base target = "_blank"> запределами <head>
Задача: для части кода с гиперссылками обозначить целью новое окно. В IE6 это чудно работало через перед ссылками и после них. Но IE7, если я правильно понял, отрабатывает base target только внутри .Как решить проблему?
0 votes6 answers -
Проблема с таблицей...
Всем привет! Вот у меня есть таблица: <table align="center"> <tr> <td width="70%" align="center"> <img src="http://vvsh.3dn.ru/logo.jpg"> </td></tr> </table> Как мне сделать рамку в таблице, и как сделать так, чтобы не было пробела между картинкой и началом страницы?
0 votes5 answers -
Размещение блоков с помощью 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…
0 votes6 answers -
Срочно нужна помощь профи!
Подскажите пожалуйста почему таблица ( с зеленым бордером) не растягивается на 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…
0 votes4 answers -
Как укротить swf формат?
Это опять я. Как корректно вставить в html-документ кнопки в .swf формате? Я пробовал прописывать их как background ячейки, вставлять как изображение. Результат один - кнопка не видна. В чем секрет? С уважением, Алексей
0 votes5 answers -
Помогите с футером!
Помогите пожалуста с футером! Знаю, что вопрос детский, но у меня в резиновом дизе не получаетцо! Вот 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/…
0 votes6 answers -
отправка почты методом 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…
0 votes5 answers -
Закрытие страницы "на кнопку"
Понадобилось сделать что бы на сайте была кнопка/надпись, на которую нажимаешь - и страница закрывается. Видел такое на некоторых сайтах, кто знает как сделать?
0 votes7 answers -
Проблема с прозрачностью .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'); }
0 votes8 answers -
Горизонтальная линия (разделитель в вертикальном меню)
Здравствуйте! У меня проблема и заключается она вот в чём. есть меню, допустим такое(без стилей): яблокоарбуздынякаменьЯ хочу разделить их горизонтальной линией (картинкой) - Создал картинку 2х2. И думал использовать <hr>, но вот печаль, если в CSS писать этот нубо-код: hr {background: url(img/hr.png);width: 150px;}, то это не работает так как мне надо. Что бы было более понятно, то я сделал градиентную картинку.(вехний слой цвета белого(например), нижний чёрный). Ну и как мне реализовать Разделитель картинкой ?)
0 votes5 answers -
Проблема с плиточной версткой
Буду краток: Нужно что бы вот это: http://ynws.esy.es/index2.html выглядело как это: http://ynws.esy.es/index.html В чём соль: По второй ссылке новости заданы структурой 4 колонки, а в них уже плитки. По первой ссылке задан фиксированный размер родителя, а в нем плитки прижатые float:left. Как видите в этом случае вторая и последующие строки разъезжаются. Фиксированную высоту, пожалуйста, не предлагайте
0 votes14 answers -
Проблема подгрузки шрифтов по абсолютным ссылкам у Firefox и IE
Здравствуйте! Проблема следующая: изначально все ссылки в CSS на шрифты указывал относительные - все браузеры отлично подгружали как с хостинга, так и с Denwer, но сейчас все ссылки изменил на абсолютные и теперь шрифты отказывается погружать Firefox, IE! Chrome, Opera и Yandex-браузер работают корректно и всё подгружают! В чём может быть проблема?
0 votes14 answers