View Full Version : Getting text under my picture.
Currently my template places the text I type with a picture in the comments box, I would love to have it centered under my pictures, but: I am absolute noob when it comes to html/css.... So in case there is a simple solution I would be really greatefull for you to explain, in case there isn't really than I will stick to what I have for a while.
11-12-2005, 11:09 AM
the thumbnail sits in id "text"
the title sits in id "title"
the text sits in id "imageinfo"
so what? if you want that the image-info-div, which contains the text, should be under the thumbnail, just must define that "text" has no float-attribute which allows text to float around
and that the "imageinfo" has a "clear:both" plus maybe "text-align:center"
believe, it is never an excuse to be a "noob", it's just an explanation, but everyone can learn... nobody is born with CSS-knowledge ;=)
Thanks for the info, you're absolutely right about the noob thing, trouble is you should work with it a bit more than I do to keep the knowledge. I once learned a lot of html and css, build a nice site in the little text tool that comes with windows. Than didn't do much with it for a year appart from changing pictures. Now it's really abstract for me still no excuse, but I might take a css course and still don't know how to place that text under my picture.
Now I am almost afraid to tell but I actually ment to place the text under the main image, so it's not in the comment box...
You're still great even when you tell me to take a css course and to toss of, I would see the humor of it;)
11-12-2005, 07:13 PM
you must not take a CSS course, I think, a lot of good tutorials (and mostly the most competent ones and the most actual ones ) are online
you are right, CSS is easy to forget, I find HTML more transparent than all these small tricky things with CSS ;=)
so you do not want to show the text in the comment-page?
why not use <IMAGE_NOTES> in your image_template.html instead of the comment_template.html?
Thanks for the hint Connie, I must be able to find out how this goes from here! Well it will be a nice practice anyway.
11-21-2005, 01:34 PM
qck if you create a <div> under your image in your image_template code and place the <IMAGE_NOTES> tag inside it you will then have a block element for your image notes. to center it you need to assign it and ID and in your cssheet under the corresponding ID give the <div> a width: and margin:0 auto; (which aligns it centrally on the page)
hope that helps!
Thanks Joe[y]! Those are familiar terms you are using, after a quick puzzle I am sure I can work this out!
vBulletin® v3.7.3, Copyright ©2000-2013, Jelsoft Enterprises Ltd.