cypler
-
Posts
24 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by cypler
-
-
Спасибо !! Наконец то разобрался
-
Объясните, пожалуйста, код по полочкам, как работает и кто кого вызывает !!
var i = 4;
var shooter = function me() {
alert( me.i );
};
shooter.i = i;
shooter();
-
спасибо
-
Подскажите как сверстать меню ? http://freepsd.com/colourful-wordpress-free-psd-template/
На ум приходит только через карты.
-
не понимаю, почему не влазит в 1024. Вроде min-width меньше. И если margin по краям убрать, тоже не влазит ?
-
Оцените,пожалуйста, качество верстки и семантику http://orangefilm.gixx.ru/
-
Вот код:
<html>
<head>
<title>Javascript</title>
</head>
<body>
<style>
nav{
margin:12px 5% 12px 5%;
outline:1px solid red;
height:61px;
}
nav ul{
overflow:hidden;
}
nav li{
background:red ;
width:229px;
float:left;
margin-right:1%;
height:61px;
text-align:center;
}
</style>
<nav>
<ul>
<li class=""><a href="#"><span>gh</span></a></li>
<li class=""><a href="#"><span>yu</span></a></li>
<li class=""><a href="#"><span>ytu</span></a></li>
<li class="" ><a href="#"><span>ytuty</span></a></li>
</ul>
</nav>
</body>
</html>
Необходимо следующее:
- резиновое меню
- меню на всю длинну nav
- одинаковое расстояние между блоками
Через inline-block и text-align:center блоки перескакивают вниз, когда не хватает места. При float:left тоже.
-
Укажите, пожалуйста, на ошибки.
верстка на http://orangefilm.gixx.ru/.
Почему то при масштабировании контент смещается влево, подвал вправо. При смене разрешения все нормально.
-
Выскажите, пожалуйста, свои замечания
сайт http://orangefilm.gixx.ru/
взят отсюда http://forum.htmlbook.ru/index.php?showtopic=16763
Мне кажется я чего то там перемудрил, только не понимаю что
-
Ну, если говорить об html5 семантике, то:
1) Там, где у Вас верхнее меню, там, все таки, не section, а тег header.
2) Footer тоже не внутри section должен быть, зачем его внутрь класть?
3) .right_col и .left_col не стоит делать section, тег section нужен, чтобы задавать тематически связанный контент, в идеале, чтобы этому контенту предшествовал заголовок. То есть, блок с event - это section, а вся левая колонка лучше была бы div.
4) У Вас, оказывается, весь контент (.right_col и .left_col) запихан в один огромный article. Так нельзя, тег article нужен не для того, чтоб туда весь контент складывать, а чтобы, скажем, оформлять им посты блога, новости в ленте новостей итд.
Еще одно замечание, <h1> лучше чтобы был единственным на странице, это очень хорошо для SEO. Такие заголовки, как у Вас, лучше делать <h4>, например.
Далее, я бы к этому макету, на Вашем месте, добавила бы какие-нибудь симпатичные hover для кнопок меню.
Если говорить о самом макете, то слабый он своим дизайном. Посмотрите, к примеру, вот тут http://www.free-psd.co/ лежит больше тысячи приличных макетов, какие-то попроще, какие-то посложнее, но выглядят они всяко более современно и выверенно, чем Ваш.
спасибо
-
#warper
слабый макет, постарайтесь обходится без absolute
html5 семантика неверна
Можно подробнее про мою семантику, хотя бы кратко ?
Почему нужно меньше absolute ?
-
Макет отсюда http://forum.htmlboo...showtopic=27936.
Сама верстка http://orangefilm.gixx.ru/
Попытался сделать резину, чем то похожим на HTML 5.
Помогите решить следующие вопросы
1. Не смог к нижним box и box2 прикрепить пружинку сбоку как на верхних. Если через absolute , она налазит на блок. А если сами боксы сделать через absolute и применить z-index, макет рассыпется и footer не будет учитывать контент,как решить проблему не знаю.
2. Не смог сделать тень вокруг боксов как на макете.
3. Не получается сделать, чтобы все боксы зависели друг от друга и тянулись вместе по высоте (javascript еще не знаю).
4. Из-за рекламы внизу footer подпрыгнул. Видимо надо платить хостингу, чтобыи ее убрать.
-
это не резина!
Что не правильно? Разъясните, пожалуйста
-
-
все плохо.
вместо ID использовать классы.
[color=#236E25][font=monospace][size=1]<!-- NOAD: orangefilm.gixx.ru -->[/size][/font][/color]какую полезную информацию нисет этот код?
[font=monospace][size=1]<div id="clear">[/size][/font][font=monospace][size=1]</div>[/size][/font]
вместо этого использовать "inline clear"
<!DOCTYPE HTML>
кроме доктайпа на сайте есть еще что-то из HTML5 ?!
http://orangefilm.gixx.ru/style.css
стили не читабельные. все можно было сделать проще, удобнее. Классов могло быть меньше (в твое случае ID).
не сдал.
<!-- NOAD: orangefilm.gixx.ru -->
Этот код я не добавлял это ,видимо сервер, на котором я выложил сайт.
Если не сложно, расскажите кратко, каким образом уменьшить количество классов и почему лучше классы вместо ID ?
<DOCTYPE HTML>
DOCTYPE такой поставил, потому что в видео уроках от "Специалист - Видеокурсы по Интернет-технологиям Web, HTML, CSS, PHP, Javascript, AJAX, и др" упоминают, что можно просто так ставить. Или это не верно?
Что такое "inline clear"?
-
а почему подсвечивается в правом верхнем углу *eng* если текст на странице русский о_О или так было в шаблоне ?
в шаблоне так было
-
Оцените верстку макета. http://orangefilm.gixx.ru/ Просьба указать как можно больше ошибок.
Подскажите как сделать так, чтобы у #foot линия не прыгала при уменьшении размера окна? Через position:absolute не получается.
-
Разъясните,пожалуйста почему тут http://htmlbook.ru/layout/fiksirovannaya-shirina-float-plyus-margin (Пример 2. Создание макета с двумя колонками) высота sidebar ограничена контентом, а здесь http://htmlbook.ru/layout/fiksirovannaya-shirina-ispolzovanie-float (Пример 3. Создание макета с двумя колонками)
тянестя во всю высоту?
-
Задача: все колонки резиновые и общий слой по центру страницы.
Верно ли я сделал? Подскажите каким еще способом можно?
<html>
<head>
<title>iRock-Виртуальный любимец Rock</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script>
</script>
</head>
<body >
<div id="content">
<div id="rock">
<p>В виде приложения под Андроид доступен
справочник «Рецепты CSS», в котором собраны
ответы на популярные вопросы, касательно оформления
элементов веб-страниц. Все рецепты систематизированы
по категориям, содержат таблицу поддерживаемых браузеров,
пример и результаты выполнения примера в браузере.
</p>
</div>
<div id="rock2">
<p>В виде приложения под Андроид доступен
справочник «Рецепты CSS», в котором собраны
ответы на популярные вопросы, касательно оформления
элементов веб-страниц. Все рецепты систематизированы
по категориям, содержат таблицу поддерживаемых браузеров,
пример и результаты выполнения примера в браузере.
</p>
</div>
<div id="rock3">
<p>В виде приложения под Андроид доступен
справочник «Рецепты CSS», в котором собраны
ответы на популярные вопросы, касательно оформления
элементов веб-страниц. Все рецепты систематизированы
по категориям, содержат таблицу поддерживаемых браузеров,
пример и результаты выполнения примера в браузере.
</p>
</div>
<div id="rock4">
<p>В виде приложения под Андроид доступен
справочник «Рецепты CSS», в котором собраны
ответы на популярные вопросы, касательно оформления
элементов веб-страниц. Все рецепты систематизированы
по категориям, содержат таблицу поддерживаемых браузеров,
пример и результаты выполнения примера в браузере.
</p>
</div>
</div>
</body>
</html>
CSS:
#content{position:absolute;
min-width:1000px;
padding:0 1%;
width:100%;
}
#rock{display:inline-block;
background:red;
float:left;
width:24%;
}
#rock2{
background:green;
margin-left:5px;
width:24%;
display:inline-block;
float:left;
}
#rock3{ margin-left:5px;
background:yellow;
width:24%;
display:inline-block;
float:left;
}
#rock4{
background:blue;
margin-left:5px;
float:left;
width:24%;
display:inline-block;
}
-
Я знаю 2 группы верстальщиков, одни важна валидность ( на пример мне), у других главный валидатор - браузер. Верстальщик, это не только расположить элементы в браузере, это еще сделать что бы было все ***. Взглянув на макет не увидел ни одной ссылки, есть 3 кнопки при наведении не понятно кнопки ли это? а другие ссылки и элементы? картинки и т.п. об остальном нету смысла говорить.
Ах нет.. вы можете сказать, что важны внутренности, и так, смотрю...
Очень много не нужных вложенных тегов, посмотрел спойлер и соседний блок, зачем эти дивы в дивах? почему не используете список? Но это лично моё мнение, Я часть делаю работы где дивов оч мало, ну есть некая подоплека в изощренности у меня.
Не живой макет.
Про hover: забыл совсем, поэтому ссылки и не живые. Торопился выложить макет. Сейчас понял, что поторопился.
Количество дивов влияет на качество верстки? Или просто, чем меньше, тем лучше для красоты кода?
-
-
Жду критики на макет. Слайдер еще не делал, так как javascript только начал проходить. Начал изучать html и css 3 месяца назад. Doctype и всякие meta прошу не учитывать. Мне важно правильно ли я сделал верстку. В трех основных браузерах вроде все нормально смотрится.
Адрес макета http://zalil.ru/34055504
-
Помогите, пожалуйста, разобраться.
В том макете http://forum.htmlbook.ru/index.php?showtopic=29381&st=0 не могу сверстать фон. Вставить картинкой не интересно. А вырезать не получается. Пробовал и однопиксельную полоску и больше пикселей. Размещал по горизонтали, по вертикали - получается не так как в макете.
В этом макете http://forum.htmlbook.ru/index.php?showtopic=24960&st=0 не понимаю как сделать этот пункт: изображение с планетой должно быть так же резиновым или сделайте так, чтобы было красиво при широком экране + текст в этом блоке всегда прижат к правому краю.
Объясните код !
in JavaScript
Posted · Edited by cypler
Еще вопрос. Вот код:
function filter(arr, func) {
var result = [];
for(var i=0; i<arr.length; i++) {
var val = arr;
if (func(val)) {
result.push(val);
}
}
return result;
}
function inBetween(a, b {
return function(x) {
return x >=a && x <= b;
};
}
var arr = [1, 2, 3, 4, 5, 6, 7];
alert( filter(arr, inBetween(3,6)) ); // 3,4,5,6
Я правильно понимаю что в шестой строчке if (func(val)) вместо func(val) подставляется inBetween(3,6) и получается
if (inBetween(3,6)(val)), а val передается в return function(x) вместо х ????