Modestes

Вроде что-то получилось, попробуйте изменить масштаб или ужать окошко, правый блок смещается до середины первого

как то так

Нет, не блок а display:inline-block; к сылке, вот Опередили)

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

С relative все правильно, ничего у вас не сползет(если не поставите absolute), c margin тоже можно сместить, задав отрицательное значение, но лучше использовать их по своему назначению, position для позиционирования, а margin для внешнего отступа А вот насчет блока-2 и текста-2 не понял, куда они должны смещаться, красная линия на рисунке у вас слева. Не плохо было бы видеть готовый вариант как должно быть.

к блоку где лежит ссылка примени display: table-cell; vertical-align: middle;

WP не юзал, но исходя из небольшого опыта в Joomla то в php этого виджета должен быть тег h3 или какой вам там нужен, разметка то все равно на HTML. В joomla если я не находил стили какого либо тега, то искал этот тег в PHP, плюс бывало такое что стили прописаны в самом файле PHP а не в СSS, к примеру: echo'<div style=" bla bla bla">'; ........ echo'</div>'; через тотал командер поищите id или class этого блока или небольшой кусок кода.

если прописать display то все задается) а так да, через ячейке логичней

как то так, имейджи сам подставишь вместо цвета

JPEG 2000 Зачем? поменяйте формат для строки пропишите width:; height:; display:inline-block;

тогда поясняйте что должно произойти при превышении

overflow

к изображениям примени position:relative; и поиграй с top,left,right

к li допиши margin как нужно не понял сразу. Изображения нужно разместить по углам нижней таблицы?

как вариант, в шапке в таблице создай еще одну сроку, сунь туда картинки с меню и убери абсолютное позиционирование у картинок вот попробуй <tr> <td> <div id="cs_logo"> <img width="150" height="150" src="images/cs_logo.png"> </div> <div id="menu"> <ul> <li> <a class="home" href="#"> <span>Главная</span> </a> </li> <li> <a class="maps" href="#"> <span>Карты</span> </a> </li> <li> <a class="models" href="#"> <span>Модели</span> </a> </li> <li> <a class="texture" href="#"> <span>Текстуры</span> </a> </li> <li> <a class="links" href="#"> <span>Ссылки</span> </a> </li> </ul> </div> <div id="csm_logo"> <img width="150" height="150" src="images/csm_logo.png"> </div> </td> </tr> в стилях пишешь следующее: #cs_logo { display:inline-table; margin: 10px; width: 150px; } к #menu добавляешь { display:inline-table; } див в принципе у изображений там не нужен, или просто оставь без него или засунь в ячейки. меню тоже можно в ячейку так же можно сделать с помощью float:left; float:right; и добавить к таблице с контентом свойство clear:both;

не знаю что у вас там, у меня все работает и при изменении разрешения, картинка остается на своем месте. даешь ссылку

Если я правильно понял, то: #cs_logo{ position: absolute; top 15%; left: 10%; margin: 10px; } left и top подгонишь как нужно

код или ссылку

не парьтесь вы с этими пробелами. лучше думайте над тем как написать красивый семантичный код.

Пропиши к блоку border:none;

прописать в стилях этого блока нужную вам высоту. height: ***px;

Это называется "Читабельность кода" т.е это для того чтобы было легче найти нужную часть кода. Красивее и читабельней выглядит код: <div> <div> текст..... </div> <div> текст..... </div> </div> Чем: <div><div>текст.....</div><div>текст.....</div></div> и то, этот пример еще можно прочесть но на практике кода то больше ) вот почитай

HTMLем вы слайдер не сделаете, вот с Jquery да погуглите слайдер на jquery

Откуда убрать , код сначала предоставьте или ссылку на сайт. И чем вариант со <span> не устраивает если у вас два блока в одном из них ссылки, а к другому вы применяете position: relative; то возможно он перекрывает блок с ссылками. или вы позиционируете сами ссылки, что делать нельзя

а вы точно заключили эти слова в тег ссылки?