Adjusting text to flow around image - Page 2

MissANN · #16 (**permalink**) 01-16-2009, 10:25 PM

are you sure u don't?...

so what folder are your theme's images at?

anyways... once you have an 'image' folder in your current theme.. put that image in it and type this code in your header.php under <div id="page"> after the <div id="headerimg"> before the <hr/>tag:

Code:

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/samc.jpg" width="" height="" border="0" alt="">

EDIT:

i forgot... if you want to have a full control on where it will show up place it in a new 'div' by making it just like this:

Code:

<div id="addedimg"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/samc.jpg" width="" height="" border="0" alt=""></div>

Code:

then in you 'style.css'... add this:
#addedimg {
	margin-top:400px;
	margin-left:300px;
	width:auto;
	height:auto;
}

change the value of the margins as you please.

Gooooodluck!

jake123 · #17 (**permalink**) 01-18-2009, 02:42 PM

Themes designed before wordpress 2.5 might not handle the image position (none left center right) option added to the newer wordpress version To get images to appear as they preview i the edit you can add some code to your stylesheet.

(the anti-spam filter on the forum my pasted code is an email address)

hopefully a googling will find you such a patch

jake123 · #18 (**permalink**) 01-18-2009, 02:44 PM

Themes designed before wordpress 2.5 might not handle the image position (none left center right) option added to the newer wordpress version To get images to appear as they preview i the edit widow paste the following code into the stylesheet found at themes/edit/styles.php

***** Patches for image positioning updating theme for 2.5+ *****/

Code:

img.alignleft {
float: left;
margin: 5px 10px 0 0;
}

img.alignright {
float: right;
margin: 5px 0 0 10px;
}

img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}


/***** Tacked on to add image border  (copied from Business Blogging 101 theme) *****/

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

WB Sponsors