rulevoi

День добрый!!! Необходимо сделать скобочку для блока под ссылки. Вот пример страницы, где выглядит все как надо, пока только в Опере http://izss.ru/Продукция На всякий случай сделал фото http://глобалавто18.рф/img/izss.png Столкнулся с двумя проблемами: 1) Не могу задать блоку с границами высоту родителя. Пробывал задавать высоте значения 100% и inherit, тогда блок становится маленьким, отображаются только границы, будто высота родителя нулевая. Пока задал высоту в 120px. Вот кусочек кода. HTML <div id='links'> <div id='border'></div> <a href='Продукция/Комплектные трансформаторные подстанции'>Комплектные трансформаторные подстанции</a> <a href='Продукция/Камеры сборные одностороннего обслуживания КСО'>Камеры сборные одностороннего обслуживания КСО</a> <a href='Продукция/Распределительные устройства низкого напряжения'>Распределительные устройства низкого напряжения</a> <a href='Продукция/Силовые трансформаторы'>Силовые трансформаторы</a> <a href='Продукция/Установки компенсации реактивной мощности'>Установки компенсации реактивной мощности</a> </div> CSS .main #border { width: 10px; height: 120px; border-bottom: 2px solid white; border-top: 2px solid white; border-left: 2px solid white; float: left; } .main #links { position: absolute; color: white; font-family: Arial; font-weight: bold; font-size: 13pt; z-index: 2; top:30%; right: 50%; vertical-align: middle } .main #links a { color: white; display: block; margin-bottom: 5px; text-align: left; } 2) Почему-то в Chrome и Mozilla текст переносится, а в Опере нет. С чем это может быть связано? На взгляд, нигде лишних встроенных отступов нет.

Недавно надо было сверстать макет psd, открывал в Gimp и потом в Photoshop, разница колоссальная! Но можно попробовать установить Photoshop в wine, например, http://san-i.org.ua/linux/adobe-photoshop-cs6-ubuntu-linux-wine/ А также можно поставить в виртуальную машину, если вам удобнее работать в linux. (ИМХО, быстрее винды работает)

К сожалению, не совсем правильно объяснил, что мне надо. Попробую еще раз Мне надо чтобы самый длинный текст всегда был прижат к правому краю, а остальные элементы выравнивались по его левому краю вот пример, тут показал примерно с помощью пробелов как мне надо http://izss.ru/test.html сделать отступ от левого края не получится, так как длина текста в этом блоке может быть разная, на других страницах текст может уехать. Если можно делать блок автоматически по ширине текста и оставить фиксированным его правый край, то это тоже подойдет. К сожалению, не совсем правильно объяснил, что мне надо. Попробую еще раз Мне надо чтобы самый длинный текст всегда был прижат к правому краю, а остальные элементы выравнивались по его левому краю вот пример, тут показал примерно с помощью пробелов как мне надо http://izss.ru/test.html сделать отступ от левого края не получится, так как длина текста в этом блоке может быть разная, на других страницах текст может уехать. Если можно делать блок автоматически по ширине текста и оставить фиксированным его правый край, то это тоже подойдет. Сообразил сам, задал right для блока и убрал width, что-то замудрил лишнего. Спасибо за помощь!

День добрый, подскажите, как можно в блоке прижать текст к правой границе и выровнять левую границу текста по самой длиной строке. К сожалению, через поиск так и не смог найти решение. Вот пример страницы, блок обвел красной границей пример. Пробывал использовать разные float и text-align для родительского и дочернего div, не получилось. Пока сделал выравнивание по правому краю. На всякий случай, прикрепляю текущие стили. .main { width: 100%; padding: 0; margin: 0; position: relative; z-index: 1; } .main #links { position: absolute; color: white; font-family: Arial; font-weight: bold; font-size: 13pt; z-index: 2; top:30%; width: 51%; vertical-align: middle max-width: 45%; border: 1px solid red; } .main #links a { color: white; display: block; margin-bottom: 5px; text-align: right; } html: <div class="main"> <img src="img/main.png"> <div id='links'> <?php echo $LINKS; ?> </div> <img src="img/slide/1.jpg" alt="" id="slide"> </div>