Align ileft in text not working

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
Post Reply
spirelli
Posts: 996
Joined: Tue 27. Jul 2004, 13:37
Location: London

Align ileft in text not working

Post by spirelli » Wed 15. Aug 2007, 08:19

I've inserted a picture, setting position to 'In text, left' (align the image left within the text block). So, the text should flow around the image, but it doesn't:

http://www.****.net/yosponsorship.phtml

What's wrong?

User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Post by flip-flop » Wed 15. Aug 2007, 08:53

Have you seen and set the classes imgDIVinTextLeft and image_td ? .......

e.G.

Code: Select all

.imgDIVinTextLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
}
.imgDIVinTextRight {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
} 
.imgDIVtopLeft { 
	margin:8px 10px 5px 20px; 
	padding:0px; 
	border:0; 
} 
.imgDIVtopCenter { 
	margin:8px -50% 5px -50%; 
	padding:0px; 
	border:0; 
}

.imgDIVblockImgLeft { 
	margin-right: 10px;
}
.imgDIVblockImgRight {
	margin-left: 10px; 
} 

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}

Code: Select all

/* === Pictures Gallery amd Text w/Image === */
/* -- Text under the Image -- */
.imglistcaption {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #666666;
	display: block;
	vertical-align: top;
	text-align: left;
	text-decoration: none;
}

/* TD around the Images */
.imagelisttd {
/*	background: #aaaaaa; */
/*	border: 1px solid #aaaaaa; */
	margin: 0;
	padding: 0;
}

/* Only the Image  */
.imagelistimg {
/*	border: 1px solid #aaaaaa; */
	padding: 0;
	margin: 0;
}

/* -- Text under the Image - Text w/Image -- */
.image_caption {
	margin: 3px 0 0 0;
	padding: 0 0pt 2px 13pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	color: #666666;
	display: block;
	vertical-align: top;
	text-align: left;
	text-decoration: none;
	background: url(../../img/famfamfam/silk_icons_gif/magnifier.gif) top left no-repeat;
}

.image_caption_list {
	margin: 3px 0 0 0;
	padding: 0 0pt 2px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	color: #666666;
	display: block;
	vertical-align: top;
	text-align: left;
	text-decoration: none;
	line-height: 1em;
/*	background: url(../../img/famfamfam/silk_icons_gif/magnifier.gif) top left no-repeat; */
}

/* -- Only the Image - Text w/Image -- */
.image_img {
	padding: 0;
	margin: 0;
/*	border: 1px solid #333333; */
}

/* -- TD around the Images - Text w/Image  -- */
.image_td {
/*	padding: 0 5pt 2px 5pt; */
  padding: 0;
	margin: 0;
	clip:  auto; /* rect(); */
}
/* END Pictures Gallery amd Text w/Image */ 
Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )

Post Reply