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
-
Выравнивание раскрывающегося списка.
Подскажите, как выровнять текст в раскрывающемся списке, а именно выделенный пункт списка, а не весь список Пр. <select id="form"> <option selected="selected">Text1</option> <option>Text2</option> </select>
0 votes6 answers -
div 3 колонки
НЕобходимо,чтобы три блока внутри другого блока находились на одной высоте прижатые друг к другу,но 3й блок уходит вниз. Как исправить, потому что не могу понять что делаю не так Код CSS div#header { background: grey; border: yellow 3px ridge; width: 888px; min-width: 200px; } div#logo{ background: red; border: green 2px ridge; width: 363px; height: 140px; float: left; } div#menu{ background: darkblue; border: black 2px ridge; width: 150px; height: 169px; margin-left: 367px; margin-right: 367px; } div#picture{ background: top yellow; border: darkgreen 2px ridge; width: 363px; height: 169px; f…
0 votes6 answers -
Еще одна задумка
Вот такое хочу)) : Есть две страницы. На первой-ссылки на контент. На второй- форма для скачивания. При нажатие ссылки на первой, происходит переход на вторую страницу, где в форме отображается соответствующая ссылка на скачивание. На сколько мне хватает фантазии: на второй страницы должен быть Яваскрипт, который бы осуществлял обработку информации со ссылки и вставлял в форму. Интересно еще, как должна выглядеть сама форма. Классно было бы еще Каптчу к форме прикрутить. А, ну, и сам вопрос: как реализовать..? Как всегда, заранее благодарен
0 votes17 answers -
Проблема с отображением шрифтов в разных браузерах
Верстаю шаблон. Использую шрифт Myriad Pro. При объявлении через CSS обычным путем, с помощью способа: * {font-family:"Myriad Pro"; font-weight:normal;} во всех браузерах, кроме Сафари 5 отображается нужный шрифт. Когда решаюсь на отчаянный шаг и подключаю шрифт принудительно из папки fonts, то в Сафари текст отображается нужным шрифтом. Подключаю вот так: @font-face { font-family:"Myriad Pro"; /* Имя шрифта */ src:url(fonts/MyriadPro.otf); /* Путь к файлу со шрифтом */ } Отображается текст нужным шрифтом во всех браузерах, кроме браузера Опера. Там случается следующая проблема. При подключении обычным способом через font-family в браузере Опера обычный текст, текс…
0 votes1 answer -
Картинка двигается мышью
Тег <IMG>. Если Захватить мышью картинку, то можно ее двигать. Это нормально? Или я какие-то настройки тега не добавил?
0 votes14 answers -
Как лучше обрезать текст
Всем привет, Коллеги подскажите, как по грамотней сделать обрезание текста в блоке Макет: http://azharova.ru/test/img/promo.jpg Верстка: http://azharova.ru/test/promo.html Задача: 1. для вот такого блока http://prntscr.com/5wtpc1 выровнять белые кнопки так что бы они всегда были на одном уровне 2. Обрезать текст анонса как в макете
0 votes16 answers -
Склеить два элемента
Помогите советом. Как склеить два элемента? код нижнего: .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; } Скриншот приложил. Заранее спасибо
0 votes2 answers -
Вставка изображений
Привет всем!А если я хочу вставить файл JPEG 7-7 из моих документов как это будет выглядеть? Потому что везде пишется про ссылку изображения с сайта .Помогите пожалуйста разобраться...
0 votes4 answers -
Помогите!
У меня к вам такой вопрос: Стоит ли делать сайт на одну из этих тем, будут ли они иметь популярность и т.д.! Вот темы: Все о игре HItman! Все о игре Splinter Cell Все о программах, описание, ссылки! Все о интернете! Все о компьютерах! Все о играх! Защита от хакеров! Если да то подскажите на какую! Заранее спасибо!
0 votes5 answers -
margin
Есть часть кода <td align="center"><input type="submit" value="Кнопка"></td> который работает. Но я хочу чтобы align задавался в моём css файле с помочью идентификатора. В html файле примерно так <td><input id="td22" type="submit" value="Кнопка"></td> Как правильно написать код в css файле? Этот код не работает: #td22 { margin: 0 auto; }
0 votes5 answers -
Слетает правая колонка
Ребят, помогите плиз http://www.stroykann.ru/ Три колонки, если в левой присутствует баннер 200*100, при разрешении 1024*768, то правая слетает под среднюю. Проявляется только в IE6, в остальных браузерах нормально всё. Что не пробовал- никак не могу добиться того чтобы колонки оставались в ряд
0 votes7 answers -
неправильное отображение в IE 6
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .authorcomment { display:inline; } .comment-time { float: right; } </style> </head> <body> <div> <div> <div class="authorcomment"><span>Nik</span> fool</div> <div class="comment-time">12.03.1685 в 12.51</div> </div> <div">lahlahlah</div…
0 votes6 answers -
Вёрстка флэш сайта
Здравствуйте, Подскажите как верстаются флэш сайты. А точнее как им предаётся резиновость?
0 votes7 answers -
ie6 div width 100%
Доброго времени суток! Бьюсь весь вечер над проблемой некорректного отображения страницы с 100% шириной div'а. Вот код страницы (упростил, но суть видна): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>title</title> <style type="text/css"> body { margin: 0; padding: 0; } div#header { width: 100%; height: 150px; background-color: green; } div#bigData { width: 3000px; border: 1px solid red; } </style> </head> <body> <div id="header">some text</div> <div id="bigData"> </div> </body> </html> То есть если под блоком div появляетс…
0 votes6 answers -
Как создать список в виде... (см. в сообщ.)?
Всем доброй ночи/дня/вечера и хорошего настроения. Помогите, пожалуйста(!), состряпать список в виде (не мАгу отыскать): 1. ссылка 1.1 ссылка 1.2 ссылка 1.3 ссылка 2. ссылка 2.1 ссылка 2.2 ссылка 3. ссылка 3.1 ссылка ну и т.д.
0 votes10 answers -
<noindex>, rel="nofollow"
Интересует такой вот вопрос. Если сылка взята в тег <noindex> и указано rel="nofollow", смогу я увидеть тогда сайт который ссылается на мой сайт? <noindex> <a href="" rel="nofollow"> </noindex>
0 votes9 answers -
Как быть? (div)
На сайте используется div. есть левое меню, правое и по середине. Слева меню(карта) сайта. Хочу, чтобы при нажатии на подменю обновлялось только меню по середине с контентом. как быть?
0 votes11 answers -
Подскажите что делать начинающему верстальщику
Здравствуйте, уважаемые коллеги! Начал заниматься версткой недавно (месяца 3 наверное). За это время немного освоил html/css, однако когда дело подходит к практике, например сверстать простейший макет, я тут же вхожу в ступор и не могу применить теоретические знания на практике. В общем что бы вы посоветовали мне? Как начать верстать хотя бы простейшие макеты? Спасибо, всем кто ответит на данное сообщение!
0 votes13 answers -
Dashed линия для заголовка. Как сверстать?
Здравствуйте, уважаемые форумчане! Подкиньте пожалуйста идею, как сверстать такой вот заголовок, чтобы было гибко (не зависело от текста): ссылка на картинку
0 votes8 answers -
footer поверх map
Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает. <main> /*много других тегов*/ <section class="modal-map"> /*форма*/ <div> <iframe src="https://www.google.com></iframe> </div> </section> </main> <footer> </footer>
0 votes1 answer -
Проблемма с отображением в Internet Explorer 6
Проблема в Интернет Эксплоере 6й версии... http://nemtchinoff.com/taxarisite/ ... тема такова что в Опере, Мозиле и 7м ослике все нормально. А в 6м творятся нехорошие чудеса... Подскажите люди добрые как это исправить? Заранее премного благодарен. @charset "utf-8"; *{ margin: 0; padding: 0; } html{ background: url(./img/pattern.jpg) repeat center top; } body{ padding: 0px 0 0 0; min-width: 660px; align: right; } /*flash head holder*/ #flashcontent { position: relative; left:0px; top: 0px; width:613px; height:358px; margin: 0 auto; padding: 0; z-index:1; } #content { background: #6c7485; width:613px; height:358px; margin: 0 auto; h2{ font: bold 12px Arial, Helvet…
0 votes4 answers -
Margin-top и вложеные дивы.
Столкнулся с непонятной для себя проблемой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> html, body {height:100%} body { padding:0; margin:0; } #outer{ min-height:100%; background-color: #00FF99; width: 850px; position: relative; left: 50%; margin-left: -425px; } * html #outer{height:100%} #header{ width:100%; height:140px; background:#FF0000; margin-top: 100px; } </style> </head><body> <div id="outer"> <div id="header"></div> …
0 votes3 answers -
<!DOCTYPE>
Обязательно ли вставлять ? Когда вставляю перестает работать position:relative. Может не тот вставляю?
0 votes4 answers -
автомат. изменение шрифта для текста (копир.)
на новостной сайт копируются руками новостис др. сайтов...при копировании стиль шрифта сохраняется тем же, что и на сайте с которого эти новости копируются...админка не позволяет менять этот шрифт на который надо...вопрос...можно ли прописать в стилях каким-либо образом, что бы текст на сайте был одинаковым везде, не зависимо не от чего... p.s. в css e;t прописано body {font-family:verdana}
0 votes5 answers -
Резиновый слой с изображением
Доброго дня. Начал изучать HTML совсем не давно,вот столкнулся вот с такой проблемой. Задача: Создать фон для страницы,используя изображение большого разрешения,но при этом сделать его резиновым по горизонтали. Давно видел,такую идею,за фон берут изображение,режут его вертикали по полам и при изменении размера монитора или открытии панели закладок,то есть подгонка размера изображения фона под монитор пользователя,одна часть изображения фона заходит на другую,при этом изображение оптимизировано так,что швов практически не видно,а фон хорошо подогнан под разрешение монитора. Помоги советом,как такое или другим способом реализовывается. Вот мой начальный код,очень мало,но д…
0 votes8 answers