Re: За мнение / Компютри и Интернет / WEB Дизайн и HTML

Здрасти,

Имаш мегдан за оптимизация на CSS-а, например:

1. вместо

div.cell{}
div.header{}
и т.н.

може да пишеш просто

.cell{}
.header{}

div отпред ти трябва единствено ако ползваш клас .cell за няколко вида елементи, т.е.

.cell{атрибути и стойности за div и p}
div.cell{атрибути и стойности само за div с тоя клас}
p.cell{други атрибути и стойности само за p с тоя клас}

Така ще си олекотиш CSS-а.

2. Нямаш нужда от класа .menuitem, към тези div-чета можеш да се обръщаш в CSS-a като

.menu div{...}

В допълнение, вместо

<div class="menu">
<div class="menuitem"><img src="elements/bluearr.gif" hspace="15" /><a href="index.php?p=2&lang=bg">За фирмата</a></div>
.
.
</div>

можеш да имаш просто

<ul id="menu">
<li><a href="">За фирмата</a></li>
.
.
</ul>

Синята стрелка във всяко .menuitem отива като CSS background на <li>-то.

Така ще си олекотиш HTML-а и ще го направиш по-семантичен

3. Учудвам се, че при положение, че си ползвал float-ове, за да си нагласиш главното меню, си сложил таблица за елементарно нещо като основния блок с параграфите (страница Партньори) - дай да не разваляме пейзажа

4. color: Maroon; - тая екзотика

се надявам, че си я тествал дали върви под необходимите браузъри

Успех!

П.С. Ако искаш, можеш да си направиш в главното меню целите правоъгълничета да са линк, а не само думите (За фирмата / Строителство и т.н.). Прави се като зададеш display:block плюс ширина (и евентуално височина) на <a> - тата. В този случай сините стрелки трябва да отидат като background на <а>-тата , а не на <li>-тата.