Моля да оцените

първия ми сайт. Бих искала да ми кажете дали намирате някои неща в кода за ненужни и/или неправилни? За дизайна приемам разбира се всякакви забележки - все още сме на вие с фотошопа
[линк]

1. Вместо да си позиционираш основните div-ове абсолютно (при което половината страница минава в дясното небитие, освен ако човек не е на резолюция 1280/1024), по-добре ползвай #head,#menu,#main{margin:0 auto;text-align:left;} + допълнително body{text-align:center;} за стари IE.

2. Вместо:

<img class="hrimage" src="hrimage.jpg" width="620" height="10" alt="" />

можеш да ползваш <hr /> и в CSS-то:

hr{color:#няквожълто;width:620px;height:10px;}

3. По мое мнение, можеш да пуснеш страницата да се лее надолу, а не да имаш фиксиран div с вътрешен скрол.

4. Hover ефектът на главното меню може да се направи и само с CSS, без javascript, но това си е вече личен избор :) Ако се интересуваш, погледни [линк]

5. Строго погледнато, класовете ukazanie, formi, vruzki и contact трябва да са id, а не class, но това пък съвсем няма значение.

[линк] - лекции, мъдрости, интернет сигурност, уеб дизайн

Благодаря значи, това за позиционирането ще го опитам, но пустото HR не ще и не ще, поне при мен, да се оцветява и подобни никъде другаде освен в ИЕ 6, във Файърфокс и Нетскейп се получава едно нищо и затова се принудих да го направя на картинка.

Не бях се занимавал с HR-та, вярно, че се опъват под Firefox, ама ето решението:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"[линк]">



<html xml:lang="bg" xmlns="[линк]">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<style type="text/css" media="screen">

<!--

body{

font-family: verdana, sans-serif;

font-size: 0.8em;

margin:0;

background-color: #ccc;

text-align: center;

}

div{

width: 700px;

background-color: #fff;

padding: 20px;

margin: 20px auto;

text-align:left;

}

h1{

font-size: 1.1em;

text-align:center;

}

hr{

width:80%;

height:10px;

color:#ff9;

background:#ff9;

border:0;

margin:20px auto;

text-align:center;

}

pre{

font-family:courier,sans-serif;

font-size:1.2em;

}

-->

</style>

<title>HR Element Demo</title>

</head>

<body>

<div>

<h1>HR Element Demo</h1>

<hr />

<p>CSS:</p>

<pre>

body{

font-family: verdana, sans-serif;

font-size: 0.8em;

margin:20px;

background-color: #ccc;

text-align: center;

}

div{

width: 700px;

background-color: #fff;

padding: 20px;

margin: 20px auto;

text-align:left;

}

h1{

font-size: 1.1em;

text-align:center;

}

hr{

margin:20px auto; ---> центриране на по-тясно HR за IE6 и Firefox

width:80%;

height:10px;

color:#ff9;

background:#ff9; ---> това е заради Firefox

border:0; ---> и това е заради Firefox

text-align:center; ---> центриране за IE (в частност - IE5)

}

pre{

font-family:courier,sans-serif;

font-size:1.2em;

}

</pre>

<hr />

</div>

</body>

</html>

[линк] - лекции, мъдрости, интернет сигурност, уеб дизайн

Не е много удачно да правиш така формата "за предложения" ето тук [линк] по такъв начин. След като кликнеш на "Изпрати" отваря майл клиента на потребителя.Най-добре е да се регистрираш ето тук:
[линк]. Една от услугите им е т.нар
"безплатна обратна връзка". Нямат реклами. Допълнителната екстра е че ще
скриеш майл адреса от евентуални спамери. За HR тага пробвай нещо такова :

hr {

width:80%;

height:10px;

border:0;

border-bottom: 10px solid #ff9;

}

примерно. Ако имаш някъде нагоре глобално подравняване различно от
център, напиши text-align: center;.
Успех.

От неизбежното се възмущава само този, който е неразумен.