|
#1
|
|||
|
|||
|
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.
http://www.allesismooi.nl/photos Thanks! Quinten |
|
#2
|
|||
|
|||
|
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 ;=) |
|
#3
|
|||
|
|||
|
Hi Connie,
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 cheers! Quinten |
|
#4
|
|||
|
|||
|
Quinten,
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? |
|
#5
|
|||
|
|||
|
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.
Cheers! |
|
#6
|
||||
|
||||
|
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!
__________________
Affordable Website Design in North Wales |
|
#7
|
|||
|
|||
|
Thanks Joe[y]! Those are familiar terms you are using, after a quick puzzle I am sure I can work this out!
Helleluja!! Quinten |
| Post Reply |
| Thread Tools | |
|
|