X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> div особенность цели, выравнивание в опр месте.
jeka101
jeka101
Topic Starter сообщение 23.8.2010, 1:28; Ответить: jeka101
Сообщение #1


Всем доброй ночи.
Есть сайт, Построен на таблицах и divах.
есть 1 div содержащий картинку типа
[PHP]<div class="test">
code
</div>[/PHP]
Клас тест содержит картинку...
Есть вопрос, суть:
Картинка имеет определенный вид и слово "code" должно находиться именно в определенном месте картинки. Например на 60% вниз и на 63% вправо от левого края diva.
Так-же класс "test" содержит ширину дива и позицию в таблице:
[PHP].test
{
background:url(../img/info.png) no-repeat;
background-position:top left;
height: 245px; /* Высота блока */
width: 259px; /* Ширина блока */
z-index:1;
float:left;
}[/PHP]
Проблема, слово "code" не статическое, тоесть используеться php скриптом меняющий значения.
Я пробовал использовать тупо пробелы и отступы &nbsp; но они не правильные и хочу найти другой способ, так как они не регулируют позици, тоесть на другом мониторе слово "code" будет криво расположено.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jeka101
jeka101
Topic Starter сообщение 23.8.2010, 2:03; Ответить: jeka101
Сообщение #2


Ещё нашел способ создал ещё 1 div внутри первого тоесть
[PHP]<div class="test">
<div class="test_2">
code
</div>
</div>[/PHP]
[PHP].test
{
background:url(../img/info.png) no-repeat;
background-position:top left;
height: 245px; /* Высота блока */
width: 259px; /* Ширина блока */
z-index:1;
float:left;
}
.test_2
{
height:25px;
width:25px;
margin-left:35%;
margin-top:50%;
}
[/PHP]
На сколько хороший вариант?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 23.8.2010, 8:26; Ответить: Apay
Сообщение #3


имхо лучше дивы не плодить, можно так:
.test
{
    background:url(../img/info.png) no-repeat;
    background-position:top left;
    height: 98px; /* Высота блока минус значение паддинга (=245-147) */
    width: 96px; /* Ширина блока минус значение паддинга (=259-163) */
    padding-top: 147px;
    padding-left: 163px;
    z-index:1;
    float:left;
}


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) RedBox - все нужные инструменты в одном месте
0 fantomofdarkness 780 15.2.2023, 14:50
автор: fantomofdarkness
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2632 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыWeb разработка - любые цели
0 vbnfghg 2844 1.8.2019, 5:18
автор: vbnfghg
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
0 press74 4990 2.7.2019, 18:58
автор: -iiwanc-


 



RSS Текстовая версия Сейчас: 29.3.2024, 3:56
Дизайн