HTML+CSS+JavaScript

Точно! Это сработало, спасибо.

ну можно попробовать для ul поставить float: left;

Лениво))) но похоже другого выхода нет... всё прекрасно работает если для UL тупо поставить margin-left: 200px... тогда список отъезжает от картинки и нормально выравнивается... и всё же не верю, что нет другого способа...

и всеже, если задать стили для списков?

>>ну это уже надо стили для списков писать

если убрать картинку, то получается вот такой видон (см. файл)... я же ничего не меняю в CSS (wasntme)

ну это уже надо стили для списков писать :) и кстати лучше их вот так выстраивать:

<div class="image">   <img src="Pictures/pencil.jpg" class="main"/>   <h2>Заоголовок</h2>   <ul>     <li>       Первое       <ul>         <li>Первое А</li>         <li>Первое Б</li>         <li>Первое В</li>       </ul>     </li>     <li>Второе</li>   </ul> </div>

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

Вуаля... Надо, чтобы список был визуально вложенным.

чет я не понял... можно скриншот?

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

<div class=image>   <img src=Pictures/pencil.jpg class=main>   <h2>Заоголовок</h2>   <ul>     <li>Первое</li>       <ul>         <li>Первое А</li>         <li>Первое Б</li>         <li>Первое В</li>       </ul>     <li>Второе</li>   </ul> </div>

margin-right для картинки сдвигает список, но никак не его элементы, которые должны быть выравнены классическим способом, т.е. так, если бы картинки не было.

задай margin для картинки :)