Смещение изображения

@Reeeji · Регистрация: 17.07.2013

Студворк — интернет-сервис помощи студентам

Необходимо, чтобы выделенная область уменьшалась при увеличении текста. Пробовал сделать так, чтобы эта часть уходила в право, но в место этого она смещалась вниз.

Кликните здесь для просмотра всего текста

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
.news {
    height: 170px;
    background: #ff0000;
    float: left;
    margin-top: 32px;
    width: 460px;
    overflow: hidden;
    font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
.sqr {
    height:15px; 
    width:15px; 
    background-color:#29c5e6; 
    display:block; 
    margin-right:5px;
    margin-top: 2px;
    float: left;
}
.name {
    font-size:14px;
    margin-right:10px;
    float: left;
    height: 15px;
    background: #fff;
    margin-top: 2px;
}
.line {
    background: url(../images/aftl.png) repeat-x; 
    margin-top: 2px;
    height: 15px;
    width: 300px;
    float: left;
    position:static;
}

HTML5
1
2
3
4
5
<div class="news">
            <div class="sqr"></div>
            <div class="name">About WEbkeepрsfffgggg</div>
            <div class="line"></div>
</div>

Помогите кто чем может, пожалуйста.

@Reeeji · 17.07.2013, 22:55 **[ТС]**

Спасибо за ответы, но я сам всё сделал.

@Ruisenor · 17.07.2013, 23:11

поделитесь решением может кому понадобиться в будущем.

@Reeeji · 18.07.2013, 09:18 **[ТС]**

Просто нужно было двигать не блок с изображением, а блок с блоком изображения.

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
<div class="news">
            <div class="sqr"></div>
            <div class="name">About WEbkeep</div>
            <div class="pre"><div class="line"></div></div>
        </div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
.news {
    height: 170px;
    background: #ff0000;
    float: left;
    margin-top: 32px;
    width: 460px;
    overflow: hidden;
    font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
.sqr {
    height:15px; 
    width:15px; 
    background-color:#29c5e6; 
    display:block; 
    margin-right:5px;
    margin-top: 2px;
    float: left;
}
.name {
    font-size:14px;
    margin-right:10px;
    float: left;
    height: 15px;
    margin-top: 2px;
}
.line {
    background: url(../images/aftl.png) repeat-x; 
    margin-top: 2px;
    height: 15px;
    width: 400px;
    float: left;
    position:static;
}
.clr {
    clear:both
}
.pre {
    height: 15px;
    width: 550px;
}

Новые блоги и статьи Все статьи Все блоги /
Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .	PowerShell Snippets iNNOKENTIY21 11.11.2025 Модуль PowerShell 5. 1+ : Snippets. psm1 У меня модуль расположен в пользовательской папке модулей, по умолчанию: \Documents\WindowsPowerShell\Modules\Snippets\ А в самом низу файла-профиля. . .
PowerShell и онлайн сервисы. Валюта (floatrates.com руб.) iNNOKENTIY21 11.11.2025 PowerShell функция floatrates-rub Примеры вызова: # Указанная валюта 'EUR' floatrates-rub -Code 'EUR' # Список имеющихся кодов валют floatrates-rub -Available function floatrates-rub {	PowerShell и онлайн сервисы. Погода (RP5.ru) iNNOKENTIY21 11.11.2025 PowerShell функция Get-WeatherRP5rss для получения погоды с сервиса RP5 Примеры вызова Get-WeatherRP5rss с указанием id 5484 — Москва (восток, Измайлово) и переносом строки:. . .	PowerShell и онлайн сервисы. Погода (wttr) iNNOKENTIY21 11.11.2025 PowerShell Функция для получения погоды с сервиса wttr Примеры вызова: Погода в городе Омск с прогнозом на день, можно изменить прогноз на более дней, для этого надо поменять запрос:. . .	PowerShell и онлайн сервисы. Валюта (ЦБР) iNNOKENTIY21 11.11.2025 # Получение курса валют function cbr (] $Valutes = @('USD', 'EUR', 'CNY')) { $url = 'https:/ / www. cbr-xml-daily. ru/ daily_json. js' $data = Invoke-RestMethod -Uri $url $esc = 27 . . .	И решил я переделать этот ноут в машину для распределенных вычислений Programma_Boinc 09.11.2025 И решил я переделать этот ноут в машину для распределенных вычислений Всем привет. А вот мой компьютер, переделанный из ноутбука. Был у меня ноут асус 2011 года. Со временем корпус превратился. . .

@Reeeji 0 / 0 / 0 Регистрация: 17.07.2013 Сообщений: 3
	17.07.2013, 22:55 [ТС]
	Спасибо за ответы, но я сам всё сделал. 0

@Ruisenor 130 / 130 / 1 Регистрация: 29.05.2013 Сообщений: 612
	17.07.2013, 23:11
	поделитесь решением может кому понадобиться в будущем. 0

Опции темы