edwinkkc

Добрый день. Google Chrome некорректно отображает список, если внутрь <li></li> положить 2 блока, один из которых выровнять по левому краю через float: left. http://jsfiddle.net/5dLarwsk/ Почему нумерация списка вылазит на блок? Как это исправить? Firefox отображает нормально. Спасибо.

Привет. Ребята, такая проблема, нужно вертикально выровнять целый контейнер с 7 блоками внутри. Демо - http://rommar.in.ua/align/ Размер контейнера резиновый (по контенту). Отступы должны быть по 25% от всех сторон при размере экрана больше 1000 пикс., если меньше 600 пикс., то отступы должны быть по 1%. С вертикальным выравниванием все ясно, пробовал делать для чистого блока, все работает, а вот для такого контейнера не могу нормально сделать, целый день сижу кручу. <div class="main"> <div class="corner tl"></div> <div class="edge"> <h1>Lorem ipsum dolor sit.</h1> </div> <div class="corner tr"></div> <div class="middle"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem vel deleniti, unde, saepe id cupiditate! Dolorum quam esse quod minus numquam iusto sunt quo ea laudantium enim temporibus cum quidem porro, asperiores ex nulla eligendi iste architecto saepe recusandae! Ducimus est rerum ad, enim accusamus tempore voluptas recusandae, molestiae natus a aperiam non. Illo eveniet sunt voluptatem officiis libero culpa porro officia quaerat, quasi, eligendi autem, obcaecati odit quibusdam dolores.</p> </div> <div class="corner bl"></div> <div class="edge"></div> <div class="corner br"></div></div>* { margin: 0; padding: 0; }body { font: 12px/22px Tahoma, Arial, "Times New Roman"; color: #666; background-image: url(bg.png); text-align: center; margin: 25%; }.main { position: relative; width: 100%; }.edge { background: #fff; height: 25px; margin: 0 25px; }h1 { font-size: 16px; font-weight: bold; color: #597DA3; padding-top: 10px; }.middle { background: #fff; }p { padding: 10px 30px; }.corner { width: 25px; height: 25px; position: absolute; background-image: url(sprite.png); background-repeat: no-repeat; }.tl { top: 0; left: 0; background-position: 0% 0%; }.tr { top: 0; right: 0; background-position: 100% 0% }.bl { bottom: 0; left: 0; background-position: 0% 100%; }.br { bottom: 0; right: 0; background-position: 100% 100%; }@media (max-width: 1000px) { body { margin: 25%; }}@media (max-width: 600px) { body { margin: 1%; }}И ещё очень важный момент, все должно работать в IE 7 и выше. Помогите, пожалуйста.

Так папка css и fonts находятся вне папки aqua, я просто неудачно картинку нарисовал. Все 3 папки находятся в корне. Подключаю так как вы сказали, но почему-то шрифты не отображаются, а вот в хроме все ок с этим, я вот думал уже может быть это что-то с ФФ ?

Приветствую. Не могу разобраться с относительными ссылками. В корневом каталоге есть 3 каталога: aqua , css, fonts. В каталоге aqua есть index.html, в css - fontawesome.css, а в fonts - fontawesome-webfont. В файле index.html подключен наш css файл fontawesome.css, в котором прописаны ссылки на шрифты из папки fonts. Когда в коде странички я прописываю класс на иконку шрифта, она не отображается в мозилле, хотя в хроме работает ок. В общем я думаю это связанно с относительными ссылками на файлы которые находятся параллельно в корневом каталоге. Содержимое index.html <link rel="stylesheet" type="text/css" href="../css/font-awesome.css">Содержимое fontawesome.css @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}В папке fonts на самом деле много шрифтов, как показано в css файле, для примера я показал что он один. Изображение, которое показывает как расположены каталоги и файлы в них. Ребята, объясните мне как связать все эти файлы ? Просто не хочется класть в папку aqua папку fonts со шрифтами и font-awesome.css, потому что таких папок как aqua будет несколько, и я не вижу смысла для каждой отдельно делать копию fonts. Спасибо.

Приветствую ребята. Подскажите как мне поверх картинки наложить цвет с прозрачностью. html { background: url(../img/bgimg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}Хочу поверх этого фона положить цвет с прозрачностью 95% rgba (44, 62, 70, 0.95)Перепробовал разные варианты и ничего не получается. Подскажите как проще сделать ? Спасибо.

<html><head> <title>Site Name Here</title> <link rel="StyleSheet" href="default.css" type="text/css"> </head><body alink="#000000" background="http://edw1n.at.ua/bg.jpg" bgcolor="#888888" link="#000000" text="#000000" vlink="#000000"> <div align="center"> <img src="http://edw1n.at.ua/header.gif"><div><div align="right"> </div><table style="border: 1px solid black; border-collapse: collapse; height: 17px; width: 750px;" align="" cellpadding="1" cellspacing="0" width=""> <tbody><tr align="right"> <td style="border: 1px solid black;" bgcolor="#555555"> <span style="font-family: verdana; font-size: 8pt; color: rgb(252, 252, 252);"><span style="color: rgb(169, 169, 169);">$WDAY$, $DATE$, $TIME$<br></span></span><img alt="" src="/seperator.gif" height="2" width="740"><span style="font-size: 8pt;"><br></span><br></td></tr> </tbody></table> </div></div> <table style="text-align: left; margin-left: auto; margin-right: auto;" bgcolor="#000000" border="0" bordercolor="#000000" cellspacing="1" height="400" width="750"> <tbody><tr> <form action="http://www.yoursite.com/cgi-bin/newspro.cgi" method="POST" target="_blank"></form> <td bgcolor="#555555" valign="top" width="100"> <span style="font-family: tahoma; font-size: 8pt; color: rgb(220, 220, 220);"><div align="center"><img alt="" src="/menu.png"><br></div></span><img src="http://edw1n.at.ua/seperator.gif"><span style="color: rgb(220, 220, 220);"><br></span><div align="left"> <span style="font-size: 8pt; font-family: Tahoma;"><span style="font-size: 8pt; color: rgb(255, 255, 255); font-family: Tahoma;">▪</span><span style="font-size: 8pt; font-family: Tahoma;"><span style="color: rgb(255, 255, 255); font-size: 8pt; font-family: Tahoma;"> Главная</span><img src="http://edw1n.at.ua/seperator.gif"></span><br></span></div><span style="font-size: 8pt; font-family: Tahoma;"><a href="#"><span style="font-size: 8pt; color: rgb(255, 255, 255); font-family: Tahoma;"></span></a><span style="font-size: 8pt; font-family: Tahoma;"><span style="font-size: 8pt; color: rgb(255, 255, 255); font-family: Tahoma;">▪</span><span style="font-size: 8pt; font-family: Tahoma;"><span style="color: rgb(255, 255, 255); font-size: 8pt; font-family: Tahoma;"> UK Bass Radio</span></span></span><br><span style="font-size: 8pt; font-family: Tahoma;"><img src="http://edw1n.at.ua/seperator.gif"><br> </span><span style="font-size: 8pt; font-family: Tahoma;"><span style="font-size: 8pt; color: rgb(255, 255, 255); font-family: Tahoma;">▪</span><span style="font-size: 8pt; font-family: Tahoma;"><span style="color: rgb(255, 255, 255); font-size: 8pt; font-family: Tahoma;"> KrisisDNB</span></span><br><span style="font-size: 8pt; font-family: Tahoma;"><img src="http://edw1n.at.ua/seperator.gif"><br> </span><span style="font-size: 8pt; color: rgb(255, 255, 255); font-family: Tahoma;">▪</span><span style="font-size: 8pt; font-family: Tahoma;"><span style="color: rgb(255, 255, 255); font-size: 8pt; font-family: Tahoma;"> KunninMindz</span></span><br><span style="font-size: 8pt; font-family: Tahoma;"><img src="http://edw1n.at.ua/seperator.gif"><br> </span><span style="font-size: 8pt; color: rgb(255, 255, 255); font-family: Tahoma;">▪</span><span style="font-size: 8pt; font-family: Tahoma;"><span style="color: rgb(255, 255, 255); font-size: 8pt; font-family: Tahoma;"> DnBradio</span></span><span style="font-size: 8pt; font-family: Tahoma;"><span style="color: rgb(255, 255, 255); font-size: 8pt; font-family: Tahoma;"></span></span><br><span style="font-size: 8pt; font-family: Tahoma;"><img src="http://edw1n.at.ua/seperator.gif"><br> </span><span style="font-size: 8pt; color: rgb(255, 255, 255); font-family: Tahoma;">▪</span><span style="font-size: 8pt; font-family: Tahoma;"><span style="color: rgb(255, 255, 255); font-size: 8pt; font-family: Tahoma;"> More :D</span></span></span></span><br><img src="http://edw1n.at.ua/seperator.gif"> </td> <td style="text-align: right;" bgcolor="#555555" valign="top"><div align="left"> </div><div align="left"><span style="font-size: 8pt;">$LAST_NEWS$</span><br><div align="right"><font color="#a9a9a9"><a href="http://edw1n.at.ua/news/0-0-0-0-1"><span style="font-size: 8pt;">Добавить новость</span></a></font><br></div></div></td> <td bgcolor="#555555" valign="top" width="100"> <span style="font-family: tahoma; font-size: 8pt; color: rgb(220, 220, 220);"><div align="center"><img alt="" src="/contacts.png"><br></div></span><img src="http://edw1n.at.ua/seperator.gif"><br><div align="center"><a title="фв" target="_blank" href="http://edw1nz.vkontakte.ru"><img style="border: medium none;" alt="" src="/vkontakte.png"></a><img alt="" src="/icq.png"><br></div><div align="center"><a target="_blank" href="http://twitter.com/edw1nz"><img style="border: medium none;" alt="" src="/twitter.png"></a><a target="_blank" href="http://facebook.com/profile.php?id=100001133528557"><img style="border: medium none;" alt="" src="/facebook.png"></a><span style="font-size: 8pt;"></span><br> </div></td> </tr> </tbody></table> <div style="text-align: center;"><table style="border-collapse: collapse; width: 750px; height: 24px; text-align: left; margin-left: auto; margin-right: auto; border: 1px solid black;" align="" width=""><tbody><tr><td style="border: 1px solid black;">$POWERED_BY$<br></td></tr></tbody></table><br></div></body></html> Не смотрите что хостинг от ucoz

Я думаю там 2 таблицы.

Не помогло

В html я полный чайник. Возник такой вопрос: как сделать "неполную" обводку ячейки в таблице. Мне нужно чтобы "основа" ячейки №2 была без линии, а то получается что линия с таблицы №1 и линия с ячейки №2 склеились и как бы 2 пикселя.