psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Забудь
-
Не надо ничё ни на что вешать и изобретать, просто убери с плавающих блоков float: left; и заполни контент текстом, сам всё увидишь, что будет работать: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>blank</title> <style type="text/css"> * { margin: 0px; padding: 0px; } html { height: 100%; } body { min-height: 100%; height: auto; position: relative; } #header { width: 100%; height: 48px; background: #000; } #content { margin-left: 290px; padding: 50px 50px 98px 50px; background: #cfc; } #footer { width: 100%; height: 48px; background: #000; position: absolute; left: 0px; bottom: 0px; } </style> </head> <body> <div id="header"> <input type="button" value="menu" onclick="toggleText(this);" /> <input type="button" value="content" onclick="toggleText(this);" /> </div> <div id="content"> </div> <div id="footer"> </div> </body> </html> А вот тебе от меня способ один, заполни тоже контент текстом не забудь, всё увидишь опять-же: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>blank</title> <style type="text/css"> * { margin: 0px; padding: 0px; } body,html { height: 100%;} #page { min-height: 100% !important; height: 100%; background: #CF3;} #footer {height: 30px; background: #F00} </style> </head> <body> <div id="page"> </div> <div id="footer">собственно, подвал</div> </body> </html>
-
Не надо ничего приписывать, просто поставь плавающему блоку, на котором висит косяк: display: inline;
-
не вопрос, мне самому интересно ппц, так что с твоей стороны если чё будет, тоже не забывай
-
Эта ссылка с пунктирным подчёркиванием, а при наведении оно убирается..А вообще сверстай хотябы для начала,как можно лучше, все вопросы уже задали, ты где то шатался, прогульщик, а ну быстро за дело..
-
аа, вот теперь просекаю, базара нет, тада канеш гемор делать самим картинки)), тогда будет думать ещё, но чувствую безнадёга какая та блиинн
-
А я ваще ща так подумал, а почему бы тогда изначально не делать тупо картинки с закруглёнными уголками, и гемора меньше и элементов? Я просто сначала думал, что у тебя картинка должна тянуться как бы с углами, а тут получаеться у тебя картинки все фиксированной ширины, поэтому и показалось, что мы геморроем занимаемся)))
-
да блин дружище, чё то у меня тоже тупик ваще, чё тока я с ним уже не делал , не хочет и всё сволочь..мдее слушай, мне пора сваливать к сожалению, решение я так и не нашёл, но надеюсь оно найдётся в ближайшем будещем, хотя шансов у нас с тобой не много я те скажу, пока тока для ИЕ можно задавать либо Фиксированную Ширину, либо ваще без уголков оставлять, просто картинку...но это плохой выход..
-
а,ну вот ваще отличный вариант, осталось только в IE поработать, никак не могу его победить, единственное пока убрал полосу снизу, вылизала сука...ща буду пытаться ширину убить, свистну, если чё
-
1)я не понял, как это вставить картинку ДРугого Цвета? ведь цвет должен совпадать с цветом уголков зелёных? 2)У меня нет полос внизу, покажи мне что ты там от себя добавил? http://psywalker.ru/Forum/z-u/main.html 3) ИЕ6 будем думать ещё, чуть позже
-
Всёёёё победааааа http://psywalker.ru/Forum/z-u/main.html воо, вместо div в центре я добавил span, ваще способ классный давай проверь там всё дружище, я ща пойду похаваю, а потом обязательно надо будет добить его
-
да, в твоём коде появляется херня, посмотри вариант: http://psywalker.ru/Forum/z-u/main.html
-
во первых зачем ты назначаешь div {display: block;} если это и так по умолчанию блочный элемент, во вторых у меня, во вторых вот ещё вариантик доделал: http://psywalker.ru/Forum/z-u/main.html
-
смотри например, полагаю, что вот это максимальный вариант: Вобщем тут дело в том, что div, в котором лежит картинка, растягиваеться на любую высоту и ширину, всё зависит от картинки, вродебы хорошо, но проблема в том, что сам этот div изначально не имеет ширины и по умолчанию уже изначально растягиваеться на всю ширину, вот если бы с этим чтото придумать, было бы здорово: <!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=utf-8" /> <title>photo</title> <style type="text/css"> *{ margin: 0; padding: 0;} body { font: .625em Verdana, Geneva, sans-serif; } img { display: block; width: 400px; height: 300px;} div{ background: #2f641e;} em,em b,em.btm,em.btm b { background: url(sprite.jpg) no-repeat; font-size: 0; display: block; height: 7px; position: relative; } em { top: 0px;} em b { background-position: 100% -7px;} em.btm { background-position: 100% -14px; top: 0px;} em.btm b { background-position: 0 -21px;} </style> </head> <body> <div class="box"> <em><b></b></em> <img src="photo.jpg" alt="" /> <em class="btm"><b></b></em> </div> </body> </html> смотри, там меняй у картинки ширину, высоту, как будто меняешь их на разные, и всё ок, кроме ширины div, которая постоянно растягиваеться сука http://psywalker.ru/Forum/z-u/main.html
-
аа, ну вот это уже врядли я смогу наколдовать, тут похожу на JS или Php правда, ну ваще задача интересная, слушай, а углы должны быть одинаковые, одинакового цвета даже?
-
погоди, а добавь вот это height: 100%; img { display: block; width: 100%; height: 100%;} посмари, теперь картинка как раз под высоту блока стала я те говорю, ща мы те намутим способ самый лучший)), я тока не понял , чё именно те нужно, вроде этот способ всё растягивает как надо? Я так понимаю, тебе Не нужен Фиксированный блок, чтобы просто все углы растягивала именно картинка, которая находится внутри?
-
посматри дружище какой классный вариант я придумал, а код ваще ничтожный, и с картинкой внутри, как ты любишь: http://psywalker.ru/Forum/5/main.html слушай, только наверн надо его доработать ещё, ищи косяки срочно, будем исправлять,а то я скоро сваливаю А вообще инетерсный способ я тебе скажу, вот я ща немножко переделал код, и при растягивании картинки будет: Вставь в стили вобщем: <style type="text/css"> *{ margin: 0; padding: 0;} body { font: .625em Verdana, Geneva, sans-serif; } img { display: block; width: 100%;} div{ width: 142.5em; height: 31.7em; margin: 0em auto; background: #2f641e;} em,em b,em.btm,em.btm b { background: url(sprite.jpg) no-repeat; font-size: 0; display: block; height: 7px; position: relative; } em { top: 0px;} em b { background-position: 100% -7px;} em.btm { background-position: 100% -14px; top: -7px;} em.btm b { background-position: 0 -21px;} </style>
-
воо, нашёл решение прикольное на мой взгляд, погоди 15 минут, ща проверю
-
погоди, я не понял, а где пример, который надо исправить тут: http://www.ageent.ru/verstca/280-create-image.html Покажи, где именно и как ты делал верхний вариант (На твёрдую 5)
-
ну да, закончил, врать не буду
-
ageent не за что, забудь.. На самом деле если поразмыслить, есть ещё кучу всяких способов, как сделать разные уголки и т. д. А ну ка опишите мне Задачу, только поточнее прям, я щас закончил вёрсточку одну, как раз есть свободное время, самому инересно стало только картинку в студию и чёткое описание задачи
-
ageent А мой вариант вы просто проигнорили чтоль, ну пральна, нефига искать лёгкие пути, мы же все любим гемор :rolleyes:
-
да вот смотри например сегодня я делал похожую задачу, никаких JS даже в помине нет, просто абсолютное позиционирование и всё, только мне на ИЕ6 насрать, я не стал настраивать под него, поэтому если что, смысл главное улови: http://www.psywalker.ru/SAITS/PayNetGate/login.html вот код CSS и всего делов: form.login{ position: relative; width: 39.7em; height: 19.8em; border: 1px solid #c0c7ce; background: #fff url(../img/login-trans.png) bottom right no-repeat; padding: 2.5em 1em 2.4em 2.5em; margin: 14.2em auto; } div.l-top, div.l-top div, div.l-btm, div.l-btm div { height: 11px; width: 100%; position: absolute; background: url(../img/login-lr.gif) no-repeat; } div.l-top { background-position: 0 0; left: -1px; top: -1px;} div.l-top div { background-position: 100% -11px; right: -2px;} div.l-btm { bottom: -1px; left: -1px; background-position: 0 -33px;} div.l-btm div { background-position: 100% -22px; right: -2px;} Вот щас подправил в ИЕ6 спецом для тебя, вот что потребовалось, и никаких скриптов: div.l-top div { right: -38px;} div.l-btm { bottom: -1px; } div.l-btm div { right: -38px;}
-
ageent Боюсь, что такой цели с помощью CSS добиться нельзя, потому что даже и если предположить наброски с какими нибудь процентами, то при масштабировании картинки таким образом будет теряться качество, и картинка попросту будет растягиваться не соблюдая пропорции.. p. s. - Если кто нибудь найдёт тебе решение, я только буду рад записать себе его в арсенал
-
полагаю, что если бы она была таковой, он бы не спрашивал
