Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
Reeeji
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 3
1

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

17.07.2013, 20:51. Просмотров 1230. Ответов 3
Метки нет (Все метки)

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

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>

Помогите кто чем может, пожалуйста.
0
Миниатюры
Смещение изображения  
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
17.07.2013, 20:51
Ответы с готовыми решениями:

Смещение рамки изображения
Добрый день! Подскажите пожалуйста, как можно реализовать смещенную рамку...

Как изменить параметры изображения, чтоб другие изображения не менялись
Не знаю как правильно сформулировать вопрос для поисковиков. Как в css изменить...

как вставить изображения на фон изображения так чтоб оно было 2м фоном
Добрый день подскажите как вставить изображения на изображения в сss 2.1 . У...

смещение блоков
Здравствуйте! Подскажите , почему смещаются блоки на сайте при просмотре на...

Смещение фона в <li>
Как сделать чтобы у Заголовка - class=&quot;nav_active&quot; был фон смещенный влево? ...

3
Reeeji
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 3
17.07.2013, 22:55  [ТС] 2
Спасибо за ответы, но я сам всё сделал.
0
Ruisenor
130 / 130 / 1
Регистрация: 29.05.2013
Сообщений: 612
17.07.2013, 23:11 3
поделитесь решением может кому понадобиться в будущем.
0
Reeeji
0 / 0 / 0
Регистрация: 17.07.2013
Сообщений: 3
18.07.2013, 09:18  [ТС] 4
Просто нужно было двигать не блок с изображением, а блок с блоком изображения.
Кликните здесь для просмотра всего текста

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;
}
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
18.07.2013, 09:18

Смещение картинок!
У меня на странице есть парочка картинок и меня все устраивает, кроме одного,...

смещение ячеек
Здравствуйте. Подскажите, пожалуйста. Есть большая ячейка по средине с текстом...

смещение текста
Добрый день!Подскажите пожалуйста, из-за чего текст смещается при уменьшении...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru