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
29,542 questions in this forum
-
Можно ли при помощи css создавать встраеваемые блоки
Например, созданое на отдельной странице кнопочное меню в форме, "притянуть" с помощью css в html стриничку как отдельный блок. Заранее спасибо за помощь
0 votes6 answers -
Как в htaccess открыть html страничку?
Приветствую! Подскажите как в htaccess открыть страничку files.html ? ErrorDocument 400 / ErrorDocument 401 / ErrorDocument 403 / ErrorDocument 404 / ErrorDocument 500 / <IfModule mod_dir.c> DirectoryIndex index.html$ index.php </IfModule> <Files cron.php> deny from all </Files> RewriteEngine On RewriteRule ^$ index.php RewriteRule ^register$ index.php?id=add RewriteRule ^search$ index.php?id=search RewriteRule ^contact$ index.php?id=contact RewriteRule ^server-([0-9]+)$ index.php?id=info&serv=$1&info=$1 [NS] RewriteRule ^all_servers$ index.php?id=all_servers RewriteRule ^userbar-([0-9]+).jpg$ userbar.php?id=$1 RewriteRule ^server-([…
0 votes6 answers -
Отрицательный margin, Chrome
Добрый день. Есть такой сайт - http://arlite.dn.ua Во всех браузерах отображается нормально, в Хроме - косяки. Косяки в тех местах, где применялося отрицательный margin. Конкретно это 1) логотип на всех страницах (должен быть слева, по факту в центре) 2) на странице http://arlite.dn.ua/rus/aboutus/awards/certificates/ все меню. Конкретный кусок кода, использовавшийся в логотипе .head-container { height:705px; width:100%; background-color:#D2E4CA; } .head { width:1000px; height:705px; background: url('img/arlite-plant.jpg') no-repeat center; } .logo-container { width:280px; height:130px; margin-left:-750px; /* <———— Проблема здесь */ } <div …
0 votes5 answers -
Приоритет загрузки блоков
Доброго времени суток! Нужно решение такой проблемы... чтоб блок А грузился первым, блок С вторым, блок В третим. Собственно ситуация. ... <div id='fon'> <div id='content'></div> </div> ... #fon { backgroung: url('fon_v_polosku.jpg') repeat-y; width:900px; height:auto; } #content { backgroung: url('main_big_img.jpg') no-repeat; position:absolute; width:900px; height:auto; } ... По задумке #content накладывается на #fon (ширина у них одинаковая) При заходе на страницу fon_v_polosku.jpg грузится быстрее чем main_big_img.jpg Т.е. получается, что юзер при заходе видит "отрепитанный по Y" fon_v_polosku.jpg (который в таком виде не очень смотрится), а…
0 votes2 answers -
О фоне ссылок, всяких разных.
Вот так и бывает: показываю новичку, как надо правильно код менюшки писать, и попадаю в абсолютно глупую ситуацию, когда этот самый мой образец работает не совсем так, как ожидается. Вот образец. Суть в чём: у ссылки в различных состояниях (:link, :hover, :active, :visited) должен быть разный фон. Казалось бы, чего проще? Фоном картинку, содержащую три варианта, а для псевдоклассов меняем background-position. В общем случае всё работает как ожидалось, но: В Safari и Chrome игнорируется background для :visited. Используется тот же, что и для :link или вообще без псевдоклассов; В Firefox под Windows 7 фон для :visited работает, но при нажатии на ранее посещённые ссылки не …
0 votes26 answers -
Прокрутка в таблицах
Здравствуйте! Подскажите пожалуйста, можно ли сделать полосу прокрутки в ячейке таблицы. Если да, то как. Заранее спасибо.
0 votes5 answers -
Проблема с line-height в Firefox
Привет всем. Заметил, что в firefox выравнивание текста по baseline происходит отлично от других браузеров. Baseline не совпадает на 1px. Вот что я имею ввиду: Кто как с этим борется? Исходник на jsfiddle: http://jsfiddle.net/KtbDU/
0 votes2 answers -
Как сделать рамку вокруг строки таблицы?
Столкнулся с такой проблемой -- хочу сделать чтобы строки в таблице имели рамки снизу и сверху но не между ячеек. т.е. что-то типа такого: _________________________________ 232312 имя фамилия _________________________________ 342423 имя фамилия _________________________________ казалось бы что прощее -- указать в стилях для Но почему-то это не приводит ни к чему. Цвет строки можно изменить, а вот рамку именно вокруг строки, а не каждой ячейки в строке, не удается.... Что я делаю не так?
0 votes4 answers -
как сделать ссылку-изображение на php
Как сделать изображение-ссылку на php. Так не работает: echo "<a href='index.php?id=main'><img src="main.jpg"/></a>";.
0 votes6 answers -
Как вычислить бота?
Здравствуйте, товарищи!! Есть небольшой вопрос. Например, на форумах по типу Invision Power Board(типа нашего forum.htmlbook.ru) есть такая функция как "Определение поисковых ботов" - типа GoogleBot или YandexBot - как она реализована? Если я правильно понимаю принцип работы этой системы, то у каждого пользователя, обращающегося к форуму, проверяется IP-адрес, и, если он совпадает с IP-адресом GoogleBot'а или YandexBot'а, то боту просто выдается версия сайта для ботов(ну, или к примеру что-то другое - типа "Боты - дураки" :-) ). Я правильно понимаю? Или там какой-то другой метод - например, потому что у ботов может быть в разное время разный IP. Или, скажем, по рефферу вы…
0 votes5 answers -
Блоки налезают друг на друга
Собственно проблема в том, что DIV'ы лезут друг на друга. HTML: <!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" lang="en" xml:lang="en"> <head> <title>Alter Bridge Fan-Club</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <!--HEAD--> <div id="head"> <div id="hleft"> <table class="menu"> <tr> <td class="name">Навигация</td> </tr> <tr> <td> …
0 votes1 answer -
Подвал сайта "пожирает" страницу
Подвал сайта накладывается на содержание и право и левое меню _http://www.meeting.lv/service/about_us.php в ч?м проблема? Браузер IE 6
0 votes7 answers -
Параметр height100% + IE+doctype
Добрый день! У меня проблемка вот в чем (по форуму искал, 100% решения не нашел): Сама страница <html> <head> <title>homepage</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="leftcolumn" rowspan="6"></td> <td class="rightcolumn" colspan="7"> </td> <td class="top" rowspan="6"> </td> </tr> <tr> <td colspan="2"> <a href="#"><img src="images/homepa…
0 votes8 answers -
всплывающие элементы
добрый день! интересует вот такая тема. много где видел всплывающие блоки. вот тут, например, http://www.luchinsky.ru/overall/ при нажатии на ссылку в правом верхнем углу Сообщение, всплывает форма отправки почтой. Очень интересует конкретный пример. Пожалуйста, кто знает, расскажите подробно, как это делается? Заранее спасибо!
0 votes12 answers -
Проблемы с рамкой в Mozille и Opere
Рамка отображается неправильно в Mozilla и Opera (в IE работает нормально) ====================================================== <!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"> <title>Проблемы с рамкой в Mozilla и Opera</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" cols="3"> <tr> <td width="12" height="12"><img src="img/ram-1.gif" width="12" height="12" border="0" alt=""></td> <td height="12" background="img/ram-2.gif"&g…
0 votes6 answers -
Проблема верстки только в Firefox
Дело в следующем: при наведении на пункт меню, над ними появляются иконки. Вот демка: http://videostroy.com/ Во всех браузерах кроме Firefox иконки отображаются верно. Каждая последующая иконка отсчитывают координату X от предыдущей. И только в Firefox отсчет ведется от начала блока. Помогите решить проблему пожалуйста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.link1').hover(function() …
0 votes6 answers -
Трехколоночный макет
Решил сделать верстку слоями с помощью плавающих элементов. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <title>Hellow world!</title> </head> <body style="margin:0; padding:0"> <div style="width:200px; padding:0; margin:0; height:100px; background-color:green; float:left; color:yellow;"> Первый </div> <div style="width:200px; height:100px; background-color:red; float:right;"> Третий </div> <div style="height:100px; background-color:blue; color:white;"> Второй </div> </body> </html> Все бы ничего да в ИЕ между средним слоем и двумя другими образуют…
0 votes3 answers -
что-то я затупил %)
господа такой вопрос нежданно возник.. имеем трехколоночную верстку (иллюстративно): <div style="width: 300px; float: left;"> /* тут какой-то контент, пусть пикселей 300 в высоту */ </div> <div style="margin-left: 300px;"> <div style="float: right; width: 300px;"> /* тут еще какой-то контент, пусть 400 пикселей в высоту */ </div> <div style="margin-right: 300px;" /* центральная колонка и о ней собссна и речь */ <img style="float: left;" src="xxx.gif" /> <p>blah blah blah blah blah blah blah blah blah blah .... blah</p> <div> <a href="#">…
0 votes10 answers -
Обосновано ли использование JavaScript
У меня есть вопрос. Обоснованно ли использование JavaScript, ведь в его использовании существует множество минусов?
0 votes8 answers -
IE 6 неправльно считает абсолютные координаты
Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись
0 votes16 answers -
Неправильно определяется разрешение экрана
Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…
0 votes2 answers -
footer
Что тут не так? Уже голова разболелась. В ИЕ не хочет опускаться
0 votes5 answers -
Измененный календарь
Что нужно: чтобы на странице отображался день недели, число, месяц и год, а также праздники. Проблемы: календарь нестандартный и потому количество, название и содержание месяцов изменено, также есть дни невходящие ни в какие месяца.
0 votes18 answers -
Перенос трок в теге <pre>
Удобно использовать тег , потому что не надо втыкать бесконечное количество переносов строки (там где это нужно)Но проблема заключается в том что если какаето строка сама по себе оч длинная , то и ширина блока создаваемого этим тегам оч длинная(по ширине строки) что растягивает дизайн там где это не нужно .... Подскажите - возможно ли задать фиксированную длину этого блока и если строчка длине, то производился бы перенос на новую строку ( как допустим в div происходит)
0 votes9 answers -
Позиция текста около checkbox
Привет всем! Как можно при следующей верстке сделать текст "по центру" от чекбокса? <label><input type="checkbox" value="0" name="choice[0]"> Вариант 1</label> Пробовал прописать label { padding-bottom: 4px; } label input { margin-bottom: -2px; } Сейчас выглядит так: P.S: Попробовал label input {float: left} — работает. Но не хотелось бы делать лишние плавающие элементы.
0 votes4 answers