Текст в картинке(проблема)

(Ответов: 6, Просмотров: 783)
  1. Junior Member
    • Регистрация: 30.03.2011
    • Сообщений: 4
    • Репутация: 16
    Нужно сделать чтобы этот текст не выходил за пределы синей рамки

    Вот код(тут banner.gif и есть тот синий флаг)
    Код HTML:
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="326" width="246"  background="{THEME}/images/banner.gif">{FORUM_LINKS}</td> </tr> </table>
    Вот то куда ссылается {FORUM_LINKS}
    Код HTML:
    <table width="100%" cellpadding="0" cellspacing="0">
    {item}
    </table>
    А вот куда ссылается {item} - это и есть сам текст который вылезает за границы
    Код HTML:
    <tr> <td class="f_date">[{date}]</td><td class="f_author">{author}</td> </tr> <tr> <td colspan="2" class="f_link">{link}</td> </tr>
    • 1
  2. Software Engineer Аватар для Zvеr
    • Регистрация: 07.02.2010
    • Сообщений: 603
    • Репутация: 228
    • Webmoney BL: ?
    Попробуй так:
    Код HTML:
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="width:246px; height:326px; background:url({THEME}/images/banner.gif) no-repeat top; padding:20px;">{FORUM_LINKS}</td> </tr> </table>
    • 1
  3. Junior Member
    • Регистрация: 30.03.2011
    • Сообщений: 4
    • Репутация: 16
    спасибо) только я в style.css сделал ) вот проблема не могу поднять вверх эту надпись)
    Последний раз редактировалось Samar; 30.03.2011 в 15:47.
    • 0
  4. Software Engineer Аватар для Zvеr
    • Регистрация: 07.02.2010
    • Сообщений: 603
    • Репутация: 228
    • Webmoney BL: ?
    Смотри параметры f_date и рядом стоящие. Ну а вообще можно для строки, либо столбца указать position:relative; top:-50px; к примеру, но это не всегда правильно, смотря какая верстка.
    • 1
  5. Junior Member
    • Регистрация: 30.03.2011
    • Сообщений: 4
    • Репутация: 16
    Код:
    .f_link {
    	text-align: left;
    	border-bottom: 1px solid #888;
    }
    .f_link a {
    	text-decoration: none;
    	font-size: 10px;
    }
    .f_link a:hover {
    	text-decoration: underline;
    }
    .f_author {
    	text-align: right;
    }
    .f_author a {
    	text-decoration: none;
    	font-size: 10px;
    }
    .f_author a:hover {
    	text-decoration: underline;
    }
    .f_date {
    	text-align: left;
    	font-size: 10px;
    }
    вот тут вроде не чего не влияет на расположение ну кроме align
    • 1
  6. Software Engineer Аватар для Zvеr
    • Регистрация: 07.02.2010
    • Сообщений: 603
    • Репутация: 228
    • Webmoney BL: ?
    Да, значит это не то. Логически подумай, фон ставится к столбцу и прижимается к верху, а текст почему то находится посередине, в чем может быть проблема? Наверное это из-за таблиц, не знаю точно, но возможно параметр valign="middle" стоит по умолчанию, т.е. нужно добавить valign="top", либо к CSS vertical-align:top; :) может сработает.
    • 2

    Спасибо сказали:

    Samar(30.03.2011),
  7. Junior Member
    • Регистрация: 30.03.2011
    • Сообщений: 4
    • Репутация: 16
    спасибо)
    Последний раз редактировалось Samar; 30.03.2011 в 18:55.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Разошлю ваш текст в 400 ЖЖ аккаунтов
Реклама партнерских программ 7 29.01.2011 23:01
Как в DLE вывести текст только на главной?
Софт, скрипты, сервисы 2 04.02.2010 22:32
Свой текст в Dmi3 Static - проблема
Софт, скрипты, сервисы 2 08.12.2009 23:57
Конвертируем PDF в текст
Прочее 18 11.10.2009 13:56
Как составить текст объявлениея для PPC кампании?
Обучающие статьи 28 20.09.2009 15:44

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры