Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.94/48: Рейтинг темы: голосов - 48, средняя оценка - 4.94
0 / 0 / 1
Регистрация: 25.02.2014
Сообщений: 49

Как привязать текст,фото к фону?

02.04.2014, 10:57. Показов 8926. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Проблема заключается в том что при масштабирование (сntr +-) сайта,все содержимое перемещается.Хотя по идеи оно должно сходится с задним фоном. Спасибо.
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
02.04.2014, 10:57
Ответы с готовыми решениями:

Привязать текст к фону в адаптивной верстке
Приветствую. Бьюсь над проблемой - фон адаптивный, реализован через @media, работает прекрасно. Но! Как только появилась необходимость...

Как закрепить фото к фону?
При масштабирование(ctrl+ -) " элементы(картинки и текст) перемещаются.Как их можно закрепить что бы при масштабировании все просто...

Все фото слева, а текст справа. Нужно свой текст под своим фото
Вот такая ситуация, довльно простая, но до меня никак не допрёт как это сделать.. <html> <head> <title>Мир...

4
 Аватар для EaGames
28 / 28 / 13
Регистрация: 03.12.2013
Сообщений: 122
02.04.2014, 11:00
Скрины, примеры, код... ситуация не шаблонная, надо смотреть...
0
0 / 0 / 1
Регистрация: 25.02.2014
Сообщений: 49
02.04.2014, 13:03  [ТС]
EaGames,Вот простой пример,фон - поле с тюльпанами,сверху картинка(значок вк) и текст при уменьшении, картинка и текст смещаються,как закрепить картинку и текст к фону?
Миниатюры
Как привязать текст,фото к фону?   Как привязать текст,фото к фону?  
0
1 / 1 / 1
Регистрация: 17.03.2014
Сообщений: 80
02.04.2014, 13:25
Лучший ответ Сообщение было отмечено даниил232323 как решение

Решение

У меня была такая же проблема. Но добрые люди помогли. Вот ссылка на тему.
Как сохранить расположение элемента при масштабировании?
1
0 / 0 / 1
Регистрация: 25.02.2014
Сообщений: 49
02.04.2014, 20:57  [ТС]
D@nger, спасибо помог.

Добавлено через 7 часов 22 минуты
D@nger,Не могли бы вы мне помочь я немного не понял.Вот пример как я думаю оно должно выглядить так:
HTML5
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
<html>
   <head>
     <style page="text/css">
     body  {       
              background: #000000 url("d:/12.jpg") no-repeat 50% 0% ;
           }
     
     #2{ position:relative;
    
    height:200px; 
         }
     #1{
          
          position:relative;
   
    height:200px;
       }
 
     </style>
 
   </head>
      
   <body>
     
 <div id="1">   
<div id="2"> 
  <img src="d:/1234.jpg">
    </div>
   </div>
   </body>
</html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
02.04.2014, 20:57
Помогаю со студенческими работами здесь

Как привязать текст? CSS
Код: .left-blocks1 { float:left; width:294px; } .left-block1-t { width:294px; height:17px; background:url('../images/') right top...

Как разместить текст под фото
Всем привет. Я недавно начал изучать html и css. Кое-что уже сделал и прошу вас дать справедливую оценку и выявить ошибки, чтобы в будущем...

"прикрепить" текст к фону
Всем привет! Есть фон сайта, и текст или ссилки на етом фоне, и когда я меняю разрешение екрана то фон масштабируется, а текст нем...

Как сделать чтоб фото стояло на месте, а текст листался ?
Как сделать чтоб фото стояло на месте, а текст листался?

Всплывающий текст при наведении на фото
Ситуация такова...на сайте есть раздел контакты, в нем фото всех сотрудников. Задумка такая, хочу чтобы при наведении на фото сотрудника от...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru