benl11235
Forum Replies Created
-
Forum: Themes and Templates
In reply to: Image Line with Adjacent TextSo now I have this code. testimoniaimage has a clear:right property
<div> <img class="size-full alignleft testimonialimage" alt="Pixar logo" src="http://10.0.3.18/wordpress/wp-content/uploads/2013/06/Pixar.jpg" /> <p class= "testimonialtext" >Bravo! We are so incredibly pleased with the recovery of our (impossible to replace) data! Recovered (from a non-booting, clicking drive) were both personal files, art and photographs as well as decades worth of professional artwork done for the movie studios I've worked for (Pixar, DreamWorks, Disney, IMD). Service is always top notch at a good rate. I highly recommend! <strong>~ Armand Baltazar, Senior Designer Pixar Animation Studios</strong></p> </div> <div> <img class="size-full alignleft testimonialimage" alt="Industrial Magic" src="http://10.0.3.18/wordpress/wp-content/uploads/2013/06/indlightmagic.jpg" /> <p class= "testimonialtext"> MacAdvantage is an anomaly in this age of corporate greed and outsourcing. A local company whose prime directive seems to be great service in a friendly and timely fashion at extremely reasonable rates, I would not hesitate to recommend them. <strong>~ Jack Haye, Industrial Light & Magic; Burning Man</strong> </div>The image and the text attempts to insert itself next to the image, as shown here:
I’m unsure how to get it below the first image, but I have a feeling it has something to do with padding? I also increased the width of the text box, and I seem to have alleviated the problem. I’m not sure it’s the best method though.Some of the testimonials don’t have an image. Will it stay out of there even if there is no image?
Forum: Themes and Templates
In reply to: Image Line with Adjacent TextOkay, so if I do it without inline styling, I think it looks something like this:
In custom CSS manager:
`
.testimonialtext
{
width: 300px;
textalign: right;
float: right;
}On the page:
<div>
<img class=”size-full alignleft” alt=”Pixar logo” src=”http://10.0.3.18/wordpress/wp-content/uploads/2013/06/Pixar.jpg” />
<p class= “testimonialtext” >Bravo! We are so incredibly pleased with the recovery of our (impossible to replace) data! Recovered (from a non-booting, clicking drive) were both personal files, art and photographs as well as decades worth of professional artwork done for the movie studios I’ve worked for (Pixar, DreamWorks, Disney, IMD). Service is always top notch at a good rate. I highly recommend! ~ Armand Baltazar, Senior Designer Pixar Animation Studios</p>
</div>’
When I do the next one, sometimes the image ends up not directly underneath the previous one, and somewhat beneath the text. Do I fix that by enforcing a particular height for the text in the custom css manager or through some other method?
Forum: Themes and Templates
In reply to: Image Line with Adjacent TextI’ve come up with this, and it seems to be working. If it’s not too much trouble, can you look it over?
<div> <img class= "size-full alignleft" src="http://10.0.3.18/wordpress/wp-content/uploads/2013/06/Pixar.jpg" alt="Pixar logo"> <p style="text-align: right;float: right;"><p class= width=300px height= 300px >Bravo! We are so incredibly pleased with the recovery of our (impossible to replace) data! Recovered (from a non-booting, clicking drive) were both personal files, art and photographs as well as decades worth of professional artwork done for the movie studios I've worked for (Pixar, DreamWorks, Disney, IMD). Service is always top notch at a good rate. I highly recommend! <strong>~ Armand Baltazar, Senior Designer Pixar Animation Studios</strong></p> </div>Also, will the style and class for p carry over into other p sections?
Forum: Themes and Templates
In reply to: Image Line with Adjacent TextWhat was wrong with the styling? Is it better to use that then edit style.css? I only need this formatting on three images on the front page, is it still recommended to do the css elsewhere?
Forum: Themes and Templates
In reply to: Image Line with Adjacent TextI think I’m doing it wrong, because this doesn’t seem to do anything:
<img class="alignleft; margin-left: 300px;" src="http://10.0.3.18/wordpress/wp-content/uploads/2013/06/go_local.png" alt=""/>Forum: Themes and Templates
In reply to: Image Line with Adjacent TextSo I’ve done some reading. Float left, right, and center work very well. If I float all of the images left, it’ll keep them aligned. I’m still wondering about the tiny subtle image adjustments. Do I use margins for that?
Forum: Themes and Templates
In reply to: Image Line with Adjacent TextThat sounds like a good idea. Do you know of a page that wold serve as a good example? What would you recommend for learning more about HTML and CSS?
Forum: Themes and Templates
In reply to: Image Line with Adjacent TextIn wordpress it seems that float left and float right are assigned to wordpress assigned left. Is there an easy method to force all text to a certain indentation away from the image? It might be beneficial for me to assign those images an absolute position. Is that possible?
