[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Помогите с расположить картинку вмести с текстом
Vanja
Здравствуйте, у меня на странице идет заглавие, картинка и текст, поочередно в столбик. Как мне сделать чтобы картинка была с левой стороны а текст с правой и стороны картинки и внизу картинки?



Спустя 4 минуты, 23 секунды (28.07.2010 - 10:25) трамонтана написал(а):
ну ..так а что не получается?) показывай код...или мы его должны написать?)

Спустя 16 минут, 31 секунда (28.07.2010 - 10:42) Vanja написал(а):
<h1>Сергей Демошенко: «Детей нужно забирать с улиц, иначе у нас не будет будущего»</h1>
<br> <img

src="images/sergej-demoshenko-detej-nuzhno-zabirat-s-ulits-1-036a.jpg"
alt=""><P align="justify" class="стиль3" style="text-indent:35.4pt" mce_style="text-indent:35.4pt"> С 30 июня по
5 июля 2010 года в
г. Днепродзержинске при спонсорской поддержке Днепродзержинской
городской
организации Народной Партии во главе с Сергеем Демошенко прошла
Всемирная
юношеская олимпиада по международным шашкам. В соревнованиях приняли
участие
команды из различных стран мира: Китая, Голландии,<span style=""
mce_style="mso-spacerun:yes">&nbsp; </span>Монголии, Бельгии, России,
Белоруссии,
Азербайджана и Украины.&nbsp;</p>
<p><a href="view_news.php?id=3"><img

src="files/20100728074703.png"
alt=""></a></p>

И еще здесь такая проблемка, контуры картинки с сылкой на переход на другую страницу не могу никак убрать.

Спустя 1 час, 4 минуты, 54 секунды (28.07.2010 - 11:47) Slays написал(а):
простое обтекание картинки, либо

<img src='...' aligh=left> - добавляем атрибут align


либо в css

img{
float:left;
}


контуры убираются также просто

a img{
border:0px;
}


и не надо писать так:

<P align="justify" class="стиль3" style="text-indent:35.4pt" mce_style="text-indent:35.4pt">


если у тебя есть клас, зачем прописывать тут же style, не засоряй код, пиши все стили в css

Спустя 1 час, 47 минут, 9 секунд (28.07.2010 - 13:34) Vanja написал(а):
Я правильно сделал? Что то текст справа картинки не хочет становится так же в низу расположен
<br> <a href="view_news.php?id=3"><img

src="images/sergej-demoshenko-detej-nuzhno-zabirat-s-ulits-1-036a.jpg" aligh="left" border:0px;
alt=""></a><P align="justify" class="стиль3"> <div class="blog_text"><p><br></p><p class="MsoNormal" style="text-indent: 35.4pt;" mce_style="text-indent:35.4pt"> С 30 июня по
5 июля 2010 года в
г. Днепродзержинске при спонсорской поддержке Днепродзержинской
городской
организации Народной Партии во главе с Сергеем Демошенко прошла
Всемирная
юношеская олимпиада по международным шашкам. В соревнованиях приняли
участие
команды из различных стран мира: Китая, Голландии,<span style=""
mce_style="mso-spacerun:yes">&nbsp; </span>Монголии, Бельгии, России,
Белоруссии,
Азербайджана и Украины.&nbsp;</p>
<p>

<a href="view_news.php?id=3"><img

src="files/20100728074703.png" border:0px;
alt="Далi"></a></p></div>

Спустя 31 минута, 20 секунд (28.07.2010 - 14:05) Vanja написал(а):
Проблему с контуром так и не решил, на Мозиле отображаются до сих пор, За то на хроме не отображает. Че так не пойму......?

Спустя 6 минут, 38 секунд (28.07.2010 - 14:12) inpost написал(а):
Vanja
1. Используй оформление кодом, ставь ПХП и не будет проблем. (Это в форме ББ коды)
2. Кто тебя так учил писать border? Делается так: border="0".
3. Ты прочитай внимательнее, как правильно писать: align="left" и то, что у тебя написано =)

Спустя 18 минут, 25 секунд (28.07.2010 - 14:30) трамонтана написал(а):
ph34r.gif
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
Choose Your Bride from thousands of Beautiful Latin Girls – amolatina.com</title>
<style>

h1{background:#3F0}
div
{margin:10px 0; overflow:hidden}
img
{background:#C60; width:100px; height:100px; display:block; float:left; border:none; margin-right:10px}
.you_image{background:url(files/20100728074703.png) #CCC; float:left; width:100px; height:100px; margin-right:10px}
.description{clear:both}
</style>
</head>

<body>
<h1>
Сергей Демошенко: «Детей нужно забирать с улиц, иначе у нас не будет будущего»</h1>
<div
class="description">
<img
src="images/sergej-demoshenko-detej-nuzhno-zabirat-s-ulits-1-036a.jpg" alt="" />С 30 июня по 5 июля 2010 года в г. Днепродзержинске при спонсорской поддержке Днепродзержинской городской организации Народной Партии во главе с Сергеем Демошенко прошла Всемирная юношеская олимпиада по международным шашкам. В соревнованиях приняли участие команды из различных стран мира: Китая, Голландии,<span style=""mce_style="mso-spacerun:yes">  </span>Монголии, Бельгии, России, Белоруссии, Азербайджана и Украины. </div>
<div
class="description"><a href="view_news.php?id=3" class="you_image"></a>И еще здесь такая проблемка, контуры картинки с сылкой на переход на другую страницу не могу никак убрать.</div>
</body>
</html>

Спустя 21 минута, 47 секунд (28.07.2010 - 14:52) Slays написал(а):
у img лучше ставить display:inline чтобы избежать удвоенного отступа в IE6

Спустя 4 минуты, 19 секунд (28.07.2010 - 14:56) Vanja написал(а):
Спасибо Всем!!!! всё получилось)))))

Спустя 30 минут, 15 секунд (28.07.2010 - 15:26) Vanja написал(а):
еще один вопрос. Как сделать ссылку на другую станицу, без подчеркивания текста?

Спустя 9 минут, 57 секунд (28.07.2010 - 15:36) трамонтана написал(а):
text-decoration:none

ps http://htmlbook.ru

Спустя 27 минут, 36 секунд (28.07.2010 - 16:04) Guest написал(а):
text-decoration:none эту хрень прописываю в стиле, всё равно подчеркивание не убирается(((

Спустя 16 минут, 50 секунд (28.07.2010 - 16:21) Vanja написал(а):
прописал в СSS так:
.стиль3h
{
text-decoration: none;
color: #f44a0e;
font-family: tahoma;
font-size: 16px;
padding:0px 0px 0px 0px;
font-weight: bold;
}

a.стиль3h:hover
{
text-decoration: none;
color: #f44a0e;
font-family: tahoma;
font-size: 16px;
padding:0px 0px 0px 0px;
font-weight: bold;
}

часть рнр :
printf ("<table align='center' class='стиль3'>

<tr>
<td class='стиль3'>
<p class='стиль3h'><a href='view_news.php?id=%s'>%s</a></p>
<p class='стиль3d'>Дата добавления: %s</p>

</tr>
Что не правильно сделал, не могу избавится от подчеркивания

Спустя 8 минут, 7 секунд (28.07.2010 - 16:29) трамонтана написал(а):
что за хрень.. "стиль3"

Спустя 1 минута, 16 секунд (28.07.2010 - 16:30) трамонтана написал(а):
вот этото селектор не правильный a.стиль3h:hover
надо так

.стиль3h a:hover

Спустя 7 минут, 45 секунд (28.07.2010 - 16:38) Vanja написал(а):
.стиль3
{
text-decoration: none;
color: #000000;
font-family: tahoma;
font-size: 14px;
padding:10px 10px 5px 10px;
}
В стиль3 я тоже добавил text-decoration: none; не помогает

Спустя 9 минут, 33 секунды (28.07.2010 - 16:48) Vanja написал(а):
уже разобрался, спс всем!!!

Спустя 1 час, 2 минуты, 17 секунд (28.07.2010 - 17:50) трамонтана написал(а):
Цитата (Vanja @ 28.07.2010 - 13:38)

В стиль3 я тоже добавил text-decoration: none; не помогает

и не должно.. ссылки не наследуют св-ва текста от родительских элементов

Спустя 20 часов, 20 минут, 57 секунд (29.07.2010 - 14:11) Vanja написал(а):
Люди помогите, обратно появилась эта злополучная полоса, почистил куки зашел еще раз на страницу снова они там.............

Спустя 20 минут, 38 секунд (29.07.2010 - 14:31) Vanja написал(а):
переписал стили, вроде работает))) только я так и не понял что за глюк то был?!)))

Спустя 1 час, 11 минут, 15 секунд (29.07.2010 - 15:43) SvSerg написал(а):
Ты можешь сверху прописать для всех ссылок на странице, стиль без подчёркивания

a { text-decoration: none; }


А если не хочешь для всех ссылок такой стиль, то можешь приписать стиль именно в том блоке в котором находится ссылка . Например блок в котором ссылка назавается box.

box a { text-decoration: none; }
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.