помогите пожалуйста решить проблему с шаблоном:слевы сделаны папочки для вставки адреса,новостей и авторизации. изначально в шаблоне была 1 папка и выглядела ровно но для добавления информации(кроме авторизации нужен был инфоблок с новостями и адрес)добавила 2 таких же папки ниже. и шаблон "поехал" папки начало перекашивать и появились пробелы между элементами из которых сми папки состоят.Подскажите,где ошиблась? не могу найти где в коде что поправить чтобы это убрать.сам шаблон и проблема в живом виде тут: www.kseon.ru
Хм, ну посмотрел я www.kseon.ru где там что съехало? рекомендую более лучше сформулировать вопрос... тогда вероятность, что кто то ответит повыситься...
Зачем у Вас тут таблица в таблицу вложена?? Может это все сделать в одной таблице и разумеется в одном столбце? <table id="content" style="border-collapse: collapse;">[IMG]<tbody> [IMG][tr] [IMG][td] [IMG]<url title="Главная" href="/">
Владимир Спасенников-таблица в таблицу оказалась вложенной при правке в визуальном редакторе. Дело в том что если я начинаю вносить какие либо изменения непосредственно в коде то происходит баг-шаблон весь съезжает совсем-теряется резиновость и пр. Но попробую все же убрать двойную таблицу именно в коде сейчас как советуете. Напишу что получится позже.. Сергей Нифантов-я рада конечно что корявость шаблона не настолько видна, но все же присмотритесь к колонке где новости,контакты и авторизация? считаете там все в порядке? там картинки поехавшие относительно друг друга..
Владимир, пробовала убрать двойную таблицу оставив одну общую, картинки все равно получаются съехавшие относительно друг друга(я имею в виду составляющие папок-верхняя часть папки,центральная и нижняя, в которых находятся контакты,новости и авторизация) сам код смотрю в панели управления разработка-шаблон-панель управления-редактирование шаблона там он выглядит сейчас так в проблемной области, начиная с рук девушки:
<div id="navigation"><?$APPLICATION->IncludeComponent( "bitrix:breadcrumb", ".default", Array( "START_FROM" => "0", "PATH" => "", "SITE_ID" => "" ) );?> </div> подскажите пожалуйста где именно исправить, чтобы изображения папок содержащих информацию о контактах,авторизации и новостях были целостными а не разрывались как сейчас смещаясь относительно друг друга
то колонка новостей в принципе отображаеться верно, но вот другие нет! Самый простой выход для всех колонок задать свой класс, и подогнать каждую маргином так как нужно! А вообще я бы советовал, вместо картинки, лучше вставить background-image в CSS сверху! тогда куда больше шансов на успех! А текст опустите padding-top или как вам угодно!
s909 простите пожалуйста, но я не так давно работаю с Битриксом и конструкторами сайтов в принципе поясните пожалуйста как чайнику как это сделать(для всех колонок задать свой класс, и подогнать каждую маргином так как нужно)? background-image в CSS сверху вставить, думаю, не получится так как колонка новости имеет варьирующуюся длину,в зависимости от добавления новостей, которые могут отличаться каждый раз по объему.
Как раз таки background-image и поможет в этом, нужно написать так background: #fff url(/. ./. ./images/images.jpg) center top no-repeat; Тогда фоновое изображение всегда будет всегда сверху, не зависимо от высоты вашей колонки. Про класс, это я имею ввиду класс css, а лучше использовать id, для каждой конки, задаете например колонки с новостями id='news' и в css описываете данный идентификатор. Margin это свойство селектора, которое задает отступы блоков, я ведь писал вам код вашего селектора с id #content_block_container.
Так вот margin-top: -4px;поднимает ваш блок на 4px вверх. Битрикс и конструктор сайтов здесь абсолютно не причем! Вам нужно изучить CSS. Если есть еще вопросы, пишите!
s909, спасибо про селектор поняла,попробую дописать так. про background-разве это возможно если картинка состоит из 3 частей?или вы имеете в виду сделать ее цельной?но тогда как она будет растягиваться по размеру колонки..не понимаю..фоновое изображение с которым и пытаюсь решить проблему состоит из 3 частей основная часть-серый фон растягивающийся по размеру колонки,верхняя часть-часть папки со скошенным углом и нижняя часть закругленная полоска которой заканчивается папка. сейчас эти части съезжают относительно друг друга. Да согласна CSS мне нужно изучить..хотя бы для того чтобы понять как применить Ваши советы на деле для решения этой проблемы, спасибо. Может быть посоветуете какие-то учебники по CSS? Potapchik, думаю это самый простой путь для меня поправить шаблон, единственное не знала в каких программах это лучше делать, пользовалась Nvu, в ней не было возможности увидеть шаблон как он будет выглядеть целостно в итоге. Спасибо.
Если честно, то без хороших знаний html и css вы врятли справитесь)) я щас снова посмотрел ваш сайт, там да, три картинки, и в бекраунде кстати одна и загружаеться, можно объеденить две картинки в фотошопе, та что сверху и та что сверху в бекграунде, а потом padding-ом увеличьте отступ сверху. Ну а нижнюю уже как-нибудь подгоните как я писал, заданием для каждой своего id и margin. Но думаю, для вас как новечка это быдет трудно сделать, лучше отдайте ваш проект опытному верстальщику.
Хотелось бы самой научиться..ну значит буду изучать html и css пока не справлюсь. Объеденить в фотошопе не проблема. Проблема будет при растягивании такой картинки по размерам колонки и деформации пропорций. Верхняя часть папки не должна деформирмироваться. Спасибо Вам большое за поддержку и советы)
вы не понимаете (а может и я))) Но картинка не будет растягиваться, вам нужна только ее верхняя часть, поймите уже на конец, а фон он будет во всей колонке, вообщем вам одназначно нужно изучать css))) Скопируйте все колонки и стили и создайте у себя на компе свой файлик, где и эксперементируйте со стилями, когда все сделаете, потом просто перенесете код в шаблон битрикса. Я бы так и поступил! Если будут еще вопросы пишите!
Посмотрел сейчас верстку ради интереса, если честно, то там все надо переделывать (это если по хорошему)! Необходимо писать универсальные стили - это занимает больше времени. но потом очень удобно в использовании!Я так понял на этом сайте kseon.ru у вас плывут блоки с новостями и контактами, так? Вы там сами то в дивах не запутались?
Potapchik, ну выдали бы код раз поправили смысл хвастаться:cry: у меня пока что не получается поправить..либо оставлять как есть пока не сделаем новый шаблон либо действительно методом проб и ошибок попутно изучая CSS
в Firefox и Google Chrome проблему удалось решить добавлением в начале шаблона строки: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> в Explorere и Opere баг остался. пробовала добавлять style="margin:1px 1px -3px -4px" получается все равно косо, буду дальше подгонять и методом подбора менять..
uklev пишет: в Firefox и Google Chrome проблему удалось решить добавлением в начале шаблона строки: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> в Explorere и Opere баг остался. пробовала добавлять style="margin:1px 1px -3px -4px" получается все равно косо, буду дальше подгонять и методом подбора менять..
Дело в том, что я сообщение то отправил, но то что писал, отправилось не так, поэтому у вас ничего и не получилось! Щас напишу вам как надо сделать!