mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Верстать в блокноте - это не показатель профессиональности, это показатель того что у человека ну просто дофигища свободного времени
-
Мы же с тобой это уже проходили
-
кто успел скопировать мой предыдущий код до последней правки - скопируйте еще раз, там была ошибка в експрешене. главное разберись что такое в первом примере (height:expression(this.parentNode.offsetHeight-100+'px'); ) -100 и во втором ( height:expression(this.parentNode.offsetHeight-this.parentNode.offsetHeight/100*20+'px'); ) 20 Это сумма отступов
-
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> body{ margin:0; } .wrap{ position:relative; overflow:hidden; width:80%; top:10%; left:10%; border:1px solid #000; } .content{ position:absolute; overflow:hidden; top:10%; bottom:10%; left:10%; right:10%; background:red; _height:expression(this.parentNode.offsetHeight-this.parentNode.offsetHeight/100*20+'px'); _width:expression(this.parentNode.offsetWidth-this.parentNode.offsetWidth/100*20+'px'); } </style> </head> <body> <div class="wrap"> <div class="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> </body> </html>
-
Если хочешь top, left, right, bottom задавать в процентах - то експрешн надо немного переделать.
-
ТС, ты чтото неправильно делаешь! <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> body{ margin:0; } .wrap{ position:relative; overflow:hidden; width:80%; top:10%; left:10%; border:1px solid #000; } .content{ position:absolute; overflow:hidden; top:50px; bottom:50px; left:50px; right:50px; background:red; _height:expression(this.parentNode.offsetHeight-100+'px'); _width:expression(this.parentNode.offsetWidth-100+'px'); } </style> </head> <body> <div class="wrap"> <div class="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> </body> </html> Вот код, от кода который предоставил psywalker отличается только структурой кода (отступы между тегами) и тем что высота основного блока не указанна. Все работает! Если в красный квадрат добавить текст, то он естественно обрежется во всех браузерах. Експрешн прекрасно ловит и ширину и высоту родителя, и ненадо ниче от боди прописывать.
-
Ознакомся с XML, изучай джс если хочешь работать в веб.
-
Наверное резина всеже лучше, только максимальную щирину надо ограничивать. Осталось решить какую максимальную ширину делать.
-
если внимательно присмотришся то также увидишь #ja-container2 ul.menu li.active a
-
Учи джс. XML это язык разметки, HTML тоже язык разметки, они похожи поэтому вслучае необходимости ты в нем разберешся. А джс это уже язык программирования, это уже немного выше, и платят за это соответственно больше. Так что учи джс, потом пхп.
-
Это не псевдокласс, а просто класс. Если юзер находится на какойто странице, то и тому пункту меню, которому она соответствует присваивается класс (например class="active" или class="curent-item"), он присваивается либо вручную, либо скриптом серверным(как было сказанно выше). Ну и по классу уже прописываете стили.
-
:hover :active :visited это псевдоклассы. :hover - состояние когда курсор мыши находится на елементе(наведен на елемент). :active - состояние когда навести курсор мыши на елемент и зажать левую кнопку мыши, сохраняется до тех пор пока не отпкстить кнопку. :visited - ссылка по которой вы уже переходили на другую страницу.
-
Это же селект. Его ненадо обрезать и т.д.
-
CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец
mishka replied to amz00m's question in HTML Coding
Даже незнаю что те подсказать.... table-cell неработает в ие6-7, если это не критично, то делай так. И задачу сразу ставь конкретно. Я то незнал что хтмл уже есть и его нельзя менять. -
CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец
mishka replied to amz00m's question in HTML Coding
Нет это не то. В ие6 возникает отступ в 3 пикселя. Если дизайн не строгий то можна оставить. Если строгий, и этот отступ видно то так вот его исправляют. По поводу повторяющихся символов - это при многих флоатях в ие6 иногда вилазят последние символы последнего слова, и вылазят они гдето после футера. Вот появляются и висят там внизу. У меня пару раз было с селекта вываливались -
CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец
mishka replied to amz00m's question in HTML Coding
VJiK, ты вернулся где пропадал? -
CSS re-вёрстка: сделать ширину=auto для 1 из элементов в диве, без размещения в столбец
mishka replied to amz00m's question in HTML Coding
<!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"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body{ margin:0; } #wrapper{ width:100%; overflow:hidden; } .left{ width:200px; float:left; padding:10px; background:#d8af00; } * html .left{ margin-right:-3px; } .right{ overflow:hidden; height:1%; padding:10px; background:#00abd6; } </style> </head> <body> <div id="wrapper"> <div class="left"> <p>Lorem ipsum dolor sit amet consectetuer Aenean Nam lorem justo tristique. Penatibus Sed senectus eros senectus Curabitur Curabitur vitae sed eget lacinia. Convallis Ut justo augue et Vestibulum consequat.</p> </div> <div class="right"> <p>Lorem ipsum dolor sit amet consectetuer Vestibulum ligula in libero ut. Dolor adipiscing vitae non eget metus porta Vivamus Sed lacus id. Quisque pulvinar pretium.</p> <p>Convallis nibh ut quis Ut sed Fusce dapibus In Donec interdum. Sit adipiscing In ullamcorper arcu eleifend mauris Fusce.</p> <p>Neque condimentum nibh Vivamus orci a urna montes lacinia orci malesuada. Lacus.</p> </div> </div> </body> </html> -
А сам оператор "?:" значит следующее например есть: A<B?C:D если правда то что А меньше B то вернуть С, иначе (А не меньше В) вернуть D тоесть width:expression(document.documentElement.clientWidth < 1000 ? "1000px" : "auto") если ширина окна меньше 1000 то возвращается "1000px" - тоесть width:1000px; иначе возвращается "auto" тоесть width:auto; Правильно сказать не страницы, а окна браузера.
-
document.documentElement.clientWidth - ширина документа(реально ширина страницы document.body.clientWidth - ширина боди, а иногда есть люди например так центрируют: body{ width:960px; margin:0 auto; } Так что первое выражение будет надежнее.
-
Кхе кхе... И я свои 5 всуну 1. нехочешь - не отвечай!!! Если вы занятой человек и у вас реально нет времени на то чтобы отвечать на какието вопросы глупые то откуда вы находите время чтобы их коментировать? (порой еще глупее). Нехотите помочь - непомагайте, кто же вас заставляет? Лучше просто промолчать. 2. Посмотрите в какой ветке находится топик и прочтите правила этой ветки. Человек просил дать ответ и непросил ничего делать ему.
-
Макс, если не перестанешь такое делать, то я тя в игнор поставлю! expression(parentNode.offsetHeight+'px'); Только у этого елемента(которому так высоту ставишь) недолжно быть верхнего и нижнего ни паддинга ни маргина. И у родителя паддингов верхнего нижнего тоже не должно быть. Так как зависнет ие. И вообще старайся не юзать это.
-
Вот скромняжко expression(document.body.clientHeight+'px'); - высота елемента <body>
-
Ой увидел лого.
-
неплохо было бы "Ландшафтный дизайн от Greengarden" сделать <h1>. И почему не предусмотренно что лого будет ссылкой? Или потом будете пустую ссылку абсолютом вешать наз изображением лого? Я тоже стараюсь без таблиц верстать, но мне кажется что на странице стоимости услуг "content-place" это должна быть таблица.
-
Ну я тоже могу абсолютом блок main растянуть. Но нехочется. Просто ему чтото надо срочно сделать в своих интересах, а мы тут понимаешь ли ничиго не делаем. Понимаешь ли - халтурим, типо времени нету и всякое такое.