списки

[ppvkomi]

<div class="apDiv1">

<a href="index.php?categoryID=24" class="cat">простые телефоны</a>

<br>

<ul>

<li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li>

<li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li>

<li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="index.php?categoryID=79" class="standard">ДИАЛОГ</a></li>

<li><a href="index.php?categoryID=73" class="standard">ТЕЛФОН</a></span>

</li>

</ul>

</div>

а так можно или нет ?

[psywalker]

<div class="apDiv1">

<a href="index.php?categoryID=24" class="cat">простые телефоны</a>

<br>

<ul>

<li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li>

<li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li>

<li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="index.php?categoryID=79" class="standard">ДИАЛОГ</a></li>

<li><a href="index.php?categoryID=73" class="standard">ТЕЛФОН</a></span>

</li>

</ul>

</div>

а так можно или нет ?

Смотри например строка: <li><a href="index.php?categoryID=73" class="standard">ТЕЛФОН</a></span> - Тут спан закрывается в конце, а где открывается? Если у тега есть начало, должен быть и конец, понимаешь? Есть конечно теги пустые типа <br>, но в основном все теги закрываются.

[ppvkomi]

<span style="white-space: pre;"> <a href="index.php?categoryID=79" class="standard">ДИАЛОГ</a></li>

Открывающий на это строчке значит и закрывающий должен быть на ней

<div class="apDiv1">

<a href="index.php?categoryID=24" class="cat">простые телефоны</a>

<br>

<ul>

<li><a href="index.php?categoryID=74" class="standard">INTEGO</a><span style="white-space: pre;"> <a href="index.php?categoryID=87" class="standard">Samsung</a></li></span>

<li><a href="index.php?categoryID=81" class="standard">LG</a><span style="white-space: pre;"> <a href="index.php?categoryID=80" class="standard">Panasonic</a></li></span>

<li><a href="index.php?categoryID=72" class="standard">ВЕКТОР</a><span style="white-space: pre;"> <a href="index.php?categoryID=79" class="standard">ДИАЛОГ</a></li></span>

<li><a href="index.php?categoryID=73" class="standard">ТЕЛФОН</a>

</li>

</ul>

</div>

Правельно значит будет так.

[psywalker]

Нет, не правильная вложенность! Например. Найди косяк.

		<li>
			<a href="index.php?categoryID=74" class="standard">INTEGO</a>
			<span style="white-space: pre;"> 
				<a href="index.php?categoryID=87" class="standard">Samsung</a>
		</li></span>

[ppvkomi]

<li><span style="white-space: pre;"><a href="index.php?categoryID=74" class="standard">INTEGO</a> <a href="index.php?categoryID=87" class="standard">Samsung</a></li></span>

А если так ?

[psywalker]

<li><span style="white-space: pre;"><a href="index.php?categoryID=74" class="standard">INTEGO</a> <a href="index.php?categoryID=87" class="standard">Samsung</a></li></span>

А если так ?

Перебор вариантов не прокатит, валидатор тебе в помощь.

[ppvkomi]

<li><span style="white-space: pre;"><a href="index.php?categoryID=74" class="standard">INTEGO</a> <a href="index.php?categoryID=87" class="standard">Samsung</a></span></li>

[psywalker]

<li><span style="white-space: pre;"><a href="index.php?categoryID=74" class="standard">INTEGO</a> <a href="index.php?categoryID=87" class="standard">Samsung</a></span></li>

Молодец! Угадал

[ppvkomi]

ну почему угадал просто поторопился ответить в прошлый раз и все.

Так скажи все же так можно делать или нет ?

[psywalker]

ну почему угадал просто поторопился ответить в прошлый раз и все.

Так скажи все же так можно делать или нет ?

Если ты делаешь правильно, то почему нет?

1) Не копируй код

2) Учись сразу писать код красиво, соблюдай вложенность и правильные отступы

3) Читай, читай и ещё раз читай!!!

[ppvkomi]

да читаю понемногу я читаю код не скопирован

[psywalker]

да читаю понемногу я читаю код не скопирован

Молодец, читай внимательнее и больше.

[ppvkomi]

стараюсь.

[Clayton]

стараюсь.

Тебе на мой взгляд с другого начинать надо.

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

[ppvkomi]

спасибо за совет примем к сведению .

[Clayton]

прими, а то надоело твой скопированный хрен знает откуда левый код, просматривать

[ppvkomi]

ха ха смешно но придумал я его сам

[Clayton]

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

1) class="apDiv1"

2) style="white-space: pre;"

3) class="cat"

4) class="standard"

И ксс покажи)

[IOzer]

Я конечно в этом не силён, но у меня в шаблоне так:

<!-- Начало блока -->
		<div class="block">
			<div class="block-1"><img src="{THEME}/images/bnav.gif" align="absmiddle" />Раздел</div>
			<div class="block-2"></div>
		</div>
		<div class="block2">
		<table class="noname2"><tr><td valign="top">
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a> </div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>	
		  </td><td valign="top">
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a></div>
<div style="padding:0px;"><img src="/templates/web/icon/m02.gif" align="absmiddle" style="padding-right: 5px;" /><a href="/">Категория</a> </div>
</td></tr></table>

</div>
		<div class="block3"><div class="block3-1"></div><div class="block3-2"></div></div>

вот шаблон такой же _http://wewe.ru/ в две колонки

Edited December 14, 2009 by IOzer