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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1354 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1120 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2291 25.3.2024, 6:52
автор: Skyworker
Горячая тема (нет новых ответов) Во что сегодня инвестировать?
Делимся своими приносящими прибыль вариантами
69 traveliver 4449 25.3.2024, 6:48
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3917 25.3.2024, 6:34
автор: Skyworker


 



RSS Текстовая версия Сейчас: 29.3.2024, 3:31
Дизайн