Help - Search - Members - Calendar
Full Version: Image tips and tricks
Movable Type Community Forum > Additional Resources > Tips and Tricks
Dar...
Hi Everyone,

I am new to this forum, and am in the process of setting a new blog, I have gathered a ton of information in recent weeks about blogs, but no where can I find how to easily set an image. I am trying to set an image beside the blog name. It shows up, but as part of the name and is of course, not in the spot I want it . I am sure at some point I will want to put images in other parts of the page too.

Could someone tell me this trick please, or point me to where I might find the info? smile.gif Thanks!

Dar...
kadyellebee
Since the templates are in basic html code, you can modify them to add in images fairly easy. But if you put them inside of the major CSS styles (div id=banner, content, links, and so on), sometimes some adjustment needs to be made to make the image appear in the right place.

If you can't seem to get the changes made on your own, maybe post a link to your test page and one of us can take a look for you smile.gif

Kristine
Dar...
Thanks smile.gif for the suggestions. I wasn't sure if I could/should add the code to the indexes, or use the style sheet to accomplish it. I am still a little unsure of the best way to do it with the style sheet, which would be my prefered method. I will peek around and see if I can find an example. Thanks smile.gif

This forum is a great help! Lots of ideas and suggestions.

Dar...
sgcharest
Okay, this thread is exactly my question, and I hate to ask a question that is basic. So could someone please either a) refer me to a site where I can get the basics of HTML programming or b) give me a quick and dirty on what string is needed to put an image in a banner and where it should go (and then a web site so I can learn why it has to go there?)

Thanks for your kindness to a total idiot. sad.gif

sgc
rusto
a) do a search for "HTML tutorial" on Google, lots to choose from.

b) to put an image in a banner, add

CODE
<img src="http://URL of your image" width="width of image in pixels" height="height of image in pixels" />


Example:

CODE
<img src="http://www.russcam.com/graphics/042503-31.jpg" width="300" height="300" />
kadyellebee
One of my favorite sites to refer people to if they are just starting out is W3Schools. Its a great reference, and has tutorials for people just starting out smile.gif

Kristine
Dar...
I love these forums, they are so very helpful! Thanks so much for the help.

My main problem was, I was very unsure about where to add the code to insert the .gif. The index.html is where I would of course normally put it. However, my confusion came because the index.html is built from the main index.
I was afraid to touch the main index at first thinking I might break it tongue.gif
Anyway, trial and error works too. After several failed attempts to modify the index.html, I tired the main index. That worked smile.gif Thanks again!

Dar...
Hotel Serenity
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.