ELBegemotos

Вас интересует многоколоночная вёрстка. Введите «css multiple columns» в Google. и прочитайте как сделать. Сразу предупреждаю, что в ИЕ работает только начиная с 10 версии, но возможно есть полифилл на JS.

Спасибо большое,очень полезная информация и свойство,но появилась еще одна проблема,прописал,разбил на три колонки,установил разрывы и тд,но вот переводит новости в столбы не последовательно,т.е должно быть:

1 2 3

4 5 6

7 8 9

А при задании свойства column,разбивается все:

147

258

369

Можно ли как-то способ распределения изменять вручную или же это никак не исправить?

Спасибо заранее!

Добрый день,уважаемые форумчане!
При верстке макета обнаружил проблемку: дело в том,что новости на сайте разной высоты и никак не могу добиться того,чтобы блоки обтекали друг друга ,а не оставляли пустое место.
Прилагаю скрин,там есть новости,и я добиваюсь такого же обтекания,помогите,знает кто,0где можно достать информацию по данному поводу?

Если абсолют котируется, то что-то типа

 

#right-aside-content { position: relative; }

#block-about-us { position: absolute; top: 150px; right: 0; left: 0; bottom: 0; }

Попробовал ваш вариант,но к сожалению,не сработал.

Пробую верстать сайт.Возникла проблема растянуть блок блок на оставшуюся высоту,но не знаю как это сделать.
Пробовал три метода.
Вот скрин что нужно сделать.

[hide]

[/hide]

Вот код HTML:

<!-- Контент -->         <section id="content" class="margin-center">            <!-- Левая часть контента -->             <section id="left-aside-content">                <article>                    <header class="hookah-icon"><a href="#"></a></header>                    <p>Максимальное наслаждение от курения ароматного, сладкого кальяна.</p>                </article>                                <article>                    <p>Вступите в группу “В контакте”, жмите “рассказать друзьям” и получите 5% скидки.</p>                    <header class="vk-icon"><a href="#"></a></header>                </article>                                <article>                    <header class="taste">                        <p>asdasdasd</p>                    </header>                </article>            </section>            <!-- Левая часть контента -->            <!-- Правая часть контента -->            <section id="right-aside-content">                            <article>                    <header class="order">                        <p>asdasdasd</p>                    </header>                </article>                                <article id="block-about-us">                    <header>О нас:</header>                    <p>                    Мы предоставляем нашим клиентам отборные кальяны лучшего качества.                     Воссоздаем атмосферу уюта, располагающую к вашему расслаблению и душевному общению.                    </p>                    <footer>                     <span>+7 (916) 840 - 04 - 68 </span>                     <a href="" title="">vk.com/club73938279</a>                    </footer>                </article>                            </section>             <!-- Правая часть контента -->        </section>        <!-- Контент -->  

Вот CSS код:

/*------ Content ------*/#content{ border-top: 1px solid #2a2d33;}#left-aside-content,#right-aside-content{ width:50%; display:table-cell; }#right-aside-content{vertical-align:top;padding-left:34px;}#left-aside-content article,#right-aside-content article{ display:table; width:100%; margin-top:25px;}#left-aside-content article > p,#block-about-us{    background:#2c2f35;    color:#545862;    text-align:justify;    font-size:16px;}#left-aside-content article > p{    display: table-cell;    margin:10px 0;    vertical-align:middle;    padding:0 25px;    line-height:1.2;}.hookah-icon,.vk-icon{    height:127px;    width:127px;    display: table-cell;}.hookah-icon{    background:url("../img/hookah_icon.png") no-repeat;    padding: 0 32px 0 0;}.vk-icon{    background:url("../img/vk_icon.png") right no-repeat;    padding:0 0 0 32px;}.taste{    background:url("../img/picture_taste.jpg") no-repeat;    height:127px;}.taste p{    background:rgba(0,0,0,0.5);    height:127px;    width:100%;    display:none;}.taste:hover p{ display: block; }.order{    background:url("../img/picture_order.jpg") no-repeat;    height:127px;}#block-about-us{}/*------ Content ------*/ 

Испробовал такой метод.(relative + absolute)

Но и тут вышло у меня проблема.
Текст(отмеченный красным) влезает в блок,в следствии чего его не видно.
Что делать,правильный ли мой метод,можно ли исправить эту ошибку или есть другой,более просто метод?

[hide]

[/hide]

CSS:

/*------ Content ------*/#content{ border-top: 1px solid #2a2d33; display:table;position:relative;}#left-aside-content,#right-aside-content{ width:50%; display:table-cell; }#right-aside-content{position:absolute;width:50%;height:100%;margin-left:34px;}#left-aside-content article,#right-aside-content article{ display:table; width:100%; margin-top:25px;}#left-aside-content article > p,#block-about-us{    background:#2c2f35;    color:#545862;    text-align:justify;    font-size:16px;}#left-aside-content article > p{    display: table-cell;    margin:10px 0;    vertical-align:middle;    padding:0 25px;    line-height:1.2;}.hookah-icon,.vk-icon{    height:127px;    width:127px;    display: table-cell;}.hookah-icon{    background:url("../img/hookah_icon.png") no-repeat;    padding: 0 32px 0 0;}.vk-icon{    background:url("../img/vk_icon.png") right no-repeat;    padding:0 0 0 32px;}.taste{    background:url("../img/picture_taste.jpg") no-repeat;    height:127px;}.taste p{    background:rgba(0,0,0,0.5);    height:127px;    width:100%;    display:none;}.taste:hover p{ display: block; }.order{    background:url("../img/picture_order.jpg") no-repeat;    height:127px;}#block-about-us{height:100%;}/*------ Content ------*/

Пробовал сделать с  помощью имитации  через css таблицу(table-row,table-cell,table - display),я думал,что тогда,как и таблица будет себя вести элементы,но нет,не получилось.Есть вариант использовать таблицы,но я не хочу этого делать,не сторонник верстки таблицами.
Что делать?  Есть ли выход из моей ситуации?

Заранее благодарен!

Вот сайт - Сыылка

#bg_inf_left li {

• background: url("../templates/img/bg_inf_left.png") repeat-x;
  
• border: 1px solid #ccc8bd;
  
• box-shadow: 0px 0px 0px 1px rgb(255,255,255) inset;
  
• border-radius: 30px 10px 10px 30px;
  
• height: 77px;
  

}

Сделай так и будет тебе счастье

К сожалению,ваш способ не сработал

Всем Доброго времени суток! При верстке макета столкнулся с проблемой выравнивания текста в блоке .

Вот сайт http://gallery-kazan.do.am/

Блок "Последние обновленные новости"

Ставил:

line-height:60px;

Но как видите результат вышел довольно - таки плачевным...Что делать?Заранее благодарен!

Потому что раздел - это логическое деление сайта, оно не относится к php или какому-либо языку. Я так кпонимаю, ты буквально запомнил только то, что тебе преподали, но не понял как придумывать собственные алгоритмы к поставленной задаче. Учись заново. И НЕ ПО ПОПОВУ! Перед тем как учиться конкретному языку, научись абстрактно составлять алгоритмы. Например на словах опиши алгоритм похода за хлебом.

А где по вашему мнение,можно найти добротное обучение?

Здравствуйте! Недавно завершил обучение php по курсу Евгения Попова,но к сожалению,в его списках уроков нету видеоурока,объясняющего как создавать разделы на сайте. То есть,чтобы была такая схема. Раздел,допусти,графика в нем категории: аватарки,баннеры и тд

Всем привет.Почему-то на локальном хосте не выводит данные из таблицы.

Вот код:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Соеденяемся с сервером</title>
</head>

<body>

<?php

$db = mysql_connect("localhost","Alex","12345");
mysql_select_db("firstbd",$db);

$result = mysql_query("SELECT * FROM firma",$db);
$myrow = mysql_fetch_array($result);

echo $myrow["name"];


?>


</body>
</html>

Вот текст ошибки:

Warning: mysql_connect() [function.mysql-connect]: Access denied for user 'Alex'@'127.0.0.1' (using password: YES) in C:\OpenServer\domains\localhost\php\mysql.php on line 12

Warning: mysql_select_db(): supplied argument is not a valid MySQL-Link resource in C:\OpenServer\domains\localhost\php\mysql.php on line 13

Warning: mysql_query(): supplied argument is not a valid MySQL-Link resource in C:\OpenServer\domains\localhost\php\mysql.php on line 15

Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in C:\OpenServer\domains\localhost\php\mysql.php on line 16

Еще раз привет=) Попробую более ясно рассказать,что за проблема у меня=) В общем если я в php файле ввожу какой-либо текст на русском все отображается отлично, но если я вывожу текст на русском из базы данных то русские буквы начинают отображаться не корректно. И еще при вводе данных в таблицу с помощью INSERT опять же русскими буквами таблица заполняется но значения передаются как пробелы. Что делать?(

Спасибо милейшие,но все же проблема не исчезла(((

Вот смотрите

Всем привет=)Начал изучение php и начал работу с Denwero'm и тут же наткнулся на проблему. При извлечение русскоязычных данных из базы данных ,символы отображаются нормально,а если писать непосредственно какие то выдержки из текста или любой текст то русские буквы не поддерживают.Что делать?(Буквы в виде кракозяб)

Цвет фона перекрывает обводку. Для современных браузеров можно использовать

background-clip: padding-box;

, иначе- дополнительный контейнер для внешней обводки.

Ох...Я это и подозревал)))Для современных вы имеете ввиду для всех кроме ослика?

Всем привет!Еще раз))Как могли заметить создавал тему до этого,но решение смог найти сам,теперь же без вас знатаков я никак))

В общем проблема в том,что обводка у элемента wrapper почему-то не прозрачная хотя указал через rgba и случилось это после того как я к элементу добавил z-index и relative

Что делать?

показать код )

Вот сайт - http://ironmens.3dn.ru/ )))

Всем привет!Еще раз))Как могли заметить создавал тему до этого,но решение смог найти сам,теперь же без вас знатаков я никак))

В общем проблема в том,что обводка у элемента wrapper почему-то не прозрачная хотя указал через rgba и случилось это после того как я к элементу добавил z-index и relative

Что делать?

Всем привет!Произошла проблемка при верстке.Значит создал элемент с классом "wrapper" и присвоил в стилях атрибут "width:1000px;margin:0px auto;"

Но элемент по чему-то не центрируется.В чем может быть проблема?

Сори))Проблему решил)

А насчет второй проблемы?

В чем ошибка не пойму...

Вот сайт - http://nyashki-tv.ru/forum/7-33-1

Хотел выровнить аватарку пользователей да не получается в чем проблема не могу понять.Вторая проблемка- не смог чтобы кнопочки профиль и тд были всегда снизу то есть выравнивались по самому низу каждой из потосв!

Ну как сделать этот эффект?Демонстрацию не можете?То есть совместить мой код с animate!Просто я действительно не пойму как это сделать!

Вы не можете написать из моего кода или хотябы пример?Просто я не понимаю как это сделать!

возможен. На опережение - другой эффект возможен тоже : )

какой?Можно ли по подробнее!Как это реализовать?

Допустим "FadeIn(500)" то есть такой эффект возможен?

Создал функцию:

<script type="text/javascript">

function page_ls(event){

$.get(event, function(data){

var _list = $("#pmdform", data).html();

$('.p_rightcol').html(_list);

});

};

</script>

При клике на ссылку вызывается функция,которая подгужает хтмл код в див элемент с классом "p_rightcol" все подгужается да))Но вопрос можно ли чтобы он делал это плавно?

Доброго времени суток!

Подскажите пожалуйста, как можно реализовать скрипт видеоплеера с плей листом? Например как тут

Заранее спасибо

Напишите в лс или лучше в скайп Blackofrage, на моем сайте стоит точно такой же плеер!

с плейлистом естесна)