X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как сделать что бы поверх картинки был текст?
pbko
pbko
Topic Starter сообщение 12.3.2011, 22:08; Ответить: pbko
Сообщение #1


[attachment=37588:Безымянный.jpg]
Структура такая: черная полоска это картинка растянутая, в шапке буквы - тоже картинка. Надо сделать текст справа (номер телефона и адрес) как это сделать? где надо порыться ? css или в индексе?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 13.3.2011, 3:15; Ответить: adlic
Сообщение #2


Ставите на фон вашу картинку, а потом самым обычным методом выравниваете текст.
У вас наверно так: черную полоску на фон. У картинки-логотипа прописываете align="left", а потом вставляете текст, он будет справа от картинки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 13.3.2011, 9:49; Ответить: Apay
Сообщение #3


(pbko @ 13.3.2011, 00:08) *
черная полоска это картинка растянутая
если растянутая - то только слоями, фон не растягивается, если фон - или делать фон повторяюшимсяили сделать картинку целиком (заранее растянуть в графическом редакторе)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 13.3.2011, 13:07; Ответить: adlic
Сообщение #4


(Apay @ 13.3.2011, 11:49) *
делать фон повторяюшимся

Как я понял со скриншота, там картинка градиентная, ее можно множить по х.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pbko
pbko
Topic Starter сообщение 13.3.2011, 14:53; Ответить: pbko
Сообщение #5


куда надо вставить текст. вот код:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>Minisite Pro</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="assets/css/common.css" />
</head>
<body>

<div id="wrapper">
<div id="header"> <a href="index.htm"><img src="assets/images/logo_header.gif" alt="" align="left" width="400" height="100" class="logo" /> </a> </div>




<ul id="nav">
<li><a href="http://web-mastery.info/">Главныя</a></li>
<li><a href="http://web-mastery.info/">Наши услуги</a></li>
<li><a href="http://web-mastery.info/">Наши цены</a></li>
<li><a href="http://web-mastery.info/">Контакты</a></li>
</ul>
<div id="content" class="clearfix">
<div id="col_1">
<h2>Информация</h2>
<ul id="subnav">


logo_header - это картинка (КВАДРАТ С БЕЛЫМИ БУКВАМИ).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 13.3.2011, 15:31; Ответить: adlic
Сообщение #6


После этого:
<a href="index.htm"><img src="assets/images/logo_header.gif" alt="" align="left" width="400" height="100" class="logo" /> </a>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pbko
pbko
Topic Starter сообщение 13.3.2011, 17:14; Ответить: pbko
Сообщение #7


тогда текст просто под картинкой появляется((( как ее слева от картинки сдела?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 13.3.2011, 18:30; Ответить: adlic
Сообщение #8


Как это, вот таким образом должно работать, текст справа, картинка слева:
<div id="header">
<a href="index.htm"><img src="assets/images/logo_header.gif" alt="" align="left" width="400" height="100" class="logo" /> </a>
текст
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pbko
pbko
Topic Starter сообщение 13.3.2011, 18:44; Ответить: pbko
Сообщение #9


сделал вот так

title>Minisite Pro</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="assets/css/common.css" />
</head>
<body>

<div id="wrapper">
<div id="header"> <a href="index.htm"><img src="assets/images/logo_header.gif" alt="" align="left" width="400" height="100" class="logo" /> </a>
896969869876
</div>




<ul id="nav">
<li><a href="http://web-mastery.info/">Главныя</a></li>
<li><a href="http://web-mastery.info/">Наши услуги</a></li>
<li><a href="http://web-mastery.info/">Наши цены</a></li>
<li><a href="http://web-mastery.info/">Контакты</a></li>
</ul>
<div id="content" class="clearfix">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pbko
pbko
Topic Starter сообщение 13.3.2011, 18:45; Ответить: pbko
Сообщение #10


текст прото не отображается...... мне кажется он под картинкой спрятался..... надо что то добавить что бы он справа был...*???
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
158 adw-kupon.ru 21505 Вчера, 20:21
автор: wanessa
Открытая тема (нет новых ответов) Как заработать денег в интернете?
3 Suagaring 453 Вчера, 20:17
автор: wanessa
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
24 uahomka 4240 Вчера, 16:39
автор: sale_forum
Открытая тема (нет новых ответов) Как защититься от ddos-атак?
1 ALFA16 678 Вчера, 16:37
автор: sale_forum
Горячая тема (нет новых ответов) У вас часто просят денег в долг? Как отказываете?
96 uahomka 7461 Вчера, 16:34
автор: sale_forum


 



RSS Текстовая версия Сейчас: 21.5.2024, 0:57
Дизайн