WabFad

cssview Я если честно хз, это у меня заготовка с блога димка для прижатия футера к полу. Спасибо, но ничего не изменилось код danco помог))

danco Вы колдун!!!) Спасибо большое, все работает! А можете подсказать как это получилось. Точнее объяснить смысл строки, что бы знать на будущее)

background:url(img/bg.png) no-repeat 50% 0;

Почему при позиционировании на 50% ничего не изменилось, но ездить перестало?

<div id="container">
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">

css

* {
  margin: 0;
  padding: 0;
}

html {height: 100%;}

* html body {height: 100%;}

body {
  min-height: 100%;
  position: relative;
  background-image:url(img/bg.png);
  background-repeat:no-repeat;
  }

#container {
width:960px;
margin:auto auto;
}

#header {
height:415px;
}

#content {
background-image:url(img/content-bg.png);
  background-repeat:repeat-x;
}

#footer {
position:relative;
  bottom: 0;
  height: 80px;
}

Добрый день, сейчас верстаю один макет, и столкнулся с такой проблемой:

http://s011.radikal.ru/i315/1201/ba/9a2f69f0373a.png

беграунд сверху размером 1800px и блок контента должен быть посредине.

На 1920х1080 все отлично. Однако на меньших разрешениях выходит вот так:

http://s018.radikal.ru/i510/1201/2e/9d8e19e9d506.png

Вопрос, как сделать что бы на всех разрешениях все выглядело одинаково?

Я вот думаю по поводу: Отдельный бг для каждого разрешения, такое возможно?

Если да, то как сжимать картинку, ибо нужно сжать только горизонтально, а вертикально вроде бы должна быть такой же.

тут была ссылка

Что вообще скажете по поводу дизайна, юзабельности и т.д.? Я вот по сайту щас гуляю, ощущение что чего то не хватает, может кто подскажет что то?

—-

Пришла идея сделать миниатуры и выводить в цикле, плагины нашел, миниатуюры выводятся но печаль в том, что основная картинка тоже выводится, как быть?

С новым годом ребяты!=)

Верстаю сейчас под wp, необходимо вывести вот в таком виде новости в категориях:

http://i041.radikal.ru/1201/19/67df69f80e2f.png

Не могу понять как сделать такое обтекание изображения, ибо при любых манипуляциях title получается над картинкой. На голом html это сделать не особо сложно, а на WP, ни как не пойму как делать, ибо изображение находится внутри поста...

Буду благодарен за пинок в нужную сторону.

Спасибо.

И на это ушлотри часа..

Спасибо большое, помогло!)

Добрый вечер. Помогите пожалуйста, уже несколько часов пытаюсь сделать сайдбар но все впустую

Суть в чем, есть футер контент и сайдбар, все это находится в контейнере. верстаю под wp

вот код:

<div id="container">
	<div id="header">шапка</div>
<div id="content">контент</div>

<div id="sidebar">Это сайдбар</div>
<div id="footer">футер</div>

Вот css

* {
  margin: 0;
  padding: 0;
}
html {height: 100%;}
* html body {height: 100%;}
body {
  min-height: 100%;
  position: relative;
}
#container {
width:980px;
margin:0 auto;
}
#content {
  padding-bottom: 100px;
    margin-right:200px;
}
#footer {
  position: absolute;
  bottom: 0;
  height: 80px;
}
#sidebar {
    width:300px;
    float: left;
}

и получается сайдбар под футером, как его на место поставить?

пробовал по этой схеме:

.sidebar{
    width:300px;
    display: block;
    float: left;
    margin: 0 0 0 -100%;    
}
.content{
    min-width:723px;    
    display: block;
    float: left;
    margin: 0 0 0 220px;
}

Сайдбар становится на место, футер заезжает на контент(

Это все магия для прижатия футера к полу, я если честно не ло конца понимаю как это работает, но то что отступ вверх должен быть равен высоте футера, это я знаю 100%

WabFad,

Навигация, навигация и еще раз навигация. Она не очевидна. То что рожи являются разделами сайта - поняла не сразу. Только после наведения на внутренней странице.

Во-вторых, навигация в футере тоже не понятна, вроде как и дублирует основную(?), но опять же из-за разного внешнего вида - это не ясно пока не прочтешь ей урл, также в футере есть и другие ссылки отличные от верхних.

Не понятна внутренняя структура, что есть что, где я есть и т.д.

Окончательно убила ссылка на главную в подвале.

В общем совсем не юзабельно.

Прочитай хотя бы пару книг на эту тему.

А мне навигация нравится Проводил опрос, вроде все в конечном итоге догоняют что это навигация. Разница между навигацией в шапке и в футере в том, что в шапке основные фейсы, а в подвале все которые есть. Структура по идее проста, есть разделы, в них картинки, что должно быть еще? хлебные крошки? я думал, но в итоге понял что не будет это смотреться. Главная в футере небольшой, эмм как бы выразиться, троллинг посетителей. Я этим занимаюсь год, читал лебедева, думаю что книжки ничего нового не дадут, этику веб дизайна я читал)

Сайт шикарен. Правда, не сразу понял, где меню

Где описание Funck Yeah? =\

Оставил сайт на время, сейчас заниматься этим буду

При увеличение браузера, полоска футера до конца не доходит

Спасибо бро, и правда так.

Да! Да! Еще!!! Дружище! У тебя косяк в коде. В общем смотри:

1) У тебя идет в style.css в стилях для id="container" такая шляпа: вместо 30px стоит 300px. Один ноль ты лишний сделал

#content {

padding-top: 300px;

}

сделай так:

#content {

padding-top: 30px;

}

2) В стилях для id="footer" убери строку position: absolute;

Эээ, и какой эффект это должно дать?)

в контенте

padding-bottom: 300px;

padding-top:30px;

топ и так 30, а bottom равен высоте футера, что бы тот на текст не залазил)

А абсолютное позиционирование позволяет держать футер прижатым.)

сейчас что нибудь придумаю)

По вертске всего один вопрос, где h1 и почему сразу h2?

Не предусмотрел) поправим)

Спасибо всем кто дал свои комментарии

Дык я и не оправдываюсь, в правилах четко прописано:

3. Указывайте, что именно вы желаете оценить: дизайн, верстку, код, юзабилити, общее впечатление и др. В противном случае обсуждение может пойти совсем в другом русле, чем вам бы хотелось.

Но вместо оценки дизайна я получаю оценку идеи)

То что мне сказали по поводу дизайна, я принял к сведению (про наведение мышкой на рожи). Я адекватно воспринимаю любые оценки, будь они хорошие или плохие, но по той теме, о которой говорю я.

Сайт ни о чем, пропаганда/сборник разного говна, которое постоянно и так разливается по интернету. Если делать сайт тратя силы, нервы, время, деньги, то на что-то полезное, хоть самую каплю, но полезное. Все остальное сжечь за ненадобностью

facepalm.jpg вроде же следовал правилам, четко написал, что НУЖНО оценить. Уважаемый, за то что подсказали по поводу меню, спасибо. Оценивать идею сайта, вас никто не просил

Оцените пожалуйста сайт в плане юзабельности и дизайна. Понятно, то что вверху и внизу это ссылки на разделы?

Что посоветуете добавить в шаблоне, убрать, изменить?

Говно сайт или нет, я решу сам. ага? а вы делайте полезное^^

yacor

По поводу цвета сейчас побалуюсь, а контент растягивать нельзя, ибо на меньших разрешениях появится горизонтальный скроллинг. Спасибо!

bayanruby2 Я вот думаю сделать стрелочку с надписью "Навигация. Ваш кэп", надеюсь нормально смотреться будет)

я конечно не дизайнер но выглядит ужасно. и футер прибит к левому краю зачем-то а справа пустота.

Это какой браузер? О_о

А простите юзабилити чего оценить?

Эмм, удобство использования, насколько удобно то, что так оформлены ссылки (вверху и внизу)

не хочу показаться грубым но над дизайном надо еще работать и работать.

Не хочу показаться идиотом, но на мой взгляд я уже достаточно проработал дизайн О_о

Через что вы открываете?

Где бы я не тестировал, все выглядит примерно так

http://s59.radikal.ru/i166/1111/28/28aab73f39a3.jpg

Приветствую!

Сайт: http://троллфейс.рф/

В общем отверстал дизайн под вп, сделал как мне было бы удобно, но удобно ли это остальным?

Оцените пожалуйста сайт в плане юзабельности и дизайна. Понятно, то что вверху и внизу это ссылки на разделы?

Что посоветуете добавить в шаблоне, убрать, изменить?

Большое спасибо.

Добрый день! Подскажите пожалуйста, как можно реализовать подзагрузку на сайте? Т.е. имеется три страницы, index.html, a.html, b.html Первая ссылается на a и b, но при переходе нужна задержка секунд в пять-семь, надпись загрузка и бегунок, типа такого

Я думаю писать его не нужно, ибо такое 100% уже есть, просто подскажите как такое искать, на чем это можно сделать?

Понял, спасибо

Добрый день, я новичок как бы, и почти в каждом шаблоне замечаю что шаблон нарезан. Подскажите по какому принципу это делается и для чего?

Порою (как в примере) режется совершенно странным образом. не могу понять смысла.

PS верстаю по слоям, сохраняю слой и после уже использую, быть может я что то не так делаю?

и еще вопрос, для такой шапки

будет ли корректен такой код:

#header {
	height: 250px;
	font-size:9px;
	background:url(img/hd.png) no-repeat bottom;
	}
#header h1 {
position:absolute;
margin-top: 60px;
margin-left:390px;
font-size:40px;
}
#header h2 {
position:absolute;
margin-top: 120px;
font-size:30px;
}
#header h3 {
position:absolute;
margin-top: 140px;
font-size:20px;
}
#header h4 {
position:absolute;
margin-top: 40px;
font-size:10px;
}

т.е. установка всем элементам параметра absolute и дальнейшим позиционированием между собой?

——-

bonyany

Большое спасибо, сейчас буду пробовать

Добрый день, вопрос наверное глупый но все же очень хотелось бы, есть ли шанс подзагрузить шрифт силами css и html?

Т.е. в css прописано

font-family: шрифт-которого-нет-у-юзера-на-компе,Arial, Helvetica, Sans-Serif;

font-size: 40px;

font-style: normal;

есть ли какая либо возможность отображения этого шрифта?

если нет, считается ли некрасивым или некорректным в плане верстки ставить текст логотипа через img src?

да и вообще как быть, если дизайнер указал в качестве стандартного (всего текста на сайте) шрифт отсутствующий в стандартных наборах?

заранее спасибо

еще вопрос, код футера тот же, при добавлении большего количества новостей на сайт, футер не двигается вместе с низом браузера, а остается на своем месте.

подскажите как сделать что бы футер был прибит к полу, но не на одном месте?

для наглядности во скрин

http://s42.radikal.ru/i098/1107/6d/f25a51b34832.jpg

buddah

Большое спасибо! Теперь все ясно!

Большое спасибо, и правда работает, но почему просто бекграунд? за фоновое изображение ведь отвечает background-image

Всем привет, наткнулся на такую проблемку. Верстаю свой первый дизайн, предварительно пройдя самоучитель css. Сильно не бейте если вопрос очень нубский. Так вот.

html код выкладывать не буду так как там просто стандартные классы footer header и т.д.

в вот css код такой

* {
margin: 0;
padding: 0;
font-size: 100%;
}
body {
background-color: #fff111;
height: auto; 
min-height: 100%;
}


#header {
padding: 30px;
}

#content {
margin: 10px auto;
width: 700px;
color: #000;
background-color: #fff;
}

#footer {
    height: 40px;
    width: 100%;
    position: absolute;
    left:0;
    bottom: 0;
    background-image: url(images/foot.png) repeat-x #000;
}

но картинка на фон футера не накладывается. если ниже прописать

background-color: white;

то цвет заливается. вопрос что я делаю не так?) дизайн под wordpress, файлы хранятся в wp-content/themes/mytheme

Не помогло

there is no attribute "height"
					<table width="100%" height="133px"  border="0px" cellpadding="0" cellspaci…
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Сильно не бейте плиз если нублю, проблема в следующем, стандарт на сайте XHTML 1.0.

валидатор выдает 20 ошибок типа:

Line 51, Column 33: there is no attribute "height"

<table width="100%" height="133" border="0" cellpadding="0" cellspacing="…

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

или вот например:

Line 506, Column 74: element "noindex" undefined

…h3> <div class="textwidget"><noindex><center><!--LiveInternet counter--><scr…

✉

You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),

by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).

by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).

насколько я понял это проблема в стандарте, однако, если я изменяю стандарт, то ошибок становится в разы больше, подскажите как можно исправить ситуацию?