Я хочу отображать свой текст в левом верхнем углу изображения; как это сделать? ⇐ CSS

[Anonymous]

Я разрабатываю веб-страницу с использованием HTML, CSS и начальной загрузки. На моем ноутбуке все в порядке, но с другим небольшим устройством все не так. Проблема в том, что на изображении текст невидим.
Мой код:

Код: Выделить всё

#titlecolor {
color: #ef4d3b;
}

#textonbaner {
position: absolute;
top: 130px;
align: left;
color: white;
}

#sfr {
border: 2px solid #ef4d3b;
border-radius: 20px;
padding: 10px;
margin-left: 40%;
margin-right: 40%;
}

/* Add a gray background color and some padding to the footer */

.carousel-inner img {
width: 100%;
/* Set width to 100% */
margin: auto;
min-height: 100px;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */

@media (max-width: 600px) {
.carousel-caption {
display: none;
}
}

.service_background_color {
color: white;
background-color: #ef4d3b;
margin-bottom: 3%;
padding: 1%;
border: 1px solid black;
border-radius: 20px;
}

#areah {
color: black;
}

#logo {
width: 130px;
height: 140px;
}

.citycerviceplce {
background-color: #ef4d3b;
border: 1px solid black;
color: white;
}

.footermy {
padding: 10px;
margin-top: 5%;
margin-bottom: 15px;
border: 1px solid black;
border-radius: 20px;
}

#copyright {
margin-top: 5%;
margin-bottom: 2%;
}

Код: Выделить всё

ROOM























[img]image/mymateroomsimg.png[/img]



Rooms Available

Delhi | Agra | Mathura



[img]image/mymateroomsbanner.jpg[/img]

Book @ 9910852431 





[u]Let’s Get Together With[/u]


Lovely Couples

Girls & boys

Corporate Colligues

College Friends

Corporates Cocktail

Employees

Awesome Weekend

Senior Citizens

School’s Friends

Aunty & Moma

Professionals

Entrepreneurs





[u]Room Services[/u]


Fully AC

Soft Linen

Free Breakfast

Clean Bathroom

Shower

Drinking Water

LED TV

Dish Cable

Free Wifi

Aunty & Moma

Smoking & Non Smoking

Seating Area





[u]Hotel Services[/u]


Friendly Staff

Powerback up

Lift

College Friends

Restaurant

24hrs Security

Local ID's Allowed

First Aid Kit

24 hrs Check In

Safe and Secure

Doctor on Call




Family hotel

Parking Facility

CCTV Cameras

Laundry

Geyser
24 hrs Check In

Intercom & More...





[u]My Mate’s Promise[/u]


Couple friendly Room

Family Stay

College Friends

Secure and safe

No questions asked

Local ID’s Allowed

Book as you need

SILENTLY & PRIVATELY

Unmarried couples allowed

Priority on Check In

Gifts on check out





[u]My Mate Services[/u]


Hotel Booking

Train Tickets

Tour Packages

Car Rental

PG Accomodation

Home Stay

Making Get Together




[u]How it's work [/u]


Book on Call& Confirm your Locaiton

Discus About your Place & Price

Pay as your way

Receive An Email or SMS

Asked for Pick Up your place

Show your Valid ID Proof

Easly Check in your Room



[u]Location[/u]


Delhi's Room
Hotels & SPA in Karol Bagh
Hotels & SPA in Paharganj
Hotels & SPA Near Airport
Hotels & SPA Near Railway Station
Hotels & SPA in Noida
Hotels & SPA in Gurgaon
Hotels & SPA Rajeev Chowk
Hotels & SPA Near Metro Station
Hotels & SPA in Aero City

Agra's Room
[h4]Hotels & SPA on Fatehabad Road[/h4]
Hotels & SPA Near Taj Mahal
Hotels & SPA Near Agra Cantt Railway Station
Hotels & SPA Near Agra Fort
Hotels & SPA on Sanjay Place Bus Stop
Hotels & SPA in Dayalbagh
Hotels & SPA in Baluganj

Mathura's Room
Hotels & SPA Near Refinery
Hotels & SPA Near Krishna Temple
Hotels & SPA Near Agra Fort
Hotels Near Railway Station
Hotel & SPA On Agra Mathura Heighway



My mate's room
Team
Privacy & Policy
Guest Policy
Terms & Condition
Contact Us



@ copyright Mymatesrooms Rooms & Spa All Rights Reserved.

Я пытаюсь решить эту проблему с помощью CSS, но когда я открываю небольшое устройство, текст скрывается.

Подробнее: https://stackoverflow.com/questions/507 ... to-do-that