Александр в рубрику HTML и CSS
14 октября 2009

Шаблоны для CMS Joostina

Доброго времени суток всем! Очень нужны шаблоны для Joostinы или подробная инструкция по
подгонке шаблонов с Joomla 1.5.x на Joostiny. Заранее спасибо.
VVVas в рубрику HTML и CSS
2 октября 2009

Вставка видео с Youtube

Как надо модифицировать код вставки ролика с Youtube на свой сайт, что бы страница осталась валидной XHTML 1.0 Strict и видео отображалось в большинстве распространенных браузеров (ну или хотя бы в последних версиях)?
Выполняя рекомендации валидатора, я добился валидности и видео даже игралось в FF, но не стало играться в IE8.
Nefomal в рубрику HTML и CSS
2 октября 2009

Не прорисовывается до конца страница

Иногда не прорисовывается до конца страница. Проблема воспроизводится не постоянно. С сервера HTML, CSS, JS код приходит полностью, то есть если посмотреть на код страницы через контекстное меню => View Page Source, однако, если пользоваться Firebug-ом то там показывается только часть страницы.
Евгений в рубрику HTML и CSS
30 сентября 2009

Снова о ссылках

Вот и снова возник у меня вопрос по оборачиванию ссылок в ...
Посмотрите на главную страницу www.integralogistics.ru.
Как сделать верхнее меню(на грузовике) я разобрался. Подскажите, как сделать нижнее меню(на ящиках)?
Меня озадачил тот факт, что в отличии от верхнего меню, нижнее расположено не в один рад, а разбросано по ящикам.
Евгений в рубрику HTML и CSS
29 сентября 2009

Вопрос по оформлению ссылок

Здравствуйте.
Разъясните, пожалуйста, следующий вопрос.
Имеется HTML-файл, в котором для каждой ссылки создан класс:

<a class="menu0" href="/">Главная</a>
<a class="menu1" href="/price.html">Услуги и тарифы</a>
<a class="menu2" href="/gruzoperevozki.html">Грузоперевозки</a>
<a class="menu3" href="/dogovor.html">Документация</a>
<a class="menu4" href="/about_logistic.html">О логистике</a>
<a class="menu5" href="/social.html">Социальная ответственность</a>
<a class="menu6" href="/contacts.html">Контакты</a>
и СSS(к этому же файлу):

a.menu0,a.menu1,a.menu2,a.menu3,a.menu4,a.menu5,a.menu6 {display:block; float:left; color:#483d8b; font-size:15px; font-weight:bold; margin-top:-45px}

a.menu0 {margin-left:20px}
a.menu1 {margin-left:103px}
a.menu2 {margin-left:256px}
a.menu3 {margin-left:408px}
a.menu4 {margin-left:535px}
a.menu5 {margin-left:650px}
a.menu6 {margin-left:884px}
Мне сказали, что создавать класс для каждой ссылки - не оправдано.
Подскажите, пожалуйста, как эти ссылки правильно офромить.
Integra в рубрику HTML и CSS
7 сентября 2009

помоги решить задачу по верстке, пожалуйста....

Есть двухколоночный макет, верх и низ сайты тянется на 100% (заданы фоном), а середина фиксированной ширины. Макет на первый взгляд очень простой, но внизу в левой колонке есть плашка с контактами, которая вплотную прилегает к футеру. Я поставила полоску фона на body заданной высоты и выровненного по верху, внутри body лежит фиксированной ширины и выровненный по центру, а в нем располагаются хидер и соответственно 2 колонки (в левой должно лежать меню и плашка с контакты, а в правой чисто текст). Ниже, вне контейнера лежит футер, так как он должен быть 100% по ширине. Ах да, еще эти две колонки должен разделять бордер. Задача состоит в том, что бы прилепить плашку с контактами вплотную к футеру.
Вот мои попытки решить эту задачу.
1. плашку с контактами положить в левую колонку ниже меню. Но это не вариант, потому что в случае, если контент правой колонки будет больше, по высоте, чем меню в левой (а зачастую таки бывает), то получится разрыв между плашкой и футером.
2. плашку с контактами поместить в правую колонку и задать ей margin-left:-200px; ну так что бы она влезла на левую колонку. Но в этом варианте свой косяк (это не считая того что в ие6 отрицательные маргины не работают), если содержимое правой колонки меньше содержимого левой (такое тоже случается)- плашка налазит на меню.
3. плашку с контактами положить в футер. Аналогично, перекрывает меню.
Кто сталкивался с подобными задачами, подскажите что делать?
Integra в рубрику HTML и CSS
4 сентября 2009

почему padding увелививает ширину блока?

Для блоков left и right выставлена ширина в процентах, теоретически, если один блок 26% то второй должен быть 73%, да бы в сумме было 100%, но на практике совсем по-другому. И я так понимаю что это все связано с падингами. Почему падинг расширяет блок? ведь ширина должна оставаться заданной а внутреннее содержимое ужиматься. Почему так происходит? Неужели прийдется все время подгонять ширину с учетом падингов?

css

body {background: #fff url(images/bg_head.jpg) repeat-x top; font: 9pt Helvetica, sans-serif; text-align: center; color: #4d4d4d; }

div#container {width: 1024px; text-align: left; background: #fff; margin: 0 auto; }

div#header  {height: 250px; margin-bottom: -28px; padding: 0; color: #000; }

div#main { padding:0 20px; }

div#left {float:left; border-right:1px solid #b3b3b3; width:26%; padding:28px 10px 0 10px; height:300px;}

div#right {float:right; width:71%; padding:30px 10px 0 10px;}


hrml

 <body>
    <div id="container">
	<div id="header"><a href="/"><img src="images/baner_head.gif" /></a></div>
	<div id="main">	
		<div id="left">sf</div>
		<div id="right">sdf</div>
	</div>	
   </div>
 <body>
 
Евгений в рубрику HTML и CSS
24 августа 2009

Создание правил для элемента

На одном сайте я прочитал такую фразу "Существуют ситуации, когда для одного элемента создаются правила несколько раз". Расскажите, пожалуйста, что это за ситуации такие?
Integra в рубрику HTML и CSS
16 августа 2009

Верстка ломается из-за доктайпа, что делать?

Верстаю сайт, весьма простой, но доктайп меня в очередной раз удивил. Есть шапка сайта, ширина 100%, градиентный фон, внутри по центру шапки большая картинка (тоже фоновая) и на ней по вертикали первый банер прилеплен к верху, следующая строка с рекламным текстом, и ниже еще один банер прилепленный ровно к нижней границе шапки. Делалось так,
 
        <div id="header"> /*фон шапки*/
	<div id="header_center"> /* здесь фоном картинка по центру*/
		<div><img src="images/banner1.gif"/></div> 
		<div class="header_text">текст рекламы</div>
		<div><img src="images/banner2.gif"/></div>
	</div>
        </div>
 


 код css
body { font-size:12pt; text-align:center; font-family:Verdana; margin:0; padding:0; color:#fff; background-color:#FFFFFF;}
img { border:none; padding:0; margin:0;}
#header { font-size:16px; font-family:Myriad Pro; background:url('images/header_bg.gif') repeat-x; text-align:center;}
#header_center { background:url('images/header.gif') no-repeat center center;}
#header_center .header_text { padding-top:8px; height:36px;}

Вроде все просто, но вот почему-то фаерфокс и опера не приклеивают дивы с банерами к низу и к верху, все время получается какой-то отступ в 2-3 пикселя между картинкой с банером и дивом в котором стоит эта картинка. Причем я пробывала разными способами реализовать это, в том числе и через таблицы. Но косяк этот оставался. Причем в ИЕ отображалось все замечательно. Данная проблема решилась после того как я убрала доктайп.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 

Но ведь все кричат что доктай нужен обязательно, типа без него это не профессионально и все такое... А как быть, если с ним такой косяк? может это как-то можно исправить? какой-нибудь хак написать? подскажите пожалуйста.
Страницы:
counter strike mt2 silkroad pvp metin2 metin2 pvp knight pvp gm olarak başlayan pvpler pvp silkroad pvp serverler counter strike serverler msn show cam show görüntülü sohbet oyunlar suskunlar gazete oku