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
-
Параметр min-height vs table
Доброго времени суток. Подскажите какойто способ как заставить жеватся параметру Min-height из таблицы в FireFox
0 votes3 answers -
Организация верстки большого проекта
Товарищи, у кого есть опыт верстки больших проектов поделитесь. Обрисуйте примерную схему организации многостраничных проектов, когда много-много изображений всяких, как лучше стили писать, камни подводные и др.
0 votes10 answers -
Прилепить изображение неподвижно
Есть сайт: В углу есть элемент: #rul{ position: absolute; z-index: 20; } <div id="rul"><img src="/images/rul.png" /></div> в хеадере. Как сделать так, чтобы при изменении разрешения монитора, руль оставался прижатым к левому краю, но тень ложилась ровно на белый лист (края тени и края листа должны совпадать)?
0 votes16 answers -
Вопрос по RewriteRule в .htaccess
Здравствуйте,у меня есть ссылка вида http://localhost/mysite/tinyurl/go.php?url=77 ведущая на скрипт укорачивания ссылок,ее нужно преобразовать через .htaccess в http://localhost/mysite/tinyurl/go.php?id=77 Файл .htaccess лежит в http://localhost/mysite/tinyurl/ ,в нем я пробовал писать следущие варианты: RewriteEngine On RewriteRule ^url=([0-9A-Za-z]+)/?$ /tinyurl/go.php?id=$1 [L] RewriteEngine On RewriteRule ^url=([a-z0-9]*) /tinyurl/go.php?id=$1 [L] RewriteEngine On RewriteRule http://localhost/mysite/tinyurl/go.php?url=([0-9A-Za-z]+)/?$ http://localhost/mysite/tinyurl/go.php?id=$1 [L] RewriteEngine On RewriteRule http://localhost/mysite/tinyurl/go.php?url=([a-z0-9]*) …
0 votes1 answer -
чем выравнивать <th>
Всем доброго времени суток! появилась задача оформить одну страничку... /* Сайт уже сделан,не мной. Мне доверили только поправить оформление. Сам в этом деле новичок, учусь только... */ Вроде привел к более приятному виду, но никак не выровнить <th>Комментарий</th> по одной линии. Пробовал править в style.css: position, float, margin, text-align(выравнивал по правому краю), но даже при тщательной подгонки чтонить да прыгало по странице...и при смене разрешения монитора все сбивалось... чем выравнять можно??? Так выглядит страница: Это выводит firebug: thead th { border-bottom:3px solid #CCCCCC; padding-right:1em; text-align:left; } Заранее благодарен за п…
0 votes11 answers -
Мешают пробелы в коде
Иногда складывается такое положение, что пробелы и переносы находящиеся в хтмл-коде при выводе сбивают вёрстку. Например Выведется два рисунка плотно прилегающие друг к другу Выведется два рисунка с небольшим промежутком между ними. Промежуток возникает из-за того на вывод попадает пробел/перенос, находящийся в коде между тегами <img> Вопрос: можно ли как-то предотвратить вывод пробелов/переносов, не убирая их в коде? Т.е. сделать чтобы теги в коде располагались как во втором примере, а промежутка между рисунками не возникало?
0 votes3 answers -
Выделяется строка таблицы
Здравствуйте. Уважаемые гуру скажите как можно организовать. Есть таблица состоящея из нескольких строк. Там 5 колонок. 2 колонка картинка. 3 колонка ссылка. Нужно сделать так что бы при наведении на строку картинка менялась на другую, весь текст и ссылка становились красными. Понимаю как сделать для одной картинки по средством css и с помощью :hover ____________________________________________________________ | | | | | |картинка | текст | ссылка | текст | |___________|______________|______________|_________________| | …
0 votes5 answers -
Проблема с таблицами
Короче верстаю на таблицах с дивами, у меня проблема, В общем есть ячейка размером 201х701 пикс. я туда вставляю картинку размером 201х268, и вторую таких же размеров 201х268, проблема в том что мне и отступов не сделать, и не поставить их наверх, стоят обе на середине. Пробовал margin, padding, background-position:top center ничего не помогает, не могу понять, там же еще есть место, остается 133 пикс. Короче вот скрин http://s005.radikal.ru/i209/1007/39/5581b70a21c8.jpg Вот видите где стоят обе картинки, и их не сдвинуть, получилось только тогда, когда ( там где на 2-ой галочки снизу) ввел пустой див в размерами, позволяющеми заполнить все это пустое пространство. <t…
0 votes12 answers -
Таблицы сильно тормозят браузер?
Всем привет. Мне тут понадобились элементы типа кнопок с закругленными концами, я все сделал с помощью таблиц. Первая и последняя ячейки картинки, по центру контент. Кнопок таких достаточно много на странице. Может имеет смысл вместо таблиц использовать что то другое? я просто полный новичок и мне с таблицами проще пока работать, а на других сайтах вижу что дивы / списки и проч. хрень используется. И еще один вопрос. У меня есть таблица на весь экран, когда размер окна меняется, я удалаю/добавляю к ней новые столбцы/строки по необходимости. Как то притормаживает это, есть ли возможности сделать подобное на дивах? Спасибо большое за помощь
0 votes8 answers -
Как (в данном примере) понять изменения размера-фона контейнера при наличии у него рамки и без оной?
body { background: #474747; margin: 0px; padding: 0px; font-family: verdana; color: #000; } #container { background: #9cf; position: relative; margin: 0px auto; padding: 0px; width: 700px; border: 1px solid #fff /* !—РАМКА ТУТ!*/ } /* header ———————————————-- */ #pageHeader { height:100px; background: pink; } /* text ———————————————-- */ p { font-size: 12px; line-height: 16px; margin: 0; } h6 { margin-left: 0px; margin-right: 0px; margin-top: 24px; margin-bottom: 24px; } Значения для заголовка h6 вписал только для наглядности - это его дефолные значения вычесленные мной опытным путем. Собственно вопрос в том, что при наличии рамки у контейнера поле margin-top: 24px…
0 votes7 answers -
html/css в месенджере
Здравствуйте. Существует некий месенджер miranda im, который для отображения сообщений может использовать IE. Например, это может выглядит так Я же хочу, чтобы в сообщении фон был не сплошной, а только под текстом как тут Вот кусочек кода, отвечающий за входящее сообщение <!--MessageIn--> <div class="main tlo_white"><div class="content"> <div class="header"> <div class="time"> <table cellspacing="0" cellpadding="0"><tr> <td class="name_l"> </td> <td class="time_m">%time%</td> <td class="name_r"> </td> </tr></table> </div> <div class="name"> …
0 votes0 answers -
Фон на всю ширину
Доброго времени суток, товарищи. Есть вопрос: как растянуть фоновое изображение на всю ширину экрана? Как это сделано, например, на lostfilm.tv? Направьте, пожалуйста, хотя бы в какую сторону копать.
0 votes4 answers -
проблемма с картинкой
Здравствуйте! я создал картинку для сайта и хотелось бы что-б она на разных экранах была одинаковой что-бы не было прокрутки в бок на более меньших экранах! помогите разобратся в CSS коде для картинки.
0 votes6 answers -
Раскрывающийся список и checkbox в форме?
Привет ребята! Помогите мне разобраться с такой вот формой:
0 votes7 answers -
опять меню
Всем привет, такое дело, в меню при выделении скачут буквы, как это исправть, вот код ul.menu{ margin:0; padding:0; } ul.menu li{ display:inline; padding:3px; margin-right:5px; } ul.menu li a{ color:#000000; font-family:Georgia; font-size:14px; } ul.menu li a:hover{ color:#000000; font-family:Georgia; font-weight:bold; } <ul class="menu"> <li><a href="#">О стране </a> |</li> <li><a href="#">Справка туриста</a> |</li> <li><a href="#">Что посмотреть</a> |</li> <li><a href="#">Развлечения</a> |</li> <li><a href="#">Кухня</a> |</li> <l…
0 votes10 answers -
Простой вопрос по псевдо-классам
Удивило странное повидение "правильных" браузеров. Имея вот такие пожелания, записанные в CSS файле a:link {color: blue;} a:visited {color: perple;} a:hover {text-decoration: underline;} немогу получить желаемого от FF или Chrome - а именно добиться подчеркивания при наведении и изменения цвета посещенных ссылок, кстати если к hover присвоить цвет, то это в отличие от подчеркивания работает. Как это ни странно повидение IE6 в данном случае напротив предсказуемо - цвет посещенных ссылок меняется, подчеркивание работает. В чем моя ошибка? совершенно не понимая причину проблемы прикрепляю код примера: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://ww…
0 votes9 answers -
button и IE - проблема
Вот сайт недвижимости на котором есть кнопки (см. над дипломами), вот код который там используется: <p style="text-align: center;"> <a style="text-decoration:none; font-family: Helvetica, Tahoma, Arial, serif; font-size: 14px; height: 100%;" href="http://aktiv-plus.com.ua/realestate/index.html?i=60&lg=1&nedv=21" title="Куплю квартиру в Житомире"><button>Куплю квартиру в Житомире</button></a> <a style="text-decoration:none; font-family: Helvetica, Tahoma, Arial, serif; font-size: 14px; height: 100%;" href="http://aktiv-plus.com.ua/realestate/index.html?i=60&lg=1&nedv=21" title="Куплю дом в Житомире"><button>Куплю д…
0 votes4 answers -
Fixed внутри absolute
<div style="position: absolute; top: 100px; left: 100px; height: 100px; width: 100px; overflow: auto; background-color: #f00;"> <div style="position: fixed; top: 0; right: 0;">X</div> </div> Вот такой вот код. Absolute внутири absolute и внутри relative работает как следует, вот fixed почем-то не так. Задача в том, чтобы крестик был всегда в правом верхнем углу блока с абсолютным позиционированием. Как такого можно добиться?
0 votes8 answers -
Анимированный баннер с переходами по разным ссылкам?
Здравствуйте! Подскажите, пожалуйста, как сделать анимированный баннер, чтобы в нём было несколько картинок, каждой из этих картинок соответствовала своя ссылка, ведущая на конкретный раздел сайта, пример: www.1c-bitrix.ru ?
0 votes10 answers -
Помощь с IE6
Здравствуйте, у меня такая проблема в ие6 - есть блок 1280-1024 в нем еще 3 блока отцентрированы и маргинами расположены где надо по сторонам что бы в итоге получалась цельная картинка из 3 бакграундов. У родительского блока стоит свойство overflow:hidden. суммарная ширина 3 дочерних блоков 1280 при сужении родительского блока во всех остальных браузерах блоки центрируются и скрываются по краям. В ие6 при ширене экрана 1280рх появляется полоса прокрутки которой быть не должно. Как сделать что бы она появлялась только при ширене 1024рх??? Зарание благодарен за ответ.
0 votes7 answers -
Почему не поднимается тиц у сайта?
У меня есть качественный сайт с уникальными текстами, который размещен на яндекс народе. Вот уже полгода, как я пытаюсь поднять у своего сайта тИЦ. Я размещала ссылку на свой сайт в многих каталогах, обменивалась ссылками с сайтами с высокими тиц, размещала платно статьи и ссылки на сайтах схожих тематик, но всё без толку, тиц у моего сайта нулевой. Яндекс сайт не забанил, всё в порядке. Подскажите, пожалуйста, почему я не могу поднять тиц сайта?
0 votes27 answers -
Растяжение страницы в IE8
есть сайт money-room.ru На главной странице через div с позицией absolute размещен текст "о сервисе" рядом с блоком обмена. В файрфоксе отображается нормально, а в IE происходит растяжение страницы.
0 votes2 answers -
Привязка radiobutton'а к текстовому полю ввода
Здравствуйте, уважаемые знатоки Подскажите пожалуйста, как можно реализовать следующую вещь: на web-форме должна быть возможность ввести так называемый "тип изделия", по умолчанию он формируется автоматически (вызов некоторой функции, которая возвращает нужную строку), либо, выбрав второй радиобаттон, его можно ввести вручную. Вот о чем идет речь: <fieldset> <legend>Тип изделия</legend> <div style="padding:5.0pt; padding-left:30.0pt;"> <input type="radio" name="type" value="<%= вызов функции и бла-бла-бла%>" checked/><%= вызов функции и бла-бла-бла%> <br> <input type="radio" name="type" value="..."/&g…
0 votes4 answers -
mod_rewrite на конце слэш
Здравствуйте! Вопрос касается mod_rewrite,хочу чтобы например при наборе в адресной строке и вообще если ссылается страница со слэшем на конце где page2 http://name.ru/page/page2/ адрес заменялся на тот который без слэша http://name.ru/page/page2 как сделать?
0 votes6 answers -
Косяк с таблицей стилей в маркерованном списке
Здравствуйте. У меня такая проблема: Есть меню, сделанное списком <ul> <li>, с помощью css присваиваются маркеры: ul#my-menu li.collapsed {list-style: url("/images/collapsed.gif")} ul#my-menu li.expanded {list-style: url("/images/expanded.gif")} ul#my-menu li.kl {list-style: disc; color:white;} ul#my-menu ul {list-style: disc; color:white;} вот html код мею: <ul id="my-menu" class="sample-menu"> <li><a href="#0">Автосвет, автолампы, ксенон, биксенон</a> <ul> <li><a class="direction" href="/catalog/index.php?group=16&menu=1"> Альтернативная оптика</a></li> <li><a class="direction" href="/catal…
0 votes12 answers