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 в td
Подскажите пожалуйста, как сделать следующую вещь: <table> <tr> <td style="height:100%"> <div class="1"> </div> <div class="2"> </div> </td> </tr> </table> Оба дива фикс. ширины и высоты, необходимо чтобы один был прибит к полу td, а второй к потолку. Вставлять внутрь ещ? одну таблицу не хочется..
0 votes9 answers -
SELECT + TITLE или подсказки в выпадающем меню
Доброго времени суток. Подскажите, как реализовать подсказки в выпадающем меню select'a Цель: прин аведении на список выбора, над каждой опцией всплывает подсказка. P.S. AJAX не желателен... Можно как то через номера опций вывести подсказки?
0 votes4 answers -
head Бездомный конечный тег head
Доброго времени суток! Появилась проблема, браузер ругается на "бездомный конечный тег head", хотя его начало есть. Притом доходит до абсурда, пробовал найти ошибку, постепенно удаляя строчки кода, в итоге остались только доктайп и, собственно, сам head. Если написать всё заново, то проблемы нету. Прикрепляю файл с ошибкой сюда. P.S. Проверял через FireFox new 1.htm
0 votes7 answers -
выравнивание изображения в ячейке
добрый день. подскажите, пожалуйста. есть таблица, с ячейками 200х200 пикселей. в каждой ячейке должна быть картинка, с высотой 200 и разной шириной. ячейка при этом должна сохранять ширину 200. короче надо чтоб в ячейке отображались только 200 пикселей из середины картинки. т.е. чтоб картинка выходила за края ячейки. в общем выглядеть должно так: http://500px.com/Senecarus
0 votes7 answers -
Валидатор что-то хочет
Вот "This page is not Valid XHTML 1.0 Strict!" я не понимаю что он хочет (в обоих случаях он выделяет жирным ковычки:
0 votes3 answers -
для чего нужен тег iframe
Подскажите, пожалуйста, для чего нужен тег iframe. В каких интернет-технологиях или просто ситуациях его надо применять? Ещё интересно, как он поддерживается браузерами и стандартами w3c. К примеру, могу ли я делать сайты на XHTML Transitional и применять этот тег в вёрстке? Что такое фреймы и как они позволяют в одном окне браузера отображаться разные документы, я вполне представляю, так что про сами фреймы мне не надо объяснять.
0 votes10 answers -
Вопрос по перекатываниям
Всем привет,у меня такая ситуация:решил сделать кнопки с эффектом перекатывания,но через CSS и с помощью идендификаторов,с JS ещ? не знаком,так вот первые две кнопки отображаются нормально,но когда я делаю третий идентификатор с указанием картинки и функцией hover,то кнопки изчезают,в ч?м дело?Буду очень благодарен за ответ. Вот код: A#rollover{ background: url('Глава1.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; left:140px; top:20px; } A#rollover:hover{ background: url('Глава1(актив).gif') } A#rollover2{ background: url('Глава2.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; l…
0 votes15 answers -
холочу что бы правильно отображался текст
ребята привет есть пару надписей на странице ... написанно тестом Futura LighC, но так как в этом шрифте буква R не красивая, я заменил ее написал ее другим шрифтом AGA valache C .. вс пока готов в фотошопе - макет страницы.. ВОПРОС: - если у человека который зашел на эту сраницу нету такого шрифта, как оно отобразится ? - как сделать так что бы если даже нету шрифта, оно показывало так как я задал ? спасибо за ответ
0 votes52 answers -
Что такое st1:metricconverter?
Нестандартный тег. И все же встречается. Откуда он возник?
0 votes8 answers -
Gulp, с чем его едят?
Добрый день. Прошу помочь разобраться с этим зверем. Js знаю на уровне написания скриптов на jquery. Что пока есть. Установил Node, gulp. В папке с проектом создал папку dev, в которой храню less,js исходники bootstrap. (Bootstrap просто взял чтобы поучиться настраивать gulp) Задача состоит вот в чем. Хочу чтобы less файлы объединялись в один, затем конвертировались в css, прогонялись через autoprefixer минимизировался и сохранялся в папке /css/min.css Так же и js, но с этим думаю справлюсь как пойму принцип. Так же вопрос насчет плагинов, нужно их самому ставить если стоит npm? Допустим вот исходный файл gulpfile.js var gulp = require('gulp');gulp.task('css', func…
0 votes6 answers -
распределение дивов
Вопщем такой вопрос созрел: надо сделать из 4 дивов которые выводятся друг за другом, что бы при сжимании окна браузера они смешались вниз тока по 2, а не по 1-ому. <div style="float:left; width:200;">12345</div> <div style="float:left; width:200;">123456</div> <div style="float:left; width:200;">1234567</div> <div style="float:left; width:200;">1234578</div> Может кто уже делал что-то подобное, помогите плиз!) {...перенесено "Слои" kiD}
0 votes14 answers -
Как Убрать Свободное Пространство Между Таблицей И Окном Браузера?
Подскажите, пожалуйста, как убрать свободное пространство между таблицей и окном браузера? Заданы параметры: width=100%, height=100%. Возможно ли это сделать?
0 votes6 answers -
различия CSS между IE и OPERA
Народ, помогите разобраться. Фоновая картинка в таблице прописана в CSS в отдельном файле. IE показывает все нормально, а opera не видит фоновую картинку. Что интересно, index.html состоит из трех таблиц, в каждой таблице есть фоновая картинка, которая прописана во всех трех таблицах одинаково, только в первой и в третьей таблице фон грузится, а в середине нет. Может кто сталкивался с такой проблемой? Причем не грузится тока в Opere.
0 votes21 answers -
Не работают внешние таблицы стилей
Здравствуйте. Такая проблема. При выносе стилей в отдельные файлы с расширением .css они перестают работать в документе. Как только переношу код из файла назад в тег style всё снова работает. При том что javascript, подключаемый также из внешнего файла, работает нормально. Заранее спасибо за помощь Вот часть кода страницы и далее содержимое файла header.css: <DOCTYPE html> <html> <head> <link rel="stylesheet" type=”text/css” href=”../global/styles/header.css” /> </head> <body background="../global/images/bg1.png" text=black link=blue vlink=923b8b> <div id="header"> <table width=1280 align=center border=0 cellspacing=0 cel…
0 votes5 answers -
css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока?
https://jsfiddle.net/9a47rddr/ При наведении мыши - нет проблем. А можно ли средствами css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока? Или без js не обойтись :(?
0 votes2 answers -
Картинка напротив сайта в поисковике!
Подскажите код для того, чтобы при выдаче поисковиком (например яндексом) слева от текста была картинка. и код для добавления сайта в избранное. Спасибо!
0 votes16 answers -
горизонтальное выпадающее по клику меню на CSS
Возможно ли такое сделать? как здесь http://megaweb.su/demo/click_menu/megaweb.su.html но без использования Javascript.
0 votes8 answers -
Как растянуть div по высоте родительского элемента?
Всем привет! Собственно, у меня есть три колонки, две с фиксированной шириной по краям и одна в центре занимает все остальное пространство. Div#center служит для того, чтобы сделать границы между боковыми колонками и центральной. В нем находится заголовок и еще один div.content с границей по краям, при чем у заголовка границ быть не должно. Границы div.content соединяются с картинкой в td#content_footer, но только когда центральная колонка больше по длине, чем две соседние. Подскажите, как можно сделать так чтобы границы div.center примыкали к картинке в td#content_footer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/…
0 votes3 answers -
автоматическая ширина
Предположим есть 3 колонки в контентной части макета не важно какие, но для примера код html <div id="middle"> <div id="container"> <div id="content"> Content: </div> </div> <div class="sidebar" id="sideLeft"> Left Sidebar: </div> <div class="sidebar" id="sideRight"> Right Sidebar: </div> </div> css #middle { width: 100%; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 320px; } #sideLeft { float: left; width: 300px; margin-left: -100…
0 votes15 answers -
Правильное подключение Media Queries
Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чут…
0 votes2 answers -
Кнопка Сделать Стартовой
Подскажите пожалуйста какой адрес надо написать для кнопки чтоб при нажатии на нее моя страница делалась стартовой.
0 votes9 answers -
Как совместить в одной ссылке несколько атрибутов rel?
Есть на сайте ссылка-картинка на профиль G+, в ней три атрибута rel: <a rel="me" href="https://plus.google.com/u/0/105.....8276?rel=author" rel="nofollow" target="_blank"> <img title="Добавиться в Google+" src="http://..../gplus.png" alt="Google+" style="border:0;width:32px;height:32px;"/></a> мне кажется что атрибут rel="nofollow" в этой ссылке не работает, так как она вроде бы определяется как открытая к индексации. Можно ли ставить несколько атрибутов rel в одной ссылке, будут ли они работать и как это сделать правильно?
0 votes9 answers -
Подскажите, как изменить размер элемента "radiobutton" в стилях?
Когда меняю размер следующим образом, то все работает <input type="radio" class="radioBtn" style="width:250px; height:250px;"name="sel" id="sel_adr">Но когда так же делаю через стиль, то почему-то не работает. В чем может быть причина? .radioBtn { width: 250px; height: 250px;}<input type="radio" class="radioBtn" name="sel" id="sel_adr">
0 votes6 answers -
Валидатор выдает ошибку
Доброго дня! Подскажите пожалуйста ответы на пару вопросов. 1. Валидатор выдает ошибку такую: td.stran Parse Error { background-image: url("/images/04.jpg"); BACKGROUND-POSITION: left top; background-repeat: no-repeat; background-color: #ffffff;} И также при таком коде в Мозиле и Опере эта фоновоя картинка не отображается! 2. Также Мозила не понимает следующий код: td.kontakt { font-size: 10pt; color: #f5f5f5; background-color: #89B2A3; text-align: center; font-weight: bold; } В IE и Опере все ок. Заранее всем спасибо!
0 votes12 answers -
div блок по центру
как сделать этот блок по центру CSS: * { margin:0; padding:0; } #form_comment { border:2px solid #333; color:#333; font:14px bold Verdana; position:absolute; padding:5px 10px; margin:20px; } #form_comment * { margin:4px auto; } .enter_email { width:200px; border:1px solid #707070; } .enter_message { width:400px; border:1px solid #707070; } .enter { width:150px; height:30px; float:right; text-transform:uppercase; } HTML: <div id="form_comment"> <form action="#" method="post" name="addcom"> <p>Ваш email:</p> <p><input name="email" type="text" class="enter_email" /></p> <p>Ваше сообщение:</p&…
0 votes30 answers