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
-
Логотип сайта в браузере
Хочу создать такую штуку как у вас на сайте или в любом поисковике, чтобы в вверху, перед адресом страницы находилась картинка. Как это сделать???
0 votes2 answers -
О технике изучения
Помогите советом, пожалуйста. Я только начинаю изучать WEB-технологии. В голове полная каша и наверно пресыщение информацией. Разделы: "шаг за шагом" и "статьи" прочитаны, но не хватает практики. Сейчас я учу все по такой схеме: прочитываю раздел "HTML и CSS на примерах" и выполняю на уровне примеров. Информация запоминается как - то разрозненно. Может быть стоит создать маленький сайтик, но опять же с чего начать? С макета веб страницы? А как вы начинали учить? В общем буду рада любому совету.
0 votes14 answers -
Странный баг в ие 6 и ие7
Народ всем привет, еще с одной проблемой столкнулся, взгляните http://shinoda.ru/verstka/default.htm, у блока #left_menu_block есть отступ сверху в 40 пикселей, все браузеры кроме седьмого и шестого ие показывают этот отступ (ие8 показывает нормально). Что за странный баг обьясните плз???
0 votes31 answers -
Помогите IE "обрезает страницу"
Посмотрите: www.vspu.ru/is/typo3/index.php IE справа странно обрезает страницу, Mazilla, Opera отображают нормально. И второе. При хождении по меню слева: НавигацияПодразделенияМатериальный отдел.... Сдвигается вниз весь контент. Почему, как исправить?
0 votes13 answers -
Градиентный border
Как мне применить к блоку такую рамку? http://2.firepic.org/2/images/2015-01/10/s8gl0x3s7wky.png Чтобы была двойная, в два пикселя и с градиентом (внутренняя)
0 votes7 answers -
Странный косяк( при увеличении или уменьшении сайта)
#pravo { position:relative; width:280px; height:284px; margin: 5px 0px; padding:0px 0px; border: 0px; float:right;} #menu_a { position:relative; width:250px; height:49px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_verh.png); } #menu { position:relative; width:250px; height:231px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_center.png); } #menu_b { position:relative; width:250px; height:44px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_niz.png); } #menu_a a:link, #menu a:link, #menu_b a:link, #menu_a a:visit…
0 votes14 answers -
Margin-left в IE и FF
Доброе время суток! Столкнулся с проблемой неправильного позиционирования слоя. . top { background-image:url(top.png); width:800px; height:50px; margin-top:7px; margin-left:-25px; }... <div align="center"> <div class="top" > </div> </div> По идее и как это происходит в FF, слой должен центрироваться и сдвигаться в право на 25 px. В IE же он просто распологается по центру, не сдвигаясь вправо. Может существует хак под это дело? Или просто у меня руки из мозгов растут?=) Заранее спасибо=)
0 votes4 answers -
Проблемы с прозрачностью блоков
Здравствуйте! Идея в чем - внизу на фоне документа есть рисунок, а главный блок должен быть на 70 процентов непрозрачным. html: <div id="bg"> <div id="maintable"> <div id="logo"> </div> <div></div> </div> </div> css: body { background: #FFFFFF url(../images/bg.jpg) bottom no-repeat; height:auto !important; height:100%; } #bg { background: #FFF; opacity: 0.7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); height: 100%; } #maintable { opacity: 1.0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); } #logo { background: url(../images/logo.jpg) no-repeat left top; height: 200px; } карт…
0 votes21 answers -
фон
помогите !!! мне необходимо несколько маленьких фоноф наложить на общий фон страницы. я слышал что это можно сделать через *див
0 votes15 answers -
Как проще сверстать логотип (минимум кода)
Как проще сверстать логотип ( смотрите код: http://jsfiddle.net/0msb5jj8/ ) Что-то мне кажется, у меня много кода и классов для какого-то логотипа )))) Может, есть вариант проще сверстать?
0 votes22 answers -
Background из нескольких картинок
Как сделать так, чтобы в качестве бэкграунда страницы был рисунок, который состоит из нескольких кусков? (Раньше сайт был сделан табличной версткой и в каждой ячейке лежал "свой" кусок файла) Надо сделать следующее: top_left.gif(не растягивается); center_gif (растягивается по ширине); top_right(не растягивается) middle_left.gif(растягивается по высоте); center_gif(растягивается в обе стороны); middle_right.gif(растягивается по высоте); bottom_leftне растягивается); center_gif (растягивается по ширине); bottom_right(не растягивается) Хочется сделать так, чтобы это был бэкграунд на весь экран, а сверху накладывались дивы с содержанием. Можно ли с пом. CSS описать такое?
0 votes7 answers -
nobr или nowrap как убрать отступы между елементами?
<div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы
0 votes4 answers -
Программа для проверки CSS на избыточность
Вот собственно кто видал такое чудо, т.е. есть файл стилей и красивый сайт, задача, нужно из файла стилей удалить лишний код, неиспользуемые селекторы и т.д. ?
0 votes10 answers -
Выпадающее меню не работает в IE
Выпадающее меню не работает в IE. Во всех остальных браузерах выпадает. Помогите решить проблему. <div id='navbarmenuleft'> <ul id='nav'> <li><a expr:href='data:blog.homepageUrl'>Главная</a></li> <li><a href='#'>About</a> <ul> <li><a href='#'>Sub Page #1</a> </li> <li><a href='#'>Sub Page #2</a></li> <li><a href='#'>Sub Page #3</a></li> </ul> </li> <li><a href='#'>Services</a></li> <li><a href='#'>Portfolio</a></li> <li><a href='#'>Contact</a></li> …
0 votes7 answers -
Ссылка экзотической формы (не прямоугольная)
Доброго времени суток, уважаемые форумчане. Впервые постю в форум на htmlbook. Заранее прошу прощенья, если что-то не так. Поправьте, исправлюсь. Ставлю себе задачу, научиться делать ссылки произвольной формы . Действительно произвольной. При этом хотелось бы уметь отслеживать наведение курсора на ссылку, делать ее активной и т.д. Начну, пожалуй, с треугольников, трапеций и т.д., но в итоге хочу вот такую: (кусок бублика : ) Проблема: не знаю, с чего начинать. Гуглится задача очень тяжело, ибо результаты это геометрия для школьников со словами "ссылка на учебник" . Решение на уровне логики: мне в голову приходят два решения. 1) JavaScript с запрограммированным алгоритмом…
0 votes7 answers -
frD-Как отодвигать бокс
Доброго времени суток. Вот простенький сайт http://nwmost.ru/csstest/nd/index.html Вроде бы все нормально, но если кликнуть на "Прайс-лист", то видим, что если контент выходит за рамки, то получается белиберда. Подскажите: как сделать, чтобы нижняя полска отодвигалась под контент.
0 votes15 answers -
Неправильное отображение в Google Chrome
Добрый день! Не мог бы кто-нибудь подсказать в чем дело - сайдбар сайта отображается вполне нормально во всех браузерах, за исключением Google Chrome (да и то - на каких-то мониторах нормально, на каких-то нет) Проблема появилась буквально пару дней назад, до этого все было ок. Изменения в шаблоне сайдбара были минимальными. Сайт - uptracker точка ru Помогите пожалуйста! Заранее спасибо)
0 votes8 answers -
Расстояние между ячейками таблицы
Подскажите, люди добрые, можно ли имея несколько ячеек в таблице задать разное расстояние между ними? cellspacing устанавливает одинаковое, а если нужно разное? Спасибо
0 votes7 answers -
SSI при верстке shtml документов
Здраствуйте, недавно, при прочтении одной из статей посвящ?нной использованию SSI на citforum.ru, я решил использовать некоторые его элементы в сво?м проекте. Собственно эта темя является продолжение вот этой темы. Так как я не могу найти ту самую статью, то приведу код и основную идею. Идея заключается в том, что создаются несколько html файлов в которых прописываются некоторые переменые с помощью условий ( #expr var="" #echo var="" ), а в результирующем файле задаются значения этим переменным. Вот код: [b]_head.html[/b] <html><head> <title>Web Club Repository. <!--#echo var="TITLE" --></title> <meta http-equiv="Content-Type" con…
0 votes8 answers -
TEXTAREA и INPUT
Хочу оздать на своем ACER Acpire one простой редактор TEXTAREA. Над экраном в TABLE хочу разместить кнопки с буквами, с диакритиками, но вот на TEXTARE знаки не появляются. Даю вам код редактора вы же посудите в чем моя ошибка; <HTML> <HEAD> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8"> <TITLE>Ecran.htm</TITLE> <STYLE TIPE='text/css'> <!-- .but01 { font-size: 14; font-weight: bold; background: #4169E1; color: black; border-color: white; height: 20; } .but02 { font-size: 14; font-weight: bold; background: #c0c0c0; color: black; border-color: white; height: 20; } .but03 { font-size: 14;…
0 votes3 answers -
Блок остается на месте
В общем что имеем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="a"> <ul> <li></li> <li></li> <li></li> </ul> <div id="b"></div> </div> В каждом ли еще по ul с свойством display:none a - posytion:relative; b - posytion:absolute; bottom:0; Ну в общем стандартное меню. Теперь если задать ul-aм display:block во всех браузерах высота блока a увеличится, ну и соответственно блок b останется верен bottom:0 и уедет вслед за нижней границей. К сожалению ie6 так не делает, в нем не увеличивается блок a. А зна…
0 votes44 answers -
Как привязать выпадающее меню к событию нажатия кнопки?
Нашла анимацию гамбургер меню из трех полосок в крестик. Не могу понять как к нему прикрепить появление самого меню при нажатии. <nav class="nav"> <div class="nav__btn"> <a id="nav-toggle" href="#"><span></span> </a> </div> <ul class="nav__list"> <li> <a href="#" class="nav__link">Episodes</a> </li> <li> <a href="#" class="nav__link">Charact…
0 votes5 answers -
Как у параграфа “p”, выделить границы пунктиром через стили?
Здравствуйте, есть контейнер с id, мне нужно через стили выделить границы у всех параграфов “p”, которые встречаются в этом контейнере (пунктирной линией). Как это сделать?
0 votes6 answers -
Бегущая строка
Кто какие скрипты искользуют для бегущей строки или модули джумлы. <marquee> полная ерунда, дёргается тормозит и ещё конфлектует с раскрывающимся меню, если текст пробегает под ним оно сворачивается.
0 votes9 answers -
Ошибки в верстке по PSD-макету
Добрый день, ув. форумчане. Недавно проходил собеседование и получил тестовое задание. К сожалению, я интересуюсь программированием и в верстке был не силен, и потому не смог справиться с версткой по готовому PSD-макету. Мне сказали, что сверстано было вообще не по макету. Я очень прошу вашей помощи: оставляю ссылку на тестовый домен, где можете посмотреть результат работы, а так же ссылку на архив с самим макетом. Раскритикуйте мою работу, как можно более полноценно. Я очень жаждую устранить этот косяк и научиться качественно верстать сайты. http://test13.meximas.com/ тестовый домен https://drive.google.com/file/d/0Bxd4ns8xGZHtb1ljSkJDNUFTc0U/edit?usp=sharing архив Маке…
0 votes21 answers