taiki

November 17, 2012

задвоилось сообщение

November 17, 2012

Вопрос по способу предложенному вами:

Чем то что я сделал, принципиально отлечается от того что предлагается?

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

Если боротся за "чистоту классов" мой вариант лучше, так как в верстку не вводятся дополнительные элементы. А вы сами говорите что не к чему использовать лишнее.

Касательно вашего варианта меню, я обошелся вообще без классов, в последней редакции не потребовалось даже использования псевдоэлементов, так как я отказался от разделителей.

header  nav {
	display: none;
	background: #eee;
	border-radius: 0 0 5px 5px;
	height: 20px;
	margin: 0 auto;
}

nav li {
	width: 192px;
	float: left;
	}

nav li a {
	text-align: center;
	width: 172px;
	line-height: 1em;
	float: left;
	margin: 0 10px;
}

nav li a:hover {
	border-bottom: 3px solid #F04D63;
	border-radius: 0 0 5px 5px;
}

nav li a:active {
	color: #F04D63;
}

header div {
	float: left;
	margin: 0 10px;
}

header div a {
	background: #eee;
	border-radius: 0 0 5px 5px;
	text-align: center;
	font-size: 2.4em;
	height: 25px;
	width: 120px;
	float: left;
	padding: 0 25px;
}

header div a:hover,
header div a:active  {
	color: #F04D63;
}

Еще хотел бы уточнить, Вы подключаете 2 скрипта:

<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!--[if lt IE 9]>
	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE9.js"></script>
<![endif]-->

для чего они?

По поводу выпадающего меню, это вопрос риторический.

И еще один вопрос, касательно классов, почему от них стоит отказатся?

November 16, 2012

Подскажите, корректно ли так прижать Footer к низу окна?


html {
	position: relative;
	width: 100%;
	min-height: 100%;
}

* html {
	height: 100%;
}

...

footer {
	width: 100%;
	position: absolute;
	top: 100%;
}

#bottom-menu {
	border-top: 1px solid #444;
	width: 960px;
	height: 50px;
	margin: -51px auto;
}

полный код по адресу: _http://www.25pixel.ru/

Спасибо

November 14, 2012

Класс один лишний можно убрать

November 14, 2012

Да, задали задачку , но вроде как получилось.


                        <div id="top-menu">
				<nav>
					<ul>
						<li class="menu-il_right"><a href="#" class="menu-item">menu 1</a></li>
						<li class="menu-il_center"><a href="#" class="menu-item">menu 2</a></li>
						<li class="menu-il_center"><a href="#" class="menu-item">menu 3</a></li>
						<li class="menu-il_center"><a href="#" class="menu-item">menu 4</a></li>
						<li class="menu-il_left"><a href="#" class="menu-item">menu 5</a></li>
					</ul>
				</nav>
				<div class="menu-buttom-cont"><a href="#" class="menu-buttom">Menu</a></div>
			</div>

но такое ощушение, что как-то сложновато.

November 11, 2012

А если я правильно понял - то к taiki коду надо внести изменения:
Для всех картинок строго задать ширину, чтобы не вывалились случайно - а высота будет пропорционально подбиратся.
<li><img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" width="100"></li>
Если высота будет меньше или больше - то дивы налезут друг на друга или будет огромное пространство - поэтому:
img {
border: 1px solid #000;
width: 100px;
height: 100px;
padding: 0;
margin: 0;
}
:boast:/>/>

по height, по border нет, так как в исходнике он был :boast:/>

November 11, 2012

Добавь 2 контейнера: один для левого столбца, второй для правого.

А лучше скинь код.

November 11, 2012

как-нибудь так:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<style type="text/css">
#photos_list {
    text-align: center;
    border: 1px solid #000;  
     width: 100%;
    padding: 0;
    margin: 0 auto;
}

li {
    list-style: none;

}

img {     
    border: 1px solid #000;    
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
}
</style>


    <div id="photos_list">
        <ul>
        <li><img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg"></li>
        <li><img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg"></li>
        <li><img src="/fw/files/thumb/34eaad9ffdbf4b65a82c2c57c54b0c0a.jpg"></li>
        <li><img src="/fw/files/thumb/461fc5c153c5dcc1e7ac045150f4b44b.jpg"></li>
        <li><img src="/fw/files/thumb/9d666b51d1ff8fddf24c2b2a889f4251.jpg"></li>
        <li><img src="/fw/files/thumb/5acaae7d8527aedc1e4e05f7f518b7ea.jpg"></li>
        <li><img src="/fw/files/thumb/90dab5a3a5bcf241630753a17e93497b.jpg"></li>
        <li><img src="/fw/files/thumb/0ecdd875ddea950fe6d05e0f597ced40.jpg"></li>
        <li><img src="/fw/files/thumb/f77274251c3c8591abe091e1652467af.jpg"></li>
        <li><img src="/fw/files/thumb/4abe9757c70f006f3fe3082302949045.jpg"></li>
        <ul>
    </div>

Но возможно это не очень корректно.

November 10, 2012

по поводу nav, почитал _html5doctor.com, не до конца понял семантику menu.

по поводу id и class, тоже нашел, опять же не корректно понял суть..

сейчас буду править, еще раз спасибо.

поправил согласно замечаням, валидация прошла успешно.

Думаю так должно быть корректо


<nav>
	<ul>
		<li><a href="#" class="menu-item">menu 1</a></li>
		<li class="menu-wrap"></li>
		<li><a href="#" class="menu-item">menu 2</a></li>
		<li class="menu-wrap"></li>
		<li><a href="#" class="menu-item">menu 3</a></li>
		<li class="menu-wrap"></li>
		<li><a href="#" class="menu-item">menu 4</a></li>
		<li class="menu-wrap"></li>
		<li><a href="#" class="menu-item">menu 5</a></li>
	</ul>
</nav>

November 9, 2012

Учел, исправил.

Буду думать дальше. Спасибо

November 8, 2012

Изменил дизанй поста

November 8, 2012

Добрый день,

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

Хотел бы услышать ваше мнения по поводу качаества верстик, все ли на данном этапе корректно, нет ли грубых ошибок в коде. Так же прошу оценить CSS и дизайн. Что бы вы исправили или сделали подругому.

Шаблон лежит по адресу: _http://www.25pixel.ru/

CSS: _http://www.25pixel.ru/style.css

Заранее спасибо.

November 5, 2012

Спасибо, будем думать

November 4, 2012

Доброго времени суток,

Не знаю подходит ли данный вопрос в этот раздел, прошу сильно не ругаться если промахнулся.

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

И последниий вопрос, нет ли сервисов или прогамм для оптимизации СSS файла?

July 7, 2011

sigma77, причем тут я?

July 7, 2011

sigma77, тут даже не в диве проблем мне кажется, а из-за фона.

July 7, 2011

можно и так.

я конечно извиняюсь, но зачем требуется точное воспроизведение .jpg?

пардон не корректно понял вопрос.

border настраивает стиль для всех границ.

если проложившим вставить


* {
border: 1px solid #444;
}

у тебя все границы ( вообще все), буду серые толщиной 1 пиксель

если сделать


table {
border: 1px solid #444;
}

то соответственно только внешние границы будут толщиной 1 пиксель

и так далее.

July 7, 2011

а как с границами у табла поступить, что б былло как в оригинале?

в стилях нужно добавить border: [параметры]

но тут нужно смотреть куда конкретно

July 7, 2011

дак у меня у дива фон статичной высоты он не тянется...

из-за фона все так и поехало так как он не тянеться, пардон но это на мой взгляд очевидно.

July 7, 2011

по этому поводу есть неплохой инструмент http://grids.heroku.com/

July 7, 2011

попробуй поставить в стиле ( в самом начале)


* {
padding: 0;
}

либо всему контейнеру задать max-width

и га будущее не используй в коде кирилличные название названия, только латынь. кириллицей должен быть только контент, если проще то в коде не должно быть стиль1, стиль2...

July 7, 2011

Почему у всех <div>? Я думал, что HTML5 предполагает какой-нить <section>...

почему у всех, я в 1 по старинке таблички юзал

July 7, 2011

смотрю на все и понимаю что где-то что-то делаю однозначно не так.

July 7, 2011

стяну себе работы rash, если не против.

July 7, 2011

http://jsfiddle.net/taiki2702/7Eqw2/

http://jsfiddle.net/taiki2702/8DpYV/5/

Сделал не все, и не много не до конца, все равно не призовые места не рассчитываю, больше интересно что скажут о "стиле".

P.S. в предыдущем напортачил с hide

Sign In

taiki

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by taiki

Заготовка шаблона для WP

Заготовка шаблона для WP

Заготовка шаблона для WP

Заготовка шаблона для WP

Заготовка шаблона для WP

Выровнять блоки

Как убрать пространство между div

Выровнять блоки

Заготовка шаблона для WP

Заготовка шаблона для WP

Заготовка шаблона для WP

Заготовка шаблона для WP

CSS - подключение стилей

CSS - подключение стилей

Прайс html из jpg

Прайс html из jpg

Прайс html из jpg

Прайс html из jpg

Прайс html из jpg

Ширина макета

Прайс html из jpg

Обсуждение работ

Обсуждение работ

Обсуждение работ

Решение задач для мини-конкурса Блоки

Forums

Important Information