18.12.2013, 13:14
|
Кандидат Javascript-наук
|
|
Регистрация: 02.06.2013
Сообщений: 135
|
|
диагностика html.
Сейчас работаю над этой страницей. Приветствуются любые комментарии.
Последний раз редактировалось Станислав89, 18.12.2013 в 15:44.
|
|
18.12.2013, 17:46
|
Профессор
|
|
Регистрация: 22.08.2013
Сообщений: 217
|
|
Это же просто скриншоты, для комментариев нужен код. А так - красный цвет на фон лучше не ставить. И зачем нужна клевая вставка Date()? Изображение растянуто - выглядит не очень. Это табличная верстка? ИМХО
|
|
18.12.2013, 18:25
|
Кандидат Javascript-наук
|
|
Регистрация: 02.06.2013
Сообщений: 135
|
|
ну код, так код.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Черновик</title>
<style>
body {
background: blue;
color: black;
margin: 0px;
}
#window {
margin: 0 125px;
background: yellow;
}
#menu {
background: white;
}
#size {
font-size: 150%;
float: left;
width: 15%;
height: 100%;
background: green;
}
#font-size {
font-size: 150%;
float: right;
width: 15%;
height: 100%;
background: green;
}
#left {
font-size: 150%;
float: left;
width: 35%;
height: 100%;
background:#0099CC;
}
#right {
font-size: 150%;
float: right;
width: 35%;
height: 100%;
background: #0099CC;
}
#down {
background: red;
}
button {
border-top: 1px solid #96d1f8;
background: #65a9d7;
background: -webkit-gradient(linear, left top, left bottom, from(#2d5396), to(#65a9d7));
background: -webkit-linear-gradient(top, #2d5396, #65a9d7);
background: -moz-linear-gradient(top, #2d5396, #65a9d7);
background: -ms-linear-gradient(top, #2d5396, #65a9d7);
background: -o-linear-gradient(top, #2d5396, #65a9d7);
padding: 5.5px 11px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 15px;
font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
button:hover {
border-top-color: #28597a;
background: #28597a;
color: #ccc;
}
button:active {
border-top-color: #3380b0;
background: #3380b0;
}
</style>
</head>
<script>
</script>
<body>
<div id="window">
<div id="menu">
<img src="top.jpg" width="100%" height="30%">
<br>
<script>
document.write(new Date());
</script>
</div>
<div id="size">
<button><a href="javascript.html">Cделать главной</a></button>
<button><a href="javascript2.html">О нас</a></button>
<button><a href="javascript3.html">Услуги</a></button>
<button>Услуги</button>
<button>Сделать заказ</button>
<button>Фотографии</button>
<button>Форум</button>
<button>ССылки</button>
</div>
<div id="font-size">
</div>
<div id="left">
</div>
<div id="right">
</div>
<div id="down">
<br>
</div>
</div>
</body>
</html>
Последний раз редактировалось Станислав89, 18.12.2013 в 18:29.
|
|
18.12.2013, 18:41
|
|
Профессор
|
|
Регистрация: 13.03.2013
Сообщений: 1,572
|
|
где doctype
стили css вынеси в отдельный файл и подключай
это что такое?
<script>
</script>
а это что такое? зачем ссылка внутри кнопки? ссылка должна иметь title
<button><a href="javascript.html">Cделать главной</a></button>
<div id="font-size"> другой ид слабо придумать
margin: 0 px; и т.д.
я же приводил ссылки в помощь начинающим.
воспользуйтесь одним из генераторов шаблона.
Посмотрите, что и какой код генерят
|
|
18.12.2013, 18:43
|
|
Профессор
|
|
Регистрация: 11.09.2010
Сообщений: 8,804
|
|
Возьми какой-нибудь бесплатный psd-макет да верстай его. А то на эти страшно смотреть. В качестве бонуса можно получить уже выполненную верстку и в случае затруднейний подсматривать в код.
__________________
В личку только с интересными предложениями
|
|
18.12.2013, 19:00
|
Кандидат Javascript-наук
|
|
Регистрация: 02.06.2013
Сообщений: 135
|
|
а мне нравится своя работ.
Poznakomlus,
1. Про доктайп я знаю, - но html5 у меня вышел с ошибкам, разберусь всему своё время.
2.это промо. стили я знаю, как выносить в отдельный фал и подключать.
3. ну скрипт и скрипт.)) я в курсе. - не убрал потому что занимался с этим, а потом оставил.
4. ссылка с кнопкой тоже работает, тогда, какая особо разница?
5.<div id="font-size"> другой ид слабо придумать - спасибо мне тоже было смешно
6.margin: 0 - что ж будем знать.
тем не менее мне моя работа, очень понравилась, как и всем моим знакомым.
|
|
18.12.2013, 19:07
|
Кандидат Javascript-наук
|
|
Регистрация: 02.06.2013
Сообщений: 135
|
|
а подскажите, я подзабыл -
как сделать надпись, чтобы она расплогалась по середине двух строк. между шапкой и строчкой со временем. как это делается?- забыл
|
|
18.12.2013, 19:25
|
|
Быдлокодер;)
|
|
Регистрация: 19.11.2010
Сообщений: 4,338
|
|
Сообщение от Станислав89
|
а мне нравится своя работ.
|
Сообщение от Станислав89
|
тем не менее мне моя работа, очень понравилась, как и всем моим знакомым.
|
Вот это плохо, чтобы научиться делать хорошо, нужно трезво глядеть на свои поделки. Это нормально, что когда человек учится у него получается только "говно", но нужно также отдавать себе отчёт в том, что это говно, иначе ты рискуешь остаться на своём низком уровне навечно.
|
|
18.12.2013, 19:51
|
|
Профессор
|
|
Регистрация: 11.09.2010
Сообщений: 8,804
|
|
Сообщение от Станислав89
|
4. ссылка с кнопкой тоже работает, тогда, какая особо разница?
|
Кроме того, что это глупо и нелогично, совать один активный элемент внутрь другого (что и отражено в спецификации HTML запретом на такие дела), так еще и теоретически может не работать в какой-нибудь реализации HTML-движка (хотя маловероятно).
__________________
В личку только с интересными предложениями
|
|
18.12.2013, 19:56
|
Кандидат Javascript-наук
|
|
Регистрация: 02.06.2013
Сообщений: 135
|
|
да нормальный сайт. вот я контент забил.
а где шаблоны лежат?
|
|
|
|