Scrum
-
Posts
553 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Scrum
-
-
Абсолютно не масштабируемая для дальнейшей жизни верстка, пока это рыба все смотрится прекрасно, как только там появятся реальные значения правок будет больше чем у вас ушло на верстку.
Как пример по подставляйте неразрывные слова, предположите что будет если там или тут не будет элемента или где то в середине вдруг заказчик захочет расположить блок который должен занимать всю ширину экрана (баннер к примеру) и.т.д. Так же удручающее название классов, думаю будет не грешно подсмотреть у фреймворков для устранившихся групп/элементов.
-
наю компанию в Москве, которая не сильно требовательна к опыту работы, но и зп там соответствующее. На данный момент на hh висит объявление на верстальщика от 20к, а там как договоришься. Верстка под битрикс, с особенностями ознакомят, верстка для достаточно крупных компаний, но текучка большая. В общем, если интересно, напиши в личку.
Насколько это срочно? Просто мне еще полторы недели нужно отработать.
Блин, страшно. Кажется, что моих знаний недостаточно.
Был по похожей ситуации, без знаний вообще (хотя всегда кажется что знаний нехвататет да же имея опыт), раскидывал всем и откликался на любые предложения, за частую требования несоответствуют действительности. Даволно долго немог ничего найти, со времененм чувство уверенности покидало и собеседования для меня превращались в некую увлекательную игру ), но ведать сыграла фортуна.
Главное идти к намеченному.
-
template.css line 489
ul.dropdown > li > ul {
...
left: -9999em; /* корень ваших бед */
...
}- 1
-
Можно. Поместив в див другой блок и уже ему задать отступы.
)) Знаток паддингов. В этом случае блок то же растянется.
-
rgba ?
-
и еще раз )) http://forum.htmlbook.ru/index.php?showtopic=25282&hl=
Там привел пример.
p.s. В вашем случае нет необходимости, судя из макета, использовать флоат, у вас обычный поток.
-
Стили лучше выносить в отдельный файл.
Должно выглядеть примерно так.
<! doctype html >
<html>
<head>
<style>
* {
border: 1px solid red;
}
html, body {
margin: 0;
padding: 0;
border: none;
}
#wrap, #content {
overflow: hidden;
}
.left {
float: left;
}
.right {
float: right;
}
.aside, .box {
width: 200px;
height: 200px;
}
#content {
margin: 0 200px;
}
#subcontent {
margin: 0 0 0 200px;
height: 200px;
}
</style>
</head>
<body>
<div id="wrap">
<div class="right aside">left aside</div>
<div class="left aside">right aside</div>
<div id="content">
<div class="left box">left box</div>
<div id="subcontent">subcontent</div>
</div>
</div>
</body>
</html>p.s. Случаем не под ДЛЕ интегрируете ?
-
нет, сначала правый потом левый а потом уже контент. Но есть и другие варианты если дочитаете до конц ))
-
-
Знакомые признаки ДЛЕ.
-
Порядок расположение блоков неправильный.
Почитайте, будет полезным. Клац
-
Эм ну у меня обрезались ))
Примерно что-то такое получилось, с непонятными подгонами.
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
html,body {
margin: 20px;
}
#rotate {
border: 1px solid olive;
width: 200x;
height: 200px;
overflow: hidden;
}
#image {
width: 200px;
height: 200px;
margin: 100px 0 0 50px;
border: 1px solid #000;
overflow: hidden;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
#image img {
width: 300px;
height: 200px;
margin: -60px 0 0 -110px;
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(45deg);
}
/*]]>*/
</style>
</head>
<body>
<div id="rotate">
<div id="image"><img src="images/slaydshou/1.jpg" /></div>
</div>
</body>
</html> -
прикрыть часть картинки повёрнутым под углом блоком.
В принципе так и думал, но мне показалось что картинки не обрежутся.
-
Image Slider - External Controls по ссылке выше от Светланы.
-
как же?
в эпоху css3?
про rotation забыли?
заморочка, да.Что то у меня не вяжется идея. В чем принцип на словах поясните.
-
дыркой...
Фи.. технологическим отверстием
-
Но всё равно это не вариант, постоянно подгонять паддинги. При обычных инлайнах даже ссылку блочной нормально не сделать.
Нет желания дискутировать, я вчера и так оказалось напрасно время потратил на объяснения. У каждого свой стиль и свои способности и варианты решения. У меня такой, не удовлетворяет используй другой. ага ?
-
Еще как обойтись.
-
Это же вроде для поворотов.
-
Кстати, между margin и padding есть большое различие. margin - внешний отступ (то есть после рамки), а padding - внутренний (до рамки), поэтому и нужны инлайновые блоки.
А для родительского блока не вариант я так понимаю паддинг указать ?
-
Тогда только резать картинки.
-
Не всё. Текст в >1 строки (напр. заголовок + подзаголовок) простому инлайну неподвластен, а вот инлайн-блоку — очень даже.
Вот тут согласен. В данном случае имеет смысл и применение и использование костылей.
-
Сейчас Макс тебе посоветует вырезать отверстие и подложить картинки под бг.
-
Ну зря ты так, Scrum их на padding легко меняет и у него всё отлично работает.
Да тебе все не уняться я смотрю
SelenIT Зачем этот джентльменский набор если можно все неплохо обыграть через inline ?
Добавить класс по клику на select, удалить этот класс по клику на option
in JavaScript
Posted
форкнул http://jsfiddle.net/kfytzbhu/