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
-
вопрос по div верстке внутри
подскажите пожалуйста как у самого внутреннего дива (div margin-top:-20px) сдвинуть вверх текст так, чтобы текст сдвинулся без бэкграунда родительского дива,т.е. чтобы бэграунды остались на своем месте а сдвинулся только текст ? а то получается что с минусовым маргином бэгрануд тела начинает залезать на бэграунд хедера, а мне надо чтобы залезал только текст. <body> <div style="width:700px;"> <div style="background: url(top.png) no-repeat bottom left; height: 30px;"></div> <div style="background: url(bg.png) repeat-y 0 0;"> <div style="margin-top:-20px;"> Мы предлагаем Вам программу-тренинг, прошедшую многолетнюю проверку временем и з…
0 votes5 answers -
display: table и содержимое смежных "ячеек"
Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…
0 votes10 answers -
Синхронизация локальной и внешней копий сайтов
Здравствуйте! Подскажите пожалуйста какие есть решения. Сейчас я пользуюсь HomeSite и LeapFTP. Т.е. для редактирования сайта мне нужно зайти на сервер, скачать нужные страницы себе на комп, переделать, потом опять по фтп залить на сервер. А можно ли сделать следующим образом. Весь сайт (ну всмысле его копия) хранится у меня на компе, когда нужно редактировать его, я редактирую сайт у себя на компе, локально, потом проверяю все ли нормально и вот затем синхронизирую с сервером. Чтобы прога сама определяла, что изменилось и обновляла сайт на сервере. В Хоумсайте я такой фишки не нашел. Есть ли редакторы с такой возможностью? Или может это другим путем решается, например отд…
0 votes9 answers -
Проблема с выравниванием по центру в InternetExplorer
Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…
0 votes4 answers -
Как сделать фон блоку?
Есть два блока: контент и меню. Контент больше. Когда делаешь фон блоку меню, фоном красится только то где есть текст (тоесть одна строчка только). Как сделать чтобы весь правый блок красился фоном?
0 votes5 answers -
Как сделать ширину по содержимому?
Надо чтобы один заголовок был снизу справа от другого. <div id="logo"> <h1> <h2> Не выходит: Рассчитанный стиль: width: 1022px; Стили: width: auto; Тоесть надо чтобы блок div был такой же ширины как надпись в h1
0 votes2 answers -
dreamweaver проблема кодировки
Почему так? При кодировке charset=utf-8 текст в дриме нормально отображается, а в charset=windows-1251 вот так...)) Просто мне нужен charset=windows-1251 В чем проблема??
0 votes6 answers -
порядок блоков в потоке для html5
скажите пожалуйста правильно ли я понимаю. в html5 не обязательно располагать блок с кодом контента как можно выше в коде. к примеру на этой странице так и сделано - сначала идёт блок aside(сайдбар), а потом уже основной контент(статья). и при этом разметка все равно считается семантичной в html5. так ли это?
0 votes1 answer -
очистка флоатов))флоат под флоатом
привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…
0 votes2 answers -
Очередная унылая div шапка
Подскажите пожалуйста как верно сверстать шапочку. Получить нужно вот что: http://dl.dropbox.com/u/11247558/v.jpg Т.е. первая полоса - первый div, квадрат - второй div (по идее там будет картинка), ну и 3 полоса соответственно 3 div. С первыми 2-умя проблем нет никаких, всё ок. Проблема возникает с 3-им. Он должен занимать соответственно от картинки всё оставшееся место до края браузера (примерно так как на скриншоте выше). На скриншоте я банально на глазок в % подобрал значение, но в других то разрешениях так не покатит . Текущий код HTML: <body style="min-width:1000px; margin:0px;"> <div class="top1"><br></div> <div class="img1"></d…
0 votes0 answers -
Переопределение цвета в готовом шаблоне
Доброго времени суток, господа. Имеется Drupal сайт с готовым шаблоном, нужно всего лишь в одной ноде поменять цвет текста в таблице, но как это ни печально не выходит. ссылка на ноду css файл Пытаюсь изменить в ячейке цвет текста "Рабочий телефон" (первая строка) Заранее спасибо всем, кто возьмется разобраться. Понимаю и извиняюсь за css файл с кучей кода, сам не смог найти решения.
0 votes6 answers -
Проблема с бэкграундом
Верстка Картинка white background по ширине 1000px. Серый бэкграунд прописан в body, но почему-то растягивается на весь экран, хотя body по ширине 1000px. Сам макет выглядит так Нужно чтобы черный бэкграунд растягивался только на 1000 пикселей в ширину (по ширине body).
0 votes4 answers -
Пхп ищу материал..
Приветствую. Люди добрые, дайте ссылочку на урок по формам почтовой отправки... т.е Форма есть, нужно чтобы работало..)) Просто в php я 0%
0 votes5 answers -
Перестало работать увеличения картинок после изменения дизайна
Всем доброго времени суток. Суть вопроса такова, я менял стиль сайта со старой табличной версткой, менялись только css-стили, и была добавлена таблица которая играет роль меню c id="headerMenu", в <header> не лез, менялась только шабка сайта, но почему то не работает увеличение картинок, выкидывает на главную страницу при на жатии на картинку. Мой css-код начинаетса с 530-ой строки. Мог ли я изменяя сss-правила сделать такую ошыбку, и как её устранить? адрес страницы: http://sport-melitopol.com.ua/api-caffeinex-200-tab/p-581.html нажатие на ссылку "увеличить", или на картинку сверху. Буду благодарен за ответы
0 votes0 answers -
Помогите с шапкой
Значит хочу вставить фото в шапку,вместо заголовка,помогите: Сам заголовок: <!-- Header Starts --> <div id="header"> <div id="headerleft"> <?php if (get_option('logoURL')) { ?> <h1><a href="<?php bloginfo('url'); ?>" class="nobar"><img src="<?php echo get_option('logoURL'); ?>" alt="<?php bloginfo('name'); ?>"></a></h1></h3> <?php } else { ?> <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1><h3><?php bloginfo('descri…
0 votes12 answers -
Cufon...
Здравствуйте! Подскажите кто знает как задать font-weight,font-style шрифтам подключенным через cufon? В скриптах делаю так: Cufon.replace('h5 span', { fontFamily: 'Yold Anglican',color: '#f6900d',fontWeight:'700',fontStyle:'italic',fontSize:'16px'}); Но жирность и курсив у шрифтов не работают!???(если прописать шрифты обычным способом то на моём компе проблем не возникает...) P.S. Страница находится здесь: http://yamaradg.narod2.ru/history/Company_Solutions/1.html Скриншот с описанием где именно текст подключен через cufon - прикладываю...( http://yamaradg.narod2.ru/history/solution_upgrayd.jpg ) Буду очень признателен за любую помощь! (также буду благодарен,если кто-ниб…
0 votes0 answers -
полоса под картинкой-ссылкой
<div class='desc'> <a class='foto' href="foto/53.jpg" id="53"><img src='foto_min/53.JPG'></a> <div class='text'>Москва</div> </div> .desc{ width:730px; margin:25px auto 0; clear:both; min-height:250px; } .text{ float:left; width:315px; min-height:230px; height:100%; margin:0 15px; border:1px solid black; border-radius:5px; padding:5px 5px 13px 13px; display:inline-block; } .foto{ float:left; width:333px; min-height:248px; border-radius:5px; margin:0 15px 25px; border:1px solid black; display:inline-block; padding:0; }
0 votes2 answers -
Проблема с позиционированием кнопки
Почему кнопка с текстом лезет куда-то наверх? <style type="text/css"> button {width: 32; height: 32;} </style> <button></button> <button>1</button> <button></button>
0 votes2 answers -
Вопрос про текст внутри div'а.
Доброго времени суток! Подскажите пожалуйста: <div><img ... />Текст</div> - Возможно ли в данном случае сделать стиль для текста через id дива, не трогая при этом img? Заключить Текст в ещё один тег я не могу. Спасибо большое!
0 votes7 answers -
Абсолютное позиционирование. Где ошибка ?
Здравствуйте. Css .1 { position:absolute; top:100px; left:100px; background-image : url(/images/left.png); } html <div class ="1"></div> изображение не выводится.
0 votes3 answers -
Проблема с позицией
Дело было так <div id="sofa"> <ul class="service-list"> <li>ывсмыв</li> <li>ывмыв</li> <li>ывмым</li> <li>вымвыы</li> </ul> <ul class="service-list2"> <li>ывмыывм</li> <li>ывмывы</li> <li>ывмывм</li> </ul> </div> #sofa { background:#9FC; height: 226px; float:right; width: 727px; } .service-list { float: left; list-style-type: none; margin-left: 22px; position: relative; top: 28px; width: 160px; } .service-list2 { float: left; list-style-type: none; margin-left: 15px; position: relative; …
0 votes4 answers -
Верстка для Facebook
Вот недавно встретился с интересным приложением на Facebook'е. Называется «Static HTML: iframe tabs» Позволяет вставлять на страницу HTML код. Но дело в том, что туда можно залить код только главной страницы своего макета. А если, допустим, у меня макет состоит из 3,4,n страниц, где есть меню? Как сделать так, чтобы у меня была главная страница, опубликованная на ФейсБуке, а при нажатии на ссылку в меню на этой главной, открывалась другая страница макета в том же окне на ФБ? Или это возможно, если только залить все остальные страницы макета на хостинг?
0 votes0 answers -
Программа для работы с дизайном
Здравствуйте. Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка. При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков. Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить? Надеюсь посоветуете что нибудь. Я всего лишь начинающий Спасибо всем за ответы!
0 votes1 answer -
старожилы форума подскажите
Здравствуйте, подскажите пожалуйста новичку - возможно ли как то сделать что бы при переходе на другие страницы сайта <div> блок не подгружался заново а оставался как есть. Заранее извиняюсь за не совсем корректный вопрос, постараюсь объяснить примером: на всех страницах сайта чуть ниже шапки - присутствует флеш сайдер который (при загрузке флешка издает звук и прогоняет по очереди заданные слайды)и при переходе на новую страницу сайта она снова издает звук и начинает показ слайдов. Если посетитель находиться на страницы достаточно долго тогда вся эта конструкция смотрится нормально, однако если человек привык к быстрому серфингу страничек тогда начальная мелодия фл…
0 votes2 answers -
Background
Привет всем! У меня имеется изображение(1600px x 1200px), которое я хочу сделать задним фоном. Теперь вопрос, как мне сделать так, чтобы изображение при разрешении экрана 1024 x 768 и 1280 x 1024 автоматически масштабировалось до нужных размеров? И до каких размеров мне уменьшать изображение в фотошопе при соблюдении пропорций?
0 votes9 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-