Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Небольшая проблема с div'ами
zet-msh  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователи
Сообщений: 3
Пользователь №: 32958
На форуме: 4 года, 4 месяца, 22 дня
Карма:




В общем суть такая, есть код

  <div class="mycity">
<
div class="lcity">
</
div>
<
div class="ccity">
Тут выводим текст
</div>
<
div class="rcity">
</
div>
</
div>



.mycity {
width:300px;
height:10px;
margin-left:750px;
margin-top:-15px;
}

.lcity {
background:url(left_city.png) no-repeat;
width:20px;
height:26px;
}

.ccity {
background:url(centr_city.png);
width:30px;
height:26px;
margin-left:20px;
margin-top:-21px;
}

.rcity {
background:url(right_city.png) no-repeat;
width:36px;
height:26px;
margin-left:auto;
margin-top:-48px;
}


А теперь значит суть проблемы, левая картинка стоит на месте, просто отображает часть, в средней пишется текст, соответственно при изменении длины текста центральный блок либо увеличивается вправо, либо уменьшается влево, суть проблемы в том, что правая картинка должна ездить вместе с центральным, но она стоит на месте, то есть если текст длинный, то он просто ее закрывает своим бэкграундом. Как решить данную проблему?
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Stiv22  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователь
Сообщений: 18
Пользователь №: 22405
На форуме: 6 лет, 6 месяцев, 4 дня
Карма: 1




С фиксированной шириной ничего ездить и не будет. И если высота контейнера 10 пикселей, то почему вложенные слои 26 пикселей?

Это сообщение отредактировал Stiv22 - 29.08.2012 - 11:05
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
zet-msh  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Новичок
*

Профиль
Группа: Пользователи
Сообщений: 3
Пользователь №: 32958
На форуме: 4 года, 4 месяца, 22 дня
Карма:




Это просто пример кода
С фиксированной шириной нельзя, ведь длинна текста разная, а пишется он в одну строку, соответсвенно див центр резиновый. Есть какие нибудь варианты его прикрутить?
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
bobo  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Местный житель
****

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 192
Пользователь №: 22907
На форуме: 6 лет, 4 месяца, 27 дней
Карма: 1




PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
sebastjan  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Журнал
Группа: ★ЛжеЭксперт★
Завсегдатай форума
Сообщений: 2872
Пользователь №: 26275
На форуме: 5 лет, 9 месяцев, 21 день
Карма: 63




Я лично ничего не понял. sad.gif
По нормальному надо исходить из дизайна.
Дизайнер формирует графический интерфейс.
Лучшее решение выложить скрин дизайна с описанием и тогда уж строить вёрстку а что и куда уезжает для меня загадка.

PMПисьмо на e-mail пользователюСайт пользователяICQ
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса