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
-
Help with div+css
Я новичок в DIV вёрстке и всё никак не могу понять как мне сверстать такой блок: (на скрине он сделан в виде таблицы (table), с помощью неё я легко делаю) А вот с DIV+CSS у меня пока что проблемы. Если кому-нибудь не лень, напишите стили и div-конструкцию для такого блока (ширина блока 380px, а высота по мере увеличения текста, в середине bg:#fff). Вот все изображения: Углы [верх-лево, низ-лево , верх-право, низ-право - (6x6px)] Верх и низ [верх, низ - (1x6px)] Лево и право [лево, право - (6x1px)] Помогите пожалуйста, только на этом застопорился и ничего поделать не могу, всю ночь сидел втыкал
0 votes38 answers -
border и outline
Посмотрите правильно ли я понял. Вот когда пишешь свойство border, то рамка появляется вокруг содержимого, а когда пишешь outline, то рамка появляется внутри содержимого. Я правильно понял? Зелёный цвет это граница дива.
0 votes10 answers -
z-index. Как же быть?
Здравствуйте! Появилась интересная задача со свойством z-index. На сайте есть выпадающее меню (JS), и без применения этого свойства, выскакивающая менюшка попадает в аккурат под слой в котором висит основной контент сайта в браузерах IE6-7. Чтобы пофиксить етот злощщастный баг мне посоветовали заюзать z-index. На меню значит поставили максимальное значение. а на слой с контентом -1, потому что если поставишь 0, то в осле проблема не исчезает. И взаправду в осликах проблема решилась. Заглянул в оперу, а там исчез контент. Потому что У каво какие будут мнения?
0 votes9 answers -
Сайт без Админки. (Только HTML и CSS)
Добрый день всем. Подскажите начинающему... Какие минусы сайта без админки (без движков)... Чистый HTML и CSS, и возможно флеш вставки... Безопасность сайта в таком случае нулевая??? Какие основные минусы, кроме неудобства наполнения контентом?
0 votes7 answers -
Условные комментарии в IE
Не получается добавить для IE отдельный стиль, делаю примерно так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="all-ie.css" /> <![endif]--> </head> IE на него просто не реагирует... Где ошибся?)) Кстати вот так работает: *+html #subtop{ /* 7-й IE */ padding-top:5px; } * html #subtop{ /* 6-й IE */ padding-top:5px; } Однако хотелось просто одно общее свойство для всех IE создать...
0 votes15 answers -
Кодировка
Пытаюсь освоить CMS MODx, хотя и фундаментальных знаний пока не хватает. Вопрос вот в чем: В настройках CMS указана кодировка utf8, в коде страницы тоже utf8 <!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" xml:lang="ru" lang="ru" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <title>Realistic</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="/assets/templates/var2/styles/layout.css" type="text/css" /> &…
0 votes6 answers -
Текст на картинке
Собственно такой вопрос, вот сайт: http://aquakop.ru/ , в header изображение и на нём номера телефонов, надо сделать так, чтобы номера телефонов были текстом,а не картинкой. (с изображения могу стереть номера, есть исходники) Вот style: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2015/02/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; min-width: 940px; height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование…
0 votes24 answers -
Проигрывание AAC на веб-страницах
Всем привет . Как говорится в ваших правилах, сразу указываю свой сайт: http://russianquaker.ucoz.ru А дело вот в чём. Я размещаю на своём сайте разные музыкальные треки, если точнее, то демо-отрывки и с низким битрейтом в онлайн-прослушивании, т.е. исключительно для ознакомления здесь и сейчас (а пользователь далее сам решит, искать ли ему остальное творчество артиста или нет, тем более необходимые ссылки привожу...). Я упомянул про низкий битрейт, а раз для ознакомления здесь и сейчас, значит очень низкий битрейт. И тут столкнулся с одним нюансом. Мне кажется, тема довольно-таки популярная должна быть, но однозначного решения я так и не нашёл, поэтому прошу вашей помощ…
0 votes9 answers -
Вопросы новичка
Всем привет! 1. Есть ли какие то стандарты по написании атрибутов в тегах и в CSS, например по алфавиту? 2. Чем отличаются классы и идентификаторы в CSS? Что и в каких случаях лучше использовать?
0 votes24 answers -
Резиновый блок с текстом. Как сделать?
Сверстал полностью резиновый шаблон по высоте и ширине для разрешения экрана от 1000 пикселей. Но вот незадача: главную задумку - сделать резиновым блок с текстом (с автоматической полосой прокрутки) никак не получается. Вот как должен выглядеть блок под разрешением 1280*1024: Выкладываю пример с версткой и с фиксированой шириной текстового блока: http://ooopri.pavelzheglov.ru/
0 votes17 answers -
Ошибка присоединения стиля
У меня незначительная ошибка в строке присоединения стиля <link href="style.css" rel="stylesheet" type="text/css" /> ... он подсвечена волнистой красной линией... Вот перевод ошибки, добрые люди помогли, но смысла так я и не понял.... Файлы, содержащие ошибки: Z: \ \ домой phpsite \ WWW \ php_1 \ Администратор \ add_deyatel.php Файл Z: \ \ домой phpsite \ WWW \ php_1 \ Администратор \ add_deyatel.php (Вернуться к Index) Ошибка Найдено 1 ошибки во внешних CSS-файлов Microsoft Internet Explorer 5.0, Microsoft Explorer Интернет 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0 линии 26 <link href="style.css" rel="stylesheet" type=…
0 votes17 answers -
Смена цвета при наведении
Добрый день, до изучения верстки всегда привлекало внимание на главной странице у Лебедева - design.ru / artlebedev.ru логотип(сверху, справа), при наведении на него меняется цвет, причем сколько раз навести столько и поменяется. Объясните новичку как это сделать в рамках html и css? Спасибо.
0 votes6 answers -
как реализовать такое навигацыонное меню
вот решил сделать такое меню но немогу реализовать чтоб в рамках были фотографии(картинки)при нажатии на которые вызвалась загрузка требуемой страницы! у кого какие идеи? помогите! это для ucoz сайта
0 votes9 answers -
Fontsquirrel пометил шрифт пиратским. Как быть?
Здравствуйте. Скачал шрифт Cambria. Попробовал создать семейство шрифтов в разных форматах на fontsquirrel.com и получил, что шрифт в черном списке. Чем можно еще сгенерить семейство шрифтов в разных форматах на базе truetype шрифта?
0 votes5 answers -
Правка формы заказа на сайте
Добрый день! Полагаю, что мой вопрос совсем "детский", но прошу помощи, мне в силу возраста самой сложно разбираться в верстке. Буду очень признательна за помощь! Собственно проблема: через скрапбук я скопировала сайт, в файле index.html возникла необходимость поменять форму заказа, чтобы при заказе данные приходили ко мне на почту. Нашла order-section в файле, но непонятно, как именно вносить правки, в поле action стоит значение action="http://vip.fly-bra.com/order" Как сделать так, чтобы во внешнем виде формы не поменялось ничего (в т.ч. и таймер, "зашитый" внутрь нее), кроме, собственно, адреса отправки данных... Спасибо заранее! P.S.: прикрепляю сам ind…
0 votes7 answers -
frD-Как сделать, чтоб таблица тянулась по высоте на 100 %
сверстал шаблон для joomla сначало в html, чтоб таблица тянуласть по высоте на 100% и не было отступов от границ броузера. <html> <head> </head> <body> <table width="780" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="539" height="151"><img src="images/1.jpg" width="539" height="151" /></td> <td width="241" height="151"><img src="images/4.jpg" width="241" height="151" /></td> </tr> <tr> <td width="539" height="46"><img src="images/2.jpg" width="539" height="46" /></td> <td width="241" height="46" align="center" background="images…
0 votes1 answer -
Проблема с версткой в IE
Добрый день! Пожалуйста помогите разобраться с проблемой в css для браузеров IE. Сайт корректно отображается в FIREFOX, OPERA, CROME а в IEXPLORER блоки налезают друг на друга.... верстка блочная, делал фрилансер которого сейчас уже не найти, поэтому надеюсь на вашу помощь. Вот ссылка на сайт - главная страница, блок новостей...
0 votes12 answers -
Как создать таблицу в БД?
Пытаюсь создать таблицу в БД с помощью РНР Myadmin, но ничего не получается. Вроде бы делаю вс? по книге, но у меня постоянно выдаются сообщения об ошибках. SQL-запрос: CREATE TABLE `users` ( `login` VARCHAR( 20 ) UNSIGNED NOT NULL AUTO_INCREMENT , `password` VARCHAR( 10 ) UNSIGNED NOT NULL AUTO_INCREMENT , `E-mail` VARCHAR( 50 ) UNSIGNED NOT NULL AUTO_INCREMENT , `vopros` VARCHAR( 100 ) UNSIGNED NOT NULL AUTO_INCREMENT , `otvet` VARCHAR( 100 ) UNSIGNED NOT NULL AUTO_INCREMENT , PRIMARY KEY ( `login` , `password` , `E-mail` , `vopros` , `otvet` ) ) А вот сообщение об ошибке: Ответ MySQL: #1064 - You have an error in your SQL syntax; check the manual that correspon…
0 votes12 answers -
Расположение полосы прокрутки
Как сделать скрол бар по вертикали??? <td rowspan="2"><div style="width:50px; height:50px; overflow: auto;">...</div></td>
0 votes10 answers -
сделать изменяемую страничку
Здравствуйте уважаемые форумчане ) я даже не знал как вопрос поставить что бы поискать.. в опере как то давно понравилась менюшка пустой странички.. там где 3х3 квадратика, заменяемые при клике на картинку с нужной ссылкой. решил сделать попроще в обычном хтмл.. просто многда на работе скучно и я этим себя развлекаю.. иногда для студенток делал простенькие сайтики.. и часто пользовался сайтом хтмлбук. отличный сайт! гранд спасибан за негО!! так вот теперь пишу сюда, потому что не знаю как даже и что поискать в ответ на вопрос. вот страничка: http://mike-s3.narod.ru (исправил этот пост..) так вот чего хочу же я - хочу сделать миникнопочки типа сменить и удалить у каждой сс…
0 votes16 answers -
Pixel Perfect для Mozilla 6.01
Здрвствуйте! При установке 6-ой Mozilla столкнулся с проблемой того что в ней не работает дополнение "Pixel Perfect"! Подскажите кто знает существует ли какой нибудь выход в данной ситуации? Возможно есть какая нибудь альтернативная программа для точной сверки положения макета относительно верстки! P.S. Буду признателен за любые ответы...
0 votes15 answers -
Зациклить анимацию картинки css
Добрый вечер , подскажите пожалуйста , как зациклить анимацию картинки , что бы она плавно увеличивалась и уменьшалась до тех пор пока не навести на неё курсор ? Есть такой код css <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /opacity: 0.7;/ margin: 0 0px 0px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); b…
0 votes4 answers -
Как узнать реальную высоту в пикселах шрифта(точнее заготовки)?
Дело вот в чем: Хочу вывести на рисунке надпись и ее зеркальное отражение под ней. Все бы хорошо, но при том, что указываю один и тот же размер на разных шрифтах, реальная высота меняется. А смещения, наклоны считаются исходя из указанного размера высоты. Все работает, но с подгонкой смещения для какого-либо одного из шрифтов. Вопрос: Как можно узнать высоту заготовки, на которой расположен шрифт? Все делаю на ASP. Заранее спасибо!
0 votes1 answer -
как отцентровать вложеный объект?
Привет, All! на страничке реализовано выпадающее меню (CSS) перекрывающее flash элемент но столкнулся с тем что теперь не могу отцентровать flash подскажите как правильно это реализовать не удаляя строки <div align="center" style="position:absolute; z-index:1"> <table> ... <tr align="center"><td> <div align="center" style="position:absolute; z-index:1"> <embed src="my.swf" wmode="opaque" /> </div> </td></tr> </table> спасибо
0 votes5 answers -
Растянуть <div> по-вертикали и еще кое-что
Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так. Итак, вот что мне нужно сделать: Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент) Контент динамичный, то очень много, то совсем ничего. Также header высотой 90px; И footer высотой 90px; footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали) И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer. Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js? Ре…
0 votes5 answers