prowoke

Здравствуйте. Есть такая вот структура: <div id="middle"> <div id="container"> <div class="topangleline"></div> <div id="sideLeft"> <div class="leftcontent"> <div class="leftshadow"></div> <div class="rightshadow"></div> <div class="papirus"><img src="/img/papirus.gif" alt="" /></div> <div class="leftmenu"> <ul> <li><img src="/img/usor.png" alt="" /></li> {leftmenu} <li><img src="/img/usor.png" alt="" /></li> </ul> </div> </div> <div class="leftbottom"></div> </div><!-- .sidebar#sideLeft --> <div id="content"> {text} </div><!-- #content--> </div><!-- #container--> </div><!-- #middle--> И вот такой вот css: div#content { width: 650px; background-color: #ffe0b0; margin-right: 0px; margin: 0 0 0 264px; padding: 0; height: 100%; padding: 0 35px; } div#middle { width: 100%; position: relative; height: 100%; min-height: 100%; } div#container { width: 100%; height: 100%; overflow: hidden; min-height: 100%; } И такой вот скриншот: http://s1.ipicture.ru/uploads/20120205/7SUQl8qT.png Я хочу, чтобы контент растягивался ровно до футера, а то он соединяется цветами с футером, если только в самом контенте находится много элементов, которые его растягивают. Помогите, пожалуйста. Я думал height: 100% заставит его растягиваться. Оказывается, что нет.

Т.е. все эти заморочки только для этого? "Пример: у нас есть блок, который нужно расположить "по-обычному", но внутри которого у нас куча всяких фиговин, которые нужно наложить друг на друга. Если мросто зададим им абсолютное позионирование, они будут "беспорядочно" плавать поверх нашей страницы. Если же мы зададим родительскому блоку относительное позионирование, то "фиговины" будут расположены в определённом месте внутри родительского блока. Могу выложить архив с подобными примером или прислать в ЛС (да, знаю, надо бы хостинг завести для примеров вёрстки)." Это я понимаю и этим я пользуюсь.

Здравствуйте. Мне 2-3 года увлечение Вебом не хватило, чтобы понять что делает position. Я старался. Я даже использую это в вёрстке, но всё равно не понимаю. Что делает absolute, я боле мене понимаю. А вот relative: "relative Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения. " Вот что значит "исходное место"? А вот static: "static Элементы отображаются как обычно. Использование свойств left, top, right и bottom не приводит к каким-либо результатам." Зачем он вообще тогда нужен? Помогите разобраться то уже наконец. Если не жалко времени, то с примерами.

Что именно мне смотреть из векторной алгебры, и как именно зная мат аппарат сделать такой эффект?

Здравствуйте. Посоветуйте своих идей, пожалуйста. Вот я хочу сделать в браузере, чтобы был как будто полёт через в космосе идёт. В общем аналог "Сквозь пространство" это такая заставка в Windows XP есть. Вот как думаете на чём такое можно сделать? Я кроме как сделать смену слайдов на javascript, где будут идти по кадру и будет типо как анимация создаваться, ничего не могу придумать. В общем такой вот вопрос.

Здравствуйте. Вот у меня такое вопрос к вам будет. Есть такой вариант интернет магазина. Я его делаю для тренировки. Вот как он выглядит: http://imglink.ru/show-image.php?id=bce92b3bdc5636c4b347fce8c9bc2b41 Там где стрелки для перелистывания мини изображений диска хочу сделать что-то типа карусели. Есть ли готовые вещи для подобной галереи? Что я нашёл, они мало подходят. Так вот вопрос. Если нету готовых, то хочу сделать сам. Я сам знаю основы js, но с jquery знаком лишь на уровне использования готовых вещей, и мне хотелось бы научиться делать самому такую карусель, есть ли мануал какой типо быстроее введение в jquery? Всё, что я нашёл в гугле, они мало подходят, а книге читать по jquery долго. ПОсоветуйте какой нить мануал или книгу по jquery, если мануала нету хорошего. Но надо такой материал, чтобы он подходил под мою задачу.

Да вроде и предыдущий вариант нормальный. Спасибо.

Здравствуйте. Вот мне понадобилось сделать кнопку (Элемент <button> или <input type="submit" > в теге form), но чтобы она была в виде текста. Ну я сделал из текста png картинку и вставил её <input type="image">,но чую такое способ сродни штанам через голову, посоветуйте как грамотно делать такую штуку. Гуглить гуглил, он по запросу кнопка, текст submit и прочее выдаёт очень много и совсем не того.

Наводит на мысль, что это псевдо CMS состоящая из кучи папок и простой статики Да нет, там админка, всё в базе, там кода на php достаточно много. А что значит "псевдо CMS"? А верстальщик кто? Программист, т.е. я.

А где там лишние таблицы? А дизайн заказчик сам просил изменить, там изначально другой был, но и не спорю, что плоховато. А в чём прям такой fail со всех сторон? Какие косяки больше всего в глаза бросаются?

Здравствуйте. Вот сделали с парнем сайт одной фирме. Я программист, он дизайнер. Так вот ссылка: novostroy-l.ru Фирма занимается услугами по обработке металла и делает металлоконструкции и металлоизделия на заказ. Сайт написан на php+js+mysql+html+css. CMS не использовалась никакая. Просто оценить вёрстку саму + общее впечатление от сайта.

Всю голову сломал, но функция не работает. Не могу понять, где я ошибся, либо не вижу ошибку в "лоб". Помогите, пожалуйста, я не так часто обращаюсь за помощью на форумы, но в этот раз всё-таки "сдался". Вот код и исвестный метод, и этот код не работает. <html> <head> <script language="javascript"> var diva = document.getElementById('but'); diva.addEventListener('click', function() { alert(1); }, false); </script> </head> <body> <form action="#" method="post" id="formid"> <input id="but" type="button" name="submit" value="submit" /> </form> </body> </html>

Мне надо обновить файл НЕ!!! в этом месте <div class="background_capcha"><img src="capcha/img/randomimg.php" /> </div>. Вот место на примере, что я хочу. http://deluxe-okna.ru/quest/index.php И вот там ниже формы есть стрелки. Вот мне надо при нажатии на эти стрелки обновлялось поле левее этих стрелок.

Здравствуйте. Вот пытаюсь сделать так: Есть рисунок-кнопка, при нажатии на которую капча обновляется без перезагрузки страницы. Есть рядом с ней сама эта капча, код которой загружается с файла capcha.php. Вот сам код: <div class="capcha"> <div class="background_capcha"><img src="capcha/img/randomimg.php" /></div> <div class="refresh_capcha"> <a href="capcha/img/randomimg.php" onclick="this.src=this.src+'?'+Math.round(Math.random())"><img src="/img/refresh_capcha.png" /></a> </div> </div> По логике косяк тут: onclick="this.src=this.src+'?'+Math.round(Math.random())" Там первый this.srс должен быть что-то типо getElementById('id').src= И обращение к id капчи. Но я попробовал разные варианты, но так ничего и не добился. Помогите, пожалуйста, я js пока ещё плохо знаю, только книжку почитываю.

Хмм, ну я понял. Но, наверное, не совсем то, что я хотел. Ведь при таком коде, нельзя задать отдельно ширину столбца фиксированную, если у table width: 100%; А если table задавать опр размера, то получается тоже не совсем то. Хотя это, конечно, не критично. Или возможно я не понял как этим пользоваться. Вот ссылка на то, что я хочу сделать http://deluxe-okna.ru/certificate/index.php . Там вот сертификаты расположенны друг за дружкой, а если их нечётное количество, как в моём примере(5), то он занимает половину контента, а не растягивается на весь. Вот мне так нужно было по идеи, но чтобы они ещё и равны были, и также не растягивались. Вот с помощью твоего примера такое разве можно сделать? Заранее извиняюсь, если туплю и просто не понял как это применить.

Чёт не пойму. Ни один из приведённых советов не работает. Вот один из примеров: <style type="text/css"> .main_table { table-layout: fixed; } .img { width: 300px; } .cert_description { overflow: hidden; width: 200px; } .bigtd { width: 500px; } </style> <table class="main_table" border="1px solid black"> <tr> <td class="bigtd" colspan="2"> zfsadf</td> </tr> <tr> <td class="img">Тут будет <img src="" weith="120px" height="150px" /></td> <td class="cert_description">оченьоченьоченьоченьоченьоченьоченьоченьоченьоченьоченьочень</td> </tr> </table>

Здравствуйте. Вот сейчас увидел, что длинные слова растягивают колонку в таблице и им безралично задаю ли я фиксированную ширину или нет. Порылся на сайте, порылся в гугле, толково совета так и не нашёл и как я понимаю самого правильного решения это проблемы не существуют. Вот моя таблица: <table border="1px solid black" width="100%"> <tr> <td colspan="2"></td> <td>Тут будет <img src="" weith="120px" height="150px" /></td> <td class="cert_description">очень Длинюююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююющеееееее</td> </tr> Я вообще хочу сделать стандартный раздел с сертификатами строительной компании. Ну там название его, минифото, и описание. Так вот как проблему то решить? Или невозможно сделать 2 колонки фиксированной величины? Я так понимаю грамотного переноса строк пока ещё нет или как?

Спасибо. Я совсем shadow убрал и обернул тенью wrapper и получил то, что надо.

Спасибо конечно, но у меня немного другая проблема. Мне нужно не просто прижать футер к низу, но ещё, чтобы тень вместе с ним прижималась. Тоже самое. Я не только на своём шаблоне попробовал данный совет. Я взял сделал на конструкторе шаблон с футером, прижатым к низу, поместил всё в див с тенью и эффект такой же. Тень уходит куда то вверх, как будто она не обводит футер, хотя футер да, прижат к низу. И я не совсем просто копирую строчки и не понимаю, что они делают. Я боле менее пытаюсь понять как это всё работает, просто пока плохая картинка в голове как все элементы взаимодействуют, вот и торможу.

Вот, что получилось после того как выставил height: 100% http://deluxe-okna.ru/ Логику я понял и вроде должно работать. Только он почему то вытягивает не на весь контент, который в нём находится.

Доброй ночи. Вчера по совету одного форумчанина я сделал тень у сайта с помощью css стиля box-shadow. Я обернул весь свой сайт в div и дал этому диву стиль. Но сейчас я заметил, что теперь футер не прижимается к низу браузера, что впринципе и логично, но вчера я об этом не подумал. Сейчас я пробовал делать 2 обёртки. Отдельно для wrapper и отдельно для футер, но получается тоже не совсем то, что нужно. Да и видимо это совсем уж искусственный способ. В общем посоветуйте как это можно реализовать. Мне надо, чтобы тень у сайта была и футер прижимался. Вот ссылка для наглядности: http://deluxe-okna.ru/production/index.php

Спасибо, вроде всё получилось как хотел.

http://htmlbook.ru/css/box-shadow 3 версии браузера это много? Или это не совсем правда про галочки?

Это что значит? Ну а стиль box-shadow он мало в каких браузерах поддерживается, плохо же. Есть ещё какие альтернативы?

Здравствуйте. Вот дизайнер меня попросил добавить тень по бокам сайта. Т.к. эффект популярный я погуглил, нашёл разные решения, но то, что я нашёл и попробовал не совсем мне подходит. Вот как должно быть: http://s05.radikal.ru/i178/1103/fb/0fe06aeec462.jpg. Я брал полоску этой тени и засовывал её в обёртку блок, блок делал width: 1010px; . Но в том случае появляется такая проблема, что слева полоска отображается корректно, но т.к. она начинает идти слева направо, то справо я получаю что нарастание тени идёт не слева направо, как надо, а наоборот. Вот как в таких ситуациях правильно сделать? А то, что я пробовал дальше это уже глупость и шаманство какое то было, пробовол делать 2 блока, чтобы было float: left, float: right и прочую ерунду какую то.