Подскажите как сделать ? вот как на фото

webproffi · 2011-11-18 11:27:28

как сделать что бы текст начинался сразу за картинкой, а не под картинкой

Wolverine · 2011-11-18 11:34:48

Например так:

<img src="ubuntu_8.10.jpg" style="float: left; margin: 0px 15px 15px 0px" border="0" align="left"  />

legenda · 2011-11-18 11:36:47

если просто и сразу то вписиваем в align="" слово left получим align="left"

но наверное лучше в цсс.

webproffi · 2011-11-18 12:08:23

а плагине можно где то поменять чтоб не дописывать каждый раз ?;)

Wolverine · 2011-11-18 12:13:36

В каком плагине?

webproffi · 2011-11-18 12:28:32

ну я не знаю где это менять *)))

Wolverine · 2011-11-18 12:31:12

В тексте новости? Я ж не знаю откуда твой скриншот

webproffi · 2011-11-18 12:32:38

ну да ! когда добавляю новость то загружаю фотку и вставляю !

easmik · 2011-11-18 12:35:39

webproffi, пропишите лучше один раз в css и все.

webproffi · 2011-11-18 13:41:33

блин ну а носом тыкнуть можно ? плиз :( где куда ?

Wolverine · 2011-11-18 13:48:06

Вы бы рассказали задачу нормально, нужно ли самую первую картинку так размещать или все картинки в новости

webproffi · 2011-11-18 14:36:49

все !!!!! и каждую *) вот добавляю я фотку и она сразу стала как нужно !

Trashcka · 2011-11-18 14:43:22

webproffi, ссылку на сайт дай.

webproffi · 2011-11-18 15:30:04

не хотелось бы палить сори ! тока в развитии !

easmik · 2011-11-18 15:40:39

webproffi пишет:

не хотелось бы палить сори ! тока в развитии !

webproffi, )))) смешно. Но к сожалению экстрасенсы уволились, денег не хватило на их содержание

Trashcka · 2011-11-18 16:26:01

webproffi, CSS хоть покажи и HTML краткой и полной новости )))

webproffi · 2011-11-18 16:56:34

блин css стандартное не чего не менял версия ЦМС 0,9,3

/*author: Rumin Sergey*/
/*Copyright: CENTROARTS.com*/
/*e-mail: info@centroarts.com, centroarts@mail.ru*/
/*URL: http://www.centroarts.com*/

@import url("tools.css");
@import url("blocks.css");
@import url("base.css");
@import url("engine.css");

a { color: #5794ba; text-decoration: none; }
a:hover { text-decoration: underline; }

/*h1-h6*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, table, font {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	float: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    margin: 0 0 0.2em 0;
	line-height: 1.1em;
}

/*Настройка заголовков*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/*forms*/
input, textarea, select {
	font-size: 1em;
	font-family: Tahoma, Helvetica, sans-serif;
}

body {
	color: #5c5c5c;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	float: left;
}

body, html, td {line-height: 18px;}

.pagebg {
	padding: 0; margin: 0;
	background-color: #6ba5c6;
	text-align: center;
}

/*Other*/
p { margin-bottom: 18px; }
.clr { clear: both; }
img  { border:0 none; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
hr	{ border: none; border-top: 1px solid #cfcfcf; }
strong { font-weight: bold; }

.news img { border: none; }

table {
	border-collapse: collapse;
	border-spacing: 0; border: 0px;
}

table td { padding: 0px; }

/*UL, LI*/
ul {
	margin: 2px 0;
	padding: 0 0 0 5px;
}

ul li {
	margin: 5px 0; padding: 0px 0 0px 14px;
	list-style-type: none;
	background: transparent url("../images/li.gif") no-repeat left 5px;
}

ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 18px;
	margin-left: 2.2em;
}

.wrapper {
	margin: 0 auto;
	width: 90%;
	min-width: 990px;
	text-align: left;
}

* HTML .wrapper { width: expression(document.body.clientWidth > 990 ? "90%" : "990px") }

/*dleft, dright*/
.dleft, .dright { background-position: left; background-repeat: repeat-y; background-color: transparent; }
.dright { background-position: right; }

.topheader, .topheader .wrapper, .topheader .dleft, .topheader .dright { height: 160px; }
.topheader { background: #fdfdfb repeat-x left top; }
.1topheader .dleft { background: transparent url("../images/topheader_left.png") no-repeat 152px top; }
.topheader .dright { padding-right: 22px; background: no-repeat right top; }

.headerblue, .headerblue .dright { height: 80px; }
.1headerblue { background: #5ca3c8 url("../images/headerblue.png") repeat-x left top; }
.1headerblue .hblueleft { background: transparent url("../images/hblueleft.jpg") no-repeat left top; }
.1headerblue .wrapper { background: #5ca3c8 url("../images/headerblue.png") repeat-x left top; }
.1headerblue .dleft { background: transparent url("../images/headerblue_left.jpg") no-repeat left top; }
.1headerblue .dright { background: transparent url("../images/headerblue_line.png") no-repeat 90% top; }

.topbanner {
	float: right;
	position: relative;
	top: 19px;
	background: transparent no-repeat left top;
	width: 600px; height: 81px;
}

.topbanner2 {
	float: right;
	position: relative;
	top: 19px;
	width: 474px; height: 81px;
}

.topbanner_inn {
	padding-top: 3px;
	padding-left: 3px;
}

/* ===== TOPMENU ===== */
.topmenu, .topmenu .wrapper { height: 41px; }
.topmenu { overflow: hidden; background: #639ec2 url("../images/topmenu.png") repeat-x left top; }

/* ===== WELCOME ===== */
.welcome {
	float: right;
	padding-top: 35px;
	padding-right: 56px;
	background: transparent url("../images/welcome_icon.png") no-repeat 99% bottom;
}

.welcome {
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
}
.welcome h1 { font-size: 1.4em; font-family: Arial, Tahoma, sans-serif; }

.searchform { float: right; }

/* ===== PAGE BODY ===== */
.pbt-top { background: #efefe7 url("../images/pbt_top.png") repeat-x left top; padding-top: 11px; }
.pbt-left { padding-left: 7px; background: transparent url("../images/pbt_left.png") no-repeat left top; }
.pbt-right { padding-right: 6px; padding-top: 6px; background: transparent url("../images/pbt_right.png") no-repeat right top; }
.pb-left { background: transparent url("../images/pb_left.png") repeat-y left top; }
.pb-right { background: transparent url("../images/pb_right.png") repeat-y right top; }

/* ===== STRUCTURE TABLE ===== */
table.structure { width: 100%; }

#leftcol { padding-right: 7px; vertical-align: top; }
#rightcol { padding-right: 8px; vertical-align: top; }
#maincol { width: 100%; vertical-align: top; background: #ffffff url("../images/maincol_right.png") repeat-y right top; }
.maincol { padding-right: 2px; padding-top: 8px; background: transparent url("../images/maincol_right_top.png") no-repeat right top; }
#leftmaincol { width: 100%; vertical-align: top; }
.leftmaincol { padding-right: 25px; }

/* ===== pbd ===== */
.pbd-bottom, .pbd-bottom .dleft, .pbd-bottom .dright { height: 48px; }
.pbd-bottom { overflow: hidden; background: #367ead url("../images/pbd_bottom.png") repeat-x left top; width: 100%; }
.pbd-bottom .wrapper { background: transparent url("../images/pbd_wrap.png") repeat-x left top; }
.pbd-bottom .dleft { padding-left: 274px; position: relative; background: transparent url("../images/pbd_left.png") no-repeat left top; }
.pbd-bottom .dright { padding-right: 10px; background: transparent url("../images/pbd_right.png") no-repeat right top; }

/* ===== FOOTER ===== */
.footer, .footer .wrapper { height: 62px; }
.footer { overflow: hidden; background: #5a98bf url("../images/footer.png") repeat-x left top; width: 100%; }
.footer .wrapper { text-align: right; }

.centroarts { padding-right: 14px; }

/*===COPYRIGHT===*/
.copyright {
	position: absolute;
	left: 15px;
	top: 14px;
	color: #ffffff;
	white-space: nowrap;
	font-size: 17px;
}

.copyright, .copyright a { color: #ffffff; }

/*===СЧЕТЧИКИ===*/
div.count {
	float: right;
	display: inline;
	padding-top: 7px;
}

div.count span {
	display: block;
	float: left;
	height: 31px;
	margin-right: 2px;
}

/*TOP BTN*/
a.top-top {
	float: left;
	outline: none;
	position: relative;
	top: 13px;
}

a.top-top:hover {
	background-position: left bottom;
}
.title_spoiler {
	color: #636363;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe; 
	font-weight: bold;
	padding: 5px;
}
.text_spoiler {
	color: #757575;
	background-color: #f2f2f2;
	border: 1px dotted #bebebe;
	border-top: 0;
	text-align: justify;
	padding: 5px;
}
/* ----////// Эффект прозрачности /////------- */

#banners a img {
opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);
}

#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
#hintbox {
    text-align : left;
    width : 150px;
    font-size : 10px;
    border : 1px solid #99a1ab;
    background-color : #fff;
    layer-background-color : #a396d9;
    color : #282828;
    margin : 10px 0 0 10px;
    padding : 3px 5px;
    position : absolute;
    visibility : hidden;
    z-index : 998;
    -moz-opacity : 0.9;
    -moz-border-radius : 5px;
    filter : alpha(opacity="90");
}

.onl_table {
    width : 100%;
    font-size : 10px;
}
.onl_table td {
    padding-right : 5px;
    font-size : 10px;
/* Раскомментировать, если у Вас в две колонки*/ /*    width : 50%;
*/ }

.a_link, .a_link a:link, .a_link a:visited, .a_link_on {
    color : #ff0000;
}
.a_link_on a:hover, .a_link_on a:active {
    color : #ff0000;
}

.u_link, .u_link a:link, .u_link a:visited, .u_link_on {
    color : #666666;
}
.u_link_on a:hover, .u_link_on a:active {
    color : #4b73d4;
}

.e_link, .e_link a:link, .e_link a:visited, .e_link_on {
    color : #00a400;
}
.e_link_on a:hover, .e_link_on a:active {
    color : #00a400;
}

.j_link, .j_link a:link, .j_link a:visited, .j_link_on {
    color : #0000ff;
}
.j_link_on a:hover, .j_link_on a:active {
    color : #0000ff;
}

.b_link, .b_link a:link, .b_link a:visited, .b_link_on {
    color : #666666;
}
.b_link_on a:hover, .b_link_on a:active {
    color : #666666;
}
#tooltip {
background:#f2fbff;
font:verdana;
font-size:10px;
width:auto;
border:1px solid #d5e3f3;
border-left:5px solid #d36929;
color:#446a7b;
font-family:verdana, arial, helvetica, sans-serif;
opacity:0.91;
filter:alpha(opacity="91");
line-height:15px;
z-index:100;
position:absolute;
visibility:hidden;
border-collapse:separate;
margin:0;
padding:3px;
}
.story_content img {
border:1px solid #d5e3f3!important;
margin-top:2px!important;
background-color:#f2fbff;
padding:2px;
}
.story_content img:hover {
border-color:#bcd0e7!important;
}
.news {
color:#446a7b;
font-family:Verdana;
font-size:8pt;
text-align:justify;
line-height:15px;
background:#f2fbff;
}
.resizer {cursor:pointer; width:499px; height:14px; border:1px solid #D7D7D7; background: #F0F0F0; margin:2px 0 10px 0;}
.postbit {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #dadada;
border-right: 2px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 2px solid #dadada;
margin-bottom: 3px;
}



/*---Userinfo---*/
.userinfo { padding-left: 125px; }
.ui-dialog-content .userinfo { padding: 10px 0 10px 125px; }
	.userinfo .dleft { margin-left: -125px; width: 110px; padding-right: 15px; }
		.userinfo .dleft .avatar { margin-bottom: 10px; padding: 4px; background-color: #fff; border: 1px solid #c0d4de; }
			.userinfo .dleft .avatar img { width: 100px; }
		.userinfo .dleft ul { font-size: 0.9em; }

	.userinfo .dright { width: 100%; }
		.userinfo .dright ul { list-style: none; margin-left: 0; }
		.userinfo .dright ul li { margin-bottom: 0.2em; }

lmao · 2011-11-18 17:08:43

Если вставляешь картинки через стандартный загрузчик, то открой файл "engine\lang\russian\admin\images.ini"

и замени эти строчки:

insert_thumb	=	"[img="{thumb_url}" border="0" align=""]{file_name}[/img]"
insert_preview	=	"[url="{file_url}" target="_blank"][img="{thumb_url}" align=""]{file_name} ({fsize})[/img][/url]"

на эти:

insert_thumb	=	"[img="{thumb_url}" border="0" align="left"]{file_name}[/img]"
insert_preview	=	"[url="{file_url}" target="_blank"][img="{thumb_url}" border="0" align="left"]{file_name} ({fsize})[/img][/url]"

После этого вставь картинку в новость и текст будет как надо )

Изменено lmao (2011-11-25 00:07:18)

webproffi · 2011-11-18 17:26:25

вооо супер !!!! спасибки огромное !!! вот тока ещё бы отступ между фото и текста :rolleyes:

lmao · 2011-11-18 17:40:43

Можно добавить параметр hspace="5", где 5 - размер отступа, методом пробы подберешь нужный )

В каждую строчку добавь после кода

align="left"

это

hspace="5"

Изменено lmao (2011-11-18 17:44:04)

Next Generation CMS :: Форум поддержки

Объявление

#1 2011-11-18 11:27:28

Подскажите как сделать ? вот как на фото

#2 2011-11-18 11:34:48

Re: Подскажите как сделать ? вот как на фото

#3 2011-11-18 11:36:47

Re: Подскажите как сделать ? вот как на фото

#4 2011-11-18 12:08:23

Re: Подскажите как сделать ? вот как на фото

#5 2011-11-18 12:13:36

Re: Подскажите как сделать ? вот как на фото

#6 2011-11-18 12:28:32

Re: Подскажите как сделать ? вот как на фото

#7 2011-11-18 12:31:12

Re: Подскажите как сделать ? вот как на фото

#8 2011-11-18 12:32:38

Re: Подскажите как сделать ? вот как на фото

#9 2011-11-18 12:35:39

Re: Подскажите как сделать ? вот как на фото

#10 2011-11-18 13:41:33

Re: Подскажите как сделать ? вот как на фото

#11 2011-11-18 13:48:06

Re: Подскажите как сделать ? вот как на фото

#12 2011-11-18 14:36:49

Re: Подскажите как сделать ? вот как на фото

#13 2011-11-18 14:43:22

Re: Подскажите как сделать ? вот как на фото

#14 2011-11-18 15:30:04

Re: Подскажите как сделать ? вот как на фото

#15 2011-11-18 15:40:39

Re: Подскажите как сделать ? вот как на фото

#16 2011-11-18 16:26:01

Re: Подскажите как сделать ? вот как на фото

#17 2011-11-18 16:56:34

Re: Подскажите как сделать ? вот как на фото

#18 2011-11-18 17:08:43

Re: Подскажите как сделать ? вот как на фото

#19 2011-11-18 17:26:25

Re: Подскажите как сделать ? вот как на фото

#20 2011-11-18 17:40:43

Re: Подскажите как сделать ? вот как на фото

Подвал раздела