Home » Internet » Web Programming » HTML

Guestbook

From the lens How to Align Images in CSS & HTML.

Twitter Share on Facebook Digg Stumbleupon Delicious Email It

Please share and/or rate this page if you found it useful!

  • alex89 May 28, 2012 @ 3:13 pm | delete
    fantastic lens, it was really helpful. I'm bookmarking it for future reference, Thank you!
  • GilliansCloud May 25, 2012 @ 3:11 pm | delete
    Wow, I'll definitely be back to review all this. I was wondering how to have better picture placement in the modules. Thank you :)
  • BarbaraCasey May 22, 2012 @ 3:17 pm | delete
    Goodness... I need to spend days just visiting your Squidoo how-to lenses. My bookmark list gets longer and longer. Thank you!
  • magictricksdotcom May 22, 2012 @ 8:30 am | delete
    Thank you. Especially like the instruction on how to credit Creative Commons images under a photo. I've struggled with that one. Much appreciated.
  • srk4you May 21, 2012 @ 10:59 pm | delete
    Hi Greekgeek, I found this lens really useful. I have been searching the whole internet to align images in my lenses. I know how to write the code, but I always forget the tags. Your explanation is mind-blowing. Thank you so much, see ya around!
  • SoundFinance May 21, 2012 @ 10:50 pm | delete
    How do you put two or more pictures and a caption under each picture please?
  • Greekgeek May 23, 2012 @ 1:13 am | delete
    That's complicated enough that I wound up making a separate tutorial... see if this helps (linking right to the code template):

    http://www.squidoo.com/how-to-align-images-side-by-side#module150704941

    If you don't need links, just take the part out. And you can increase the width from 180 pixels if you want; just make sure you increase the width of the paragraphs AND the images the same amount.
  • SoundFinance May 20, 2012 @ 6:55 pm | delete
    What a helpful lens!
  • Millionairemomma May 20, 2012 @ 1:51 am | delete
    Very helpful.
  • gonzalezdenise May 18, 2012 @ 11:32 am | delete
    Thanks you are helping perfect many things through your lens. Thank you so much.
  • samsipet May 16, 2012 @ 10:11 am | delete
    This page is a must bookmark for anyone like me. Thanks a bunch!
  • lestroischenes May 15, 2012 @ 2:26 am | delete
    Struggle with html and find the easiest way is just to keep libraries of text and cut and paste. Lazy I know. Saved lots of these, so many thanks.
  • seemarahate May 11, 2012 @ 5:14 am | delete
    provided useful tips, Lovely lens
  • Mistel May 8, 2012 @ 7:59 pm | delete
    Just coming back here once again to tell you how much I appreciate you putting this lens together. It has continously helped me fix up my lenses with HTML and Pictures. Thank you!
  • JoeThe Artist May 3, 2012 @ 7:49 pm | delete
    Very useful
  • Kumar_PS May 1, 2012 @ 9:00 pm | delete
    Great lens !
  • Cornell89 Apr 17, 2012 @ 2:37 pm | delete
    Thank you!!!! I am doing a web project for my ITE 130 class and I found your page and it helped me greatly! You are awesome! THANK YOU FOR POSTING THIS PAGE!!!!!!
  • techgain Apr 9, 2012 @ 7:55 am | delete
    Hi, Great Lens!! Thanks!!
  • cmadden Apr 5, 2012 @ 11:25 am | delete
    Great, informative lens - thanks!
  • Radamel Apr 1, 2012 @ 4:52 pm | delete
    Very educative lens about CSS.
  • tmmallin Mar 31, 2012 @ 3:29 am | delete
    Thank you for explaining everything in such a simple way (even I understand almost everything :-)
  • cao2fine Mar 25, 2012 @ 8:00 am | delete
    Thanks for sharing, I will be referring to this a lot!
  • xmen88 Mar 10, 2012 @ 10:21 pm | delete
    Great site. I learn a lot from it.
  • CarlThomp Mar 10, 2012 @ 7:06 pm | delete
    thanks for sharing this information very helpful in my lens building
  • lclchors Mar 8, 2012 @ 2:53 pm | delete
    great site. is there a way to post a embed src in Squidoo?
  • Greekgeek May 12, 2012 @ 12:06 am | delete
    No, unfortunately, Squidoo doesn't support embedded content. (It's too easy to slip in malware or things that are incompatible with Squidoo.)
  • decibell Feb 26, 2012 @ 12:41 am | delete
    Thanks for the great css tips.
  • lftypjk900 Feb 23, 2012 @ 8:29 pm | delete
    thank you so much for your lenses on css. I have used your lenses countless times to find out how to do things on my lenses. Being a newbie, it has really given me a great education and countless references that I need. Again, thanks so much.
  • shovan16 Feb 20, 2012 @ 10:26 am | delete
    Great tips, very helpful to me. thanks
  • juliemac1012 Feb 17, 2012 @ 11:35 am | delete
    Thanks for the tips - I used the one for a caption under a right aligned pic and it worked it a treat!
  • sockii Feb 17, 2012 @ 8:38 am | delete
    An always useful lens when I need to remember exactly how to do some simple Squidoo tricks!
  • StaCslns Feb 16, 2012 @ 7:35 am | delete
    Wow, this was so helpful! Thank you! You made it so easy to understand.
  • AaronSquid Feb 3, 2012 @ 6:26 pm | delete
    Thanks for sharing the information on this and your other lenses.
  • MillBucks Jan 30, 2012 @ 1:02 pm | delete
    Thanks so much for sharing your expertize, it's just amazing the things that can be done by implementing these codes. Great lens!
  • notedbybarb Jan 6, 2012 @ 10:32 pm | delete
    Thank you for these well-presented and very helpful tutorials. So thoughtful of you to share.
  • GrammaLinda Jan 4, 2012 @ 1:57 pm | delete
    Excellent resource for anyone. I know CSS and have bookmarked this lens. SquidAngel blessings!
  • williemack58 Jan 3, 2012 @ 3:53 pm | delete
    Fantastic information, a bit overwhelming for a new squidadale, however I am sure in time it will become second nature.
  • IslandsTropicalMan Jan 2, 2012 @ 5:56 am | delete
    very useful tips, thanks for sharing
  • ggalea Dec 26, 2011 @ 11:50 am | delete
    Really, great tricks with CSS, we can make more special our lens with those easy implementation.
    Thanks by share,
  • jadehorseshoe Dec 24, 2011 @ 4:56 pm | delete
    My New PERFECT "Cheat Sheet." Thanks.
  • fullofshoes Dec 16, 2011 @ 3:29 pm | delete
    I have to say I'm losing my mind trying to learn about all the image credit stuff, creative commons, all of it. Your lens helps quite a bit. I'm usually a quick study but this licensing stuff has really got me.
  • favored1 Dec 13, 2011 @ 4:23 pm | delete
    Yet another page I have to mark so I can come back. Appreciate your lens so much. Thanks.
  • squidooGUROO Dec 12, 2011 @ 1:08 am | delete
    align images can be tricky but you made it very easy. Nice work
  • seosmm Nov 27, 2011 @ 3:17 pm | delete
    Lots of great info. Very nice lens!
  • billybraveheart Nov 27, 2011 @ 2:23 pm | delete
    I'm here teacher and working on my progress, really appreciate you sharing lenses like these..Hugz
  • redleafloans Nov 24, 2011 @ 5:00 pm | delete
    Thanks for the tutorial. I'm kinda new to CSS and HTML so this would definitely help me a lot...:)
  • WhitePineLane Nov 16, 2011 @ 8:55 pm | delete
    G.G. - Your tutorial lenses always seem to be my "go-to" lenses when I have questions on how to make my lenses look better! Thanks for sharing your amazing knowledge!
  • Retro_Loco Nov 16, 2011 @ 7:54 pm | delete
    Excellent information here! I've had trouble aligning the captions under my photos. I'll give your code a try. Thank you so much for sharing your CSS & HTML. As usual, your tutorials are a huge help! THANK YOU so much for sharing your technical expertise, Greekgeek!!
  • Retro_Loco Nov 16, 2011 @ 7:54 pm | delete
    Excellent information here! I've had trouble aligning the captions under my photos. I'll give your code a try. Thank you so much for sharing your CSS & HTML. As usual, your tutorials are a huge help! THANK YOU so much for sharing your technical expertise, Greekgeek!!
  • LadyLovelace Nov 14, 2011 @ 9:45 pm | delete
    I'm just dropping in to say thanks; you've been a great help to me (and many others, I'm sure) in my time at Squidoo, and I'm grateful for it.
  • fanfreluche Nov 10, 2011 @ 11:17 am | delete
    A big thank you for all your tutorials, each one of them is useful. Most are bookmarked (since we lost favorites) and I always check here first whenever I need a trick about doing something with my pages.
  • goo2eyes Nov 8, 2011 @ 4:59 pm | delete
    will surely use these in my lenses. thanks for sharing
  • ciwash Nov 8, 2011 @ 4:09 pm | delete
    I have been using your article for all of my articles. I just wanted to say thanks for the well written and comprehensive work you did on HTML. Well done.
  • calistoeloi Nov 8, 2011 @ 3:57 pm | delete
    Thanks a lot for all the tutorials. This one specially has helped me out a lot with my lenses. Many kudos!
  • stockysister Nov 2, 2011 @ 2:55 pm | delete
    Thank you for the tips. I'm certian I'll use these in the future.
  • magento-templates Oct 30, 2011 @ 4:20 am | delete
    Good job! Lens is definitely useful for beginners or as a reference. =)
  • fastcard Oct 26, 2011 @ 5:06 pm | delete
    I'm new to this: where do you type in the html code to make image clickable on my squidoo lens
  • Greekgeek Oct 26, 2011 @ 10:59 pm | delete
    Put it in a text module. :)
  • Steve Oct 20, 2011 @ 6:02 am | delete
    I have an image with float:right and I want start the next paragraph underneath it but aligned left as normal leaving a blank space above the text on the left and the image on the right.
  • Greekgeek Oct 20, 2011 @ 9:43 am | delete
    Ah, there's one I can answer! Start the next paragraph with

    to say, "don't let anything float next to this."
  • Morgannafay Oct 18, 2011 @ 2:37 pm | delete
    Now hopefully my zazzle stuff won't look dorky thanks to you. lol. Thank you Greekgeek! I was about to scream at my computer for not being able to put my image credits at the bottom of my pic. It would always want to go the way of the text I was trying to put beside it.
  • Mickie_G Oct 18, 2011 @ 12:22 pm | delete
    I agree with the others posting here: your instructions for aligning images is simple and easy to understand. Thank you so very much--again (I am constantly returning to your "how to" pages.).
  • ana_nimoss Oct 17, 2011 @ 1:15 am | delete
    I love all your lenses. I learn so much from them. Sincere thanks!
  • Leilani-m Oct 11, 2011 @ 1:10 pm | delete
    Love this lens!
  • KarenCookieJar Oct 9, 2011 @ 3:38 pm | delete
    thanks for the simple and easy to follow tutorial! I've been wanting to add margins to images and now I know how!
  • creativeexpress Oct 9, 2011 @ 11:24 am | delete
    I learn so much about writing and designing lenses on Squidoo from you! Thank you so much for sharing such great information!! Kudos!
  • ModernChakra Oct 8, 2011 @ 10:43 pm | delete
    I have spent so much time now on the internet, building sites on different platforms and never got around any real html coding. I find this len's incredibly useful. Most of the things I had wanted to do were easy enough but I just never knew how. Thanks!
  • fastcard Oct 4, 2011 @ 4:10 pm | delete
    Great stuff. I still have a problem, how exactly do you add text below the image on want to put on my own lens. I don' t know where to type this stuff. What is CSS? Can anyone help? Thank you.
  • aesta1 Oct 2, 2011 @ 7:41 pm | delete
    This is really useful as usual. Thank you for all the tips you had been sharing here and in the forum.
  • egosney78 Oct 2, 2011 @ 8:02 am | delete
    Thank you! Just bookmarked this page as I will be using it a lot. Just FYI, your lens on how to align images doesn't link correctly to this page. Looks like you forgot to take "workshop" out of the link, so I had to manually type it in omitting that.
  • sidther Sep 29, 2011 @ 8:42 pm | delete
    I thought I had clicked like on this before- I use this lens every time I make a new one now to help me align the images... thank you SO much for creating this!
  • aliciamaggie54 Sep 27, 2011 @ 9:51 pm | delete
    Thank you for this useful information. This really comes in handy:) I have learned so much.
  • Grandad52 Sep 16, 2011 @ 5:22 pm | delete
    Thank you for all this. It sure makes things a little easier. I appreciate it.
    Jeff
  • Mermaiden Sep 14, 2011 @ 7:00 pm | delete
    oh my gosh this is a definite bookmark! Thanks for all the help! Please check out my lens too! I'm definitely going to use this to help me build a new lens! Thanks!
  • pamadra Sep 13, 2011 @ 8:21 pm | delete
    Very informative lens, I will be using these techniques in the future. Thanks
  • Hitesh Kapoor Sep 13, 2011 @ 11:41 am | delete
    How we can add the two images side by side through html coding and we need a text between both the images
  • Greekgeek Sep 14, 2011 @ 1:07 am | delete
    Oh, that's tricky. Try this. Hopefully, it'll put the first image all the way on the left, the second image all the way on the right, and then the text will fill the space between them:

    <img src="left image URL" style="float: left; margin-right: 10px;"><img src="right image URL" style="float: right; margin-left: 10px;"> TEXT GOES HERE.
  • turtleface Sep 12, 2011 @ 7:21 pm | delete
    Thank you for the help. This lens has done a lot to assist me
  • EMangl Sep 10, 2011 @ 8:45 am | delete
    well written ! i am just working on a lens where i put a link to this lens into it, saves me a lot of writing :-)
  • whoisbid Sep 7, 2011 @ 6:06 am | delete
    I am certain this has helped so many people already. Thanks
  • Greekgeek Sep 5, 2011 @ 12:50 am | delete
    George -- I approved your comment, but it's still not showing. If you want to have two images left-aligned, one above the other, in a block, with the text flowing around both of them, what you do is tuck them inside a paragraph whose width is set to be the width of the larger of the two of them -- and no more! Then you set that paragraph to float left. In that way, the paragraph will be a "floaty box" containing the two images -- and they'll wrap one above the other, because the width makes the paragraph too narrow for them side by side.

    Let me see if this thing lets me type code in a reply box. This is what I mean:

    [image code for first image] [image code for second image]

    The margin is just to give a little buffer around the "box" -- the paragraph -- which holds the images, so the text won't fill in bang up against the graphics. I used 200 pixels as the width in my example; set that number to the width of the larger of the two images. (It will look neater if they're both the same width; otherwise there will be a bit of blank space to the right of the narrower one.)
  • George Sep 5, 2011 @ 12:23 am | delete
    Great article. I just want to know something too. I know to text wrap images around text but how do i text wrap 2 images one below the other both left aligned around the text. I need a code that puts an image below another image aligned to the left. So that all the images are present one below the other left aligned and the text are on the right. Any kind of help would be appreciated. Thanks :-)
  • KaneshiaKelly Sep 1, 2011 @ 6:29 pm | delete
    Great lens, I'm featuring it on my lens, I just created one call Cool HTML Squidoo Tricks
  • adez7 Aug 20, 2011 @ 3:22 pm | delete
    Now this is a great lens if I have ever saw one, right along with all your other great lenses that take second place to none! So I have added this one and your color themes lens to The Hitchhikers Guide to Squidoo Lens Creation Universe down in the CSS and HTML section right next to your picture! Thanks for all the great tips and knowledge!
  • dilipsvarma Aug 20, 2011 @ 5:55 am | delete
    even in times of editors. its nice to hand code the old fashioned way
  • Maggie Aug 15, 2011 @ 10:41 pm | delete
    This is very useful~~ Thankful~~~~~ I have been searching for this kind of code for long time~~!! So detail and so many different case describe, useful useful useful~~ ^^
  • Pastiche Aug 10, 2011 @ 8:13 pm | delete
    I do so miss my days of handcoding ... thanks for putting all the good stuff in one easy to use lens. Blessed by a visiting bus-trip angel!
  • bossy_gal Aug 7, 2011 @ 2:30 pm | delete
    Great lens and very informative too..thanks alot:)..
  • webcodez Aug 7, 2011 @ 8:02 am | delete
    Useful one, CSS can be of great use to make your lenses look more attractive, good job on the lens!
  • bames24 Aug 1, 2011 @ 11:41 pm | delete
    great tips... thanks a ton for sharing them... :)
  • unqedomain Jul 26, 2011 @ 3:24 pm | delete
    Hi! again how will I use Steven Ewings free text in squidoo? Is there any guide? Thank you again, it is so helpful.
  • Srena44 Jul 26, 2011 @ 12:11 am | delete
    thanks for sharing this information, great lens
  • sysuns Jul 24, 2011 @ 8:21 pm | delete
    LOVE THESE TIPS....thanks a lot
  • shaleigh Jul 10, 2011 @ 9:17 pm | delete
    This was a must read for me, as I have not figured out how to use pictures yet~ I am off to tweak my first lens, thanks for the great info!
  • serenity4me Jul 4, 2011 @ 12:31 pm | delete
    This is a great lens with lots of needed information, thank you.
  • akumar46 May 22, 2011 @ 11:39 pm | delete
    Great tips for beautiful lens building....Thanks.
  • jeevsud May 17, 2011 @ 11:26 am | delete
    Hi Greek geek...I tried using the source code to place the image where I want to but it just isn't working. Could you help me, cause I am starting to tear my hair out ..hehe
  • Greekgeek May 18, 2011 @ 12:54 pm | delete
    Hi, jeevsud! It's hard to troubleshoot in a guestbook, so how about you post the code that's giving you trouble in SquidU's help forum (go to "Help & Tips" at the top of this page, pick "SquidU", go to the forums and then go to the Help forum).

    Tell us what you're trying to do, show us the code that's not working, and maybe we'll be able to find the problem. Sorry my page wasn't enough to get it working for you!
  • jeevsud May 19, 2011 @ 12:30 am | delete
    No problem at all...I will try and post the issue I am facing at the forum...thanks greek geek
  • grandma_deal May 12, 2011 @ 7:56 pm | delete
    You know so much, I wonder if you have it all memorized, or do you refer to notes now and then. I have to take notes and I still have so much to become aware of, much less trying to learn it all. Thanks for all the great information.
  • Greekgeek May 13, 2011 @ 3:48 pm | delete
    I've finally got almost everything on this page memorized, but one of the reasons I originally wrote this page (and another I've got on CSS) is so I could look something up when I forgot how to do it. :D
  • LongShot1972 May 5, 2011 @ 11:35 pm | delete
    Thanks for the help on my image link problem
  • Ener-G May 5, 2011 @ 11:17 am | delete
    Thank you Greekgeek....just what I needed for a video on my blog! Blessed!
  • Cumberland May 1, 2011 @ 5:25 pm | delete
    I am beginning to rely more and more on your lenses for very useful information.
  • hendkur Apr 28, 2011 @ 7:55 am | delete
    wow....very good information.thanks
  • skygate Apr 27, 2011 @ 5:44 am | delete
    Skygate Media, located in Norwalk CT and Manhattan NY, is an award winning website design company that specializes in web development, online marketing, best content management system as well as search engine optimization. The creative firms and Website development Houston, TX have undergone many phases.
  • heehaw Apr 26, 2011 @ 8:43 pm | delete
    useful info for me, just notice something i can add on to my lens.
  • EmilyBernstein Apr 12, 2011 @ 8:02 pm | delete
    Oh such information...I am dizzy and have I learned a lot, thank you, thank you, thank you so much. Now I can put images in my lens and do all kinds of neat things, thanks to you.
  • WeddingZazzle Mar 16, 2011 @ 11:24 pm | delete
    Blessed by a SquidAngel :)
  • PoorPinoy Mar 8, 2011 @ 12:21 am | delete
    This tutorial is making me a Geek! Now i know image alignment, resizing and putting links on the image. Keep going. Thanks!
  • RenaissanceWoman2010 Mar 6, 2011 @ 7:24 pm | delete
    I learned just what I needed. Thanks!
  • gunsock Feb 27, 2011 @ 3:07 am | delete
    Very useful lens. Thank you!
  • GroovyFinds Feb 24, 2011 @ 7:32 pm | delete
    What a fabulous lens! Blessed
  • LisaAuch Feb 24, 2011 @ 3:06 pm | delete
    i have found thisthis page a lot!
  • LeroyNiederhofer Feb 19, 2011 @ 10:30 am | delete
    Thanks I have building a website and all this has helped a lot. Make more lenses like this one I need all the help I can get
  • Waxing-Lyrical Feb 17, 2011 @ 4:53 pm | delete
    Invaluable information. Thank you! Do you have any tips adding different images in a tile or wall effect, like a block of slightly larger than thumbnail size pictures?
  • Greekgeek Feb 17, 2011 @ 7:48 pm | delete
    In general, I would just add a "float: left;" to the style of each image, which makes it behave like the letters in a line of text, each going as far left as there is room, then filling in the available space to the right of the one next to it. When they run out of room horizontally, the next float: left image would have to go onto a new line, again, just like the letters of a line of text only larger. To force a "line break," so to speak, one would make the style of the first image on the new row to be:

    style="float: left; clear: left;"

    meaning "go all the way to the left, and if there's something already there, go onto to the next line."

    I've got a few templates for multi-image Zazzle galleries here which could be adapted for regular graphics:

    http://www.squidoo.com/free-graphics-creative-commons-zazzle/132519351-Zazzle-Referral-Templates

    In particular, the multi-image gallery is useful. Except that I made every graphic a linked graphic to get the referral in, so it's a little more complex than needed.
  • Mellony Feb 12, 2011 @ 8:35 am | delete
    Great and informative lens !
  • SEM-SEO-SMM Feb 9, 2011 @ 3:40 am | delete
    Another great Lens. I have added it to my Featured Lenses on my Squidoo Lense Customization Lens.
  • I-sparkle Feb 5, 2011 @ 2:11 am | delete
    You're a life saver! Thanks for all the help.
  • Mr. Miyuru Feb 4, 2011 @ 7:52 pm | delete
    Hi,

    Gotta problem here.

    I copied below code from How to Add Background Images & paste it into my Notepad.

    And saved it as FILENAME.HTML
    Unfortunately it doesn't seem to work when it's D-clicked..

    But removing -left part from padding-left: seems to work for me.

    Here is the new code then:

    Any way,Great Lesson

    Thank you very much.

    God Bless!
  • Greekgeek Feb 4, 2011 @ 11:55 pm | delete
    Hmmmm. Notepad may not understand all the CSS commands that web browsers do. padding-left is a normal CSS command.

    I don't have Notepad, so I can't test it. But if that works for you, great!

    Just keep in mind that the padding command all by itself puts padding on all four sides of your text, in that case, not just on the left. You may find that looks odd in some circumstances.
  • BlueStarling Jan 27, 2011 @ 10:02 am | delete
    Great tips and very clearly explained!
  • CellPhoneSpyPrograms Jan 26, 2011 @ 8:01 pm | delete
    Thanks.. Great help today!
  • Geekgurl Jan 16, 2011 @ 8:29 am | delete
    Thanks to this information. My computer did not get thrown tonight. I have been so frustrated with trying to center several images in my module (I was using ).
  • dellgirl Jan 8, 2011 @ 1:44 am | delete
    Oh gosh, I need this!! I've been looking for this forever (not that I completely understand a word of it yet)! Wonderful Wonderful lens, so full of helpful information! Thank you for sharing this, even though it will take me a good while to figure it out. I want to align text under a photo so, I have some studying to do.

    5 stars for a great lens, thumbs up, favoriting, lensrolling you and, joining your fan club.
  • FoxMusic Jan 4, 2011 @ 6:02 pm | delete
    This is a Fantastic Lens thank you for all this information its truely remarkable!!
  • jp1978 Dec 25, 2010 @ 1:08 am | delete
    This is a really great lens. Whenever I make new lenses or edit old ones I always use the code on this lens.
  • ViolinStudent Dec 23, 2010 @ 10:09 pm | delete
    Excellent information, well presented as usual! Thanks for this! It's very, very helpful!
    -Art Haule
  • kiwisoutback Dec 22, 2010 @ 8:17 pm | delete
    I'm using this page right now to create some aligned some clickable captions. I couldn't have done it without this lens! I'll give you a link when I'm done with it. Happy Holidays!
  • adetruna Dec 15, 2010 @ 10:20 pm | delete
    thx very useful for me to lay my photo out in my blog :)
  • maurisrx Dec 15, 2010 @ 1:09 am | delete
    thanks a lot. This tutorial helps me to align my image in squidoo
  • leathersleepersofa Dec 12, 2010 @ 3:52 pm | delete
    Thanks,Nice lens
  • stuhaynes Dec 12, 2010 @ 2:24 pm | delete
    This is sooo helpful. I've often wondered how to do stuff like this, so thank you
  • sorana Dec 12, 2010 @ 7:06 am | delete
    What a great idea for a lens. It comes at the right time for me as I was wonderring if I could do all those things you just put in one lens. It answers so many questions I had. Thanks
  • refrige23 Dec 11, 2010 @ 4:02 pm | delete
    Thank you of Great Lens and the information!
  • GonnaFly Dec 2, 2010 @ 11:43 pm | delete
    Another really helpful lens. Excellent.
  • crosscreations Dec 1, 2010 @ 3:42 pm | delete
    thanks SO much! Really appreciate your help.
  • 4U2C Nov 16, 2010 @ 8:35 pm | delete
    All I can say, is "wow"! This is wonderful, and putting it to use immediately - thank you, as usual, for an incredible tutorial on how-to put those images to work - where you want 'em!
  • MSchindel Nov 15, 2010 @ 7:04 pm | delete
    What an incredibly useful resource for lensmasters! Thanks so much for sharing your knowledge!!!
  • WhitePineLane Nov 4, 2010 @ 4:57 pm | delete
    Fabulously useful, and easy to understand. *Blessed by a Squid Angel*
  • artyfax Nov 3, 2010 @ 6:50 pm | delete
    Have just used some of your help in formatting a lens, it looks so much better - thanks
  • LisaAuch Nov 1, 2010 @ 5:09 pm | delete
    As a thankyou, for your help with images on my lens, I always refer to this lens! and send others, I love how simple you have your information. I am honoured to be able to Bless this. Lisa
  • Tempus Oct 29, 2010 @ 1:17 pm | delete
    Awesome lens again. I've been looking for 'How to give a photo credit' for ages. Should have thought of you straight away! Thanks
  • Lorymer Oct 24, 2010 @ 12:32 pm | delete
    Impressive design. Verry useful information.
  • KortDogg Oct 23, 2010 @ 6:24 pm | delete
    awesome job on this lens! i love the design!
  • MarkUpshaw Oct 20, 2010 @ 1:26 am | delete
    Sweeeet material. Very helpful. Thanks
  • Specialeetees Oct 18, 2010 @ 3:42 pm | delete
    And thefluffanutta comes to the rescue yet again! You are fast becoming my absolutr hero of all time :)
  • Greekgeek Oct 18, 2010 @ 6:43 pm | delete
    I'm only a sidekick. Fluffanutta's the real hero. :)
  • aesta1 Oct 17, 2010 @ 2:31 am | delete
    Very, very helpful.
  • bakerwoman Oct 16, 2010 @ 10:28 pm | delete
    I will definitely try some of these tips. Thank you so much for sharing.
  • LisaAuch Oct 13, 2010 @ 11:23 am | delete
    Thankyou as usual, stopped by with help on a very photo focused lens! i as usaul appreciate the manner in which you explain the process. Fab!
  • KarenTBTEN Oct 12, 2010 @ 11:13 pm | delete
    I might learn these techniques someday. In the meantime... blessed by a SquidAngel.
  • artyfax Oct 8, 2010 @ 4:27 pm | delete
    this has really answered a nnumber of questiopns for me - thanks for the info. i hope it will spruce-up my next lens modification
  • TeamSTM Oct 6, 2010 @ 10:52 am | delete
    This is an Awesome Tutorial Squidoo Lens, better than other tutorials for this type of subject. This is one easy to follow, understand and grasp Squidoo Lens! I just love the Lens, Awesome Job!!
  • Gloriousconfusion Oct 4, 2010 @ 1:07 pm | delete
    Enlightening - I get in quite a muddle doing all this, but I'll keep trying!
  • Fitzcharming Oct 3, 2010 @ 8:20 am | delete
    I bookmarked this because I'll need to look at it frequently. You're so sweet to share your knowledge with us in all these lenses. Thanks.
  • pkmcr Oct 3, 2010 @ 6:02 am | delete
    Really helpful and useful page that I can see me coming back to many times! Blessed by a passing Squid Angel :-)
  • BevsPaper Oct 3, 2010 @ 5:35 am | delete
    Thank you for these helpful tips on graphics layout. Bookmarking this one for sure so that I can return easily. Blessed by a Squid Angel.
  • JaguarJulie Oct 3, 2010 @ 2:57 am | delete
    My dear, your tips are always so stellar! And so artfully presented. Love ya.
  • reasonablerobinson Oct 3, 2010 @ 2:47 am | delete
    I'm so pleased you've created this lens. Its something I've wanted to know how to do for ages. Thank you.
  • VickiSims Sep 20, 2010 @ 8:30 pm | delete
    This was very helpful, but I still have much to learn.
  • girlfriendfactory Aug 22, 2010 @ 11:44 pm | delete
    You did such a great job with these tips! CSS can be tricky when it's inline/embedded vs. even internal, and certainly when you can use external, which is the easiest for me. Keeping track of the nesting and which tags support which styles can be a real pain. I love your color coded examples, too! Very nice!
  • Greekgeek Aug 29, 2010 @ 4:10 pm | delete
    I wish we could use Stylesheets, but at least Squidoo lets us use inline styles. Take a gander at the source code for a lens sometimes. It's SCARY. Even the stylesheets are monsters!
  • kiwisoutback Aug 22, 2010 @ 6:33 pm | delete
    I'm definitely going to be using the hint about using captions. I've used the background code before too, though it's hard to position it just right unless you're using a pattern. Photos don't usually work quite as well and seem to show up differently in different browsers.
  • sponias Aug 9, 2010 @ 9:10 pm | delete
    Your lens is the only one that could help me really learn how to use images in the text module. Thank you very much!
  • Oosquid Aug 5, 2010 @ 2:38 pm | delete
    Oh yes, this lens is useful. Plenty of great tips to make any lens or web page shine, thanks very much,
  • LoKackl Aug 4, 2010 @ 6:56 am | delete
    I've bookmarked this lens. Now I hope I'm smart enough to implement "graphics layout" help! Thanks!!
  • Bella_Stella Aug 4, 2010 @ 6:00 am | delete
    thnx for share these tips!
  • WeddingZazzle Jul 16, 2010 @ 5:05 am | delete
    Great tips. Helpful lens. Blessed by a SquidAngel :)
  • Janiece Jun 10, 2010 @ 4:44 pm | delete
    I've featured this fabulous and oh SO very helpful lens on my new "Why Join Squidoo?" lens.
  • skiesgreen Apr 18, 2010 @ 5:14 pm | delete
    This is a lens I refer to constantly. It is awesome and precious. Blessed and featured on Sprinkled with Stardust
  • Wednesday_Elf Apr 16, 2010 @ 2:42 pm | delete
    I'm ALWAYS having to 'look up' how to do this. Thanks so much for putting all the information for aligning pictures on a webpage in one place for me! It will save me a lot of time. Bookmarked for further reference!
  • jbanning Mar 29, 2010 @ 9:14 pm | delete
    Ya know something? so much info...so cool....thank you............
  • ungupurple Mar 17, 2010 @ 5:43 am | delete
    Ty, this is great. Im totally new in html and css code and I took down notes for me to try.
  • Hearts_in_Ink Jan 25, 2010 @ 5:05 am | delete
    If I was an Angel, I'd bless this lens. Awesome info! And just what I needed. Thank you big time, GG.
  • Kharadriisa Jan 23, 2010 @ 11:34 am | delete
    You've done so much for me by having this lens. I have learned so much and I'm sure a lot of other lensmasters have gained so much knowledge from your lens so I'm blessing it :)
  • gamesvalley Jan 18, 2010 @ 8:36 am | delete
    Simple, easily to understand, yet very useful. I'm just finished writing my first lens, and your lens really do a lot of help. Thank you very much GreekGeek
  • SoyCandleLover-Maker Jan 12, 2010 @ 9:03 pm | delete
    Thank so much for this great reference. If I left comments every time I visited... :D I'd love to eave 5 more stars for ya...
  • pinkpig Dec 15, 2009 @ 1:59 pm | delete
    this is a really helpful lens for someone like myself- struggling with code here.
    thanks
  • JoyfulPamela Dec 13, 2009 @ 4:16 pm | delete
    Thank you for your easy to understand directions. They are very helpful in making the ideas in my head become real. Thanks!
  • Pmona Dec 8, 2009 @ 1:00 am | delete
    This is a great lens. I found it very helpful.
  • eclecticeducation Dec 7, 2009 @ 12:49 am | delete
    Great lens!
  • B-Thankful Dec 3, 2009 @ 10:28 am | delete
    Great lens need some references for adding graphics to squidoo lens. Thank
  • CherylK Nov 11, 2009 @ 12:50 pm | delete
    I am almost giddy with excitement! This is such a good reference...I came here from your CSS Codes: Easy Tutorial and Quick Reference Guide which is just awesome. You are so good at making this stuff easy to understand. I just love CSS & HTML but still know so little about them that reference material is just so important. So thanks for sharing. Am adding both of them to my favorite Squidoo references lens.

    And good luck on your dissertation. How you have time for anything else is beyond me.
  • Greekgeek Nov 4, 2009 @ 12:43 am | in reply to LearningIsFun | delete
    Sorry I'm taking so long to reply -- dissertation writing has eaten me! I'm afraid the Introduction Module is particularly cranky about positioning since it has its own ideas about the Lens Graphic.

    I do not have time to experiment, but I have suggestions that might help.
    First, instead of <p align=left> or right, try <p style="float: left; width: 200px;"> or right for your text. End the floaty paragraph with </p> I made a random guess at the width in pixels. Width may not be necessary, but specifying a narrow paragraph sometimes helps with side-by-side layout.
    Second, you MAY be able to force Squidoo to stop doing side-by-side and putting the caption UNDER the lens graphic with:
    <p style="clear: left;"> which means, "Do NOT let any page element float to the left of this paragraph...start it on its own line."

    I'm afraid these may not be enough to solve your problem, but they're two more tools to try. Good luck!
  • Norma_Budden Oct 17, 2009 @ 10:41 pm | delete
    Thank you, thank you, thank you. Need I say more?
  • LearningIsFun Oct 1, 2009 @ 2:27 pm | delete
    I've left you a message here before to say what a help your lens has been to me. However, I wondered if you could help me with this problem. I tried the SquidU help forum but no luck. It's about using the code you suggested in this lens to put my own image in the introduction module with copyright information below and getting it to float left with the text aligned beside it. If I put the command in it floats in the centre, leaving a nasty gap on the left. I can get it to float right, but it leaves a space where the automatic image should be and indents the text round the grey automatic box. This is the code I am using (taken from you!):
    copyright info
    How do I get the image and copyright info to float left with text aligned beside it in the introduction module? Thanks
  • winstngwaf Sep 7, 2009 @ 10:11 am | delete
    I have bookmarked this lens it is full of information to take in at ones.
    Also wish to inform you of copying your Shameless Plug Widget it is really cool.hope you do not mine.But i can still take it of my lens if you do not want.Thanks in advanse
  • Pukeko Sep 6, 2009 @ 8:47 pm | delete
    Another brilliant lens. I am struggling to figure out how to use a border around the entire text box and photo (using the photo default in the text module) and have it look ok around the photo - or have it stop around the photo. Either way is fine.
  • SallyCin Sep 1, 2009 @ 2:12 pm | delete
    Wow! This is a phenomenal resource! Thank you so much for sharing. :)
  • ChapelHillFiddler Aug 14, 2009 @ 7:26 am | delete
    Fabulous. Thanks.
  • lakern26 Aug 1, 2009 @ 9:01 pm | delete
    Thank you so much for sharing your wealth of knowledge! I've been trying to figure out how to do this forever. 5* is sooo not enough!
  • Mountainside-Crochet Jul 14, 2009 @ 12:03 pm | delete
    GreekGeek, thanks for these... and all your other... helpful hints and tips for Squidoo lenses. Having only accomplished 2 lenses to date, and finding I have more questions then answers, I think I've now found a great set of resources in your Squidoo Tips series. Thank you so much for sharing your vast knowledge and experience with us 'newbies'. Off to look up more 'tips'.
  • kerrywilliams Jul 12, 2009 @ 12:28 am | delete
    Hey, this is a wounderful lens, just what I've been looking for. Thanks
  • gemmagold Jul 11, 2009 @ 12:42 pm | delete
    Really helpful, I refer to this page all the time! I`ve put your lens on my lens. 5 stars
  • Janiece Jul 11, 2009 @ 11:35 am | delete
    You think I'd have all this memorized, as often as I come here! THANKS so much for this awesome lens!!!! I use this information all the time!
  • Lou1842 Jun 18, 2009 @ 3:20 pm | delete
    This is great info. Just what I was looking for. Thanks!
  • ss834 Jun 7, 2009 @ 5:05 pm | delete
    This is a very helpful lens! Thanks for sharing the info :)
  • roysumit May 21, 2009 @ 8:25 am | delete
    Great resource. Wonderfully done. Thanks for sharing and five stars.
  • EricRasmusson May 19, 2009 @ 6:31 pm | delete
    Great article, i learned a lot, Thanks! P.S, now i gotta check out your other lenses
  • strato May 13, 2009 @ 12:34 am | delete
    Greekgeek, you never stop surprising me! You know more about Hellas from me (even I am Greek)! This lens shows other experties you have, beyond classic studies!
    I could tell I'm a little jealous! But not! You are inspiration to me! Somewhere else I wrote that in a previous life you might be Artemis. Yes! But in another previous life of yours you might be one of the seven ancient wise men! Anyway thanks for sharing you knowledge with us!
  • JanaMurray May 11, 2009 @ 8:42 am | delete
    This is an amazing resource, thanks :)
  • GoutWife May 10, 2009 @ 9:26 pm | delete
    I've taken to heart your advice on saving a handy bit of code to notepad. I can see myself using some of what I've learned here many, many times. Thanks you so much.
  • cjalba May 9, 2009 @ 12:17 pm | delete
    This is a great site for beginner user of html. This is what I am looking for. I will have to try using it in my lenses. Thanks. You've got my 5 stars!
  • Laura45 May 7, 2009 @ 12:11 pm | delete
    Thank you for sharing these insightful tips and how-to's!
  • Greekgeek May 5, 2009 @ 7:13 pm | in reply to Jimmie | delete
    Ah, triple thanks to you, Jimmie, as you not only blessed my lens (yaaaay!) but gave me an idea for how to tweak my keywords slightly. :D
  • Jimmie May 5, 2009 @ 4:08 am | delete
    I needed to know how to add a caption to an image. I googled "squidoo caption image" and here I am. AND I found what I wanted instantly due to your fancy table of contents. BINGO!
    another blessing is being served up now....
  • Janiece Apr 22, 2009 @ 6:19 am | delete
    Perfect! Just what I was looking for! 5 stars! And most definitely favorited for future reference!
  • Apr 12, 2009 @ 9:43 pm | delete
    thanks for sharing this information! my lenses need a major make-over. =)
  • iself Apr 5, 2009 @ 1:51 am | delete
    O boy, this lens really helped with my images.
  • Greekgeek Mar 30, 2009 @ 3:45 pm | in reply to adez7 | delete
    Woo! Thank you so much, hon! I wondered why this one jumped up the ranks suddenly -- so much for "Hah, my SEO skills are improving!" What would we do without angels? :)
  • adez7 Mar 23, 2009 @ 4:47 am | delete
    This is why I visit your lenses! They rock! Five stars and a blessing for a great Squidoo asset. Love it! :)
  • LaraineRose Mar 18, 2009 @ 3:00 am | delete
    Thank you very much for this lens. I especially took note of the "background" information, but it was all good.
  • OhMe Feb 8, 2009 @ 6:40 am | delete
    I sure needed this information. Thank you.
  • jmarks Nov 26, 2008 @ 1:42 pm | delete
    Thanks. Needed to link an image. Works great
  • SeductionAngel Nov 18, 2008 @ 4:39 am | delete
    Thank you for this lens..you are doing a great job helping the newbie learn ways to Squidoo
  • TheWhistler Nov 7, 2008 @ 12:58 pm | delete
    Thank you for this lens, I have found it most helpful.

    Once again, thanks.
  • TheWhistler Oct 28, 2008 @ 1:00 pm | delete
    Thanks you for this lens, very helpful.

    Thanks.
  • EuroSquid Oct 4, 2008 @ 6:02 pm | delete
    Comment: I just struggled for 1 hour trying to center images on this page:

    http://www.squidoo.com/FootedPajamas

    It would not work, was always going to the right of the page. Couldn't figure it out. Then I realized that the lens was NOT set to Max. I clicked the Max tab, and the lenses centered just fine. Try turning off your lens Max and see what happens. I wonder why?
  • Angelina_Howard Sep 29, 2008 @ 6:45 pm | delete
    Thank you, thank you for this lens. Your tips are great not just for squidoo. 5* and faved.
  • marymc Sep 28, 2008 @ 7:52 am | delete
    WOW! I'm so impressed and now so knowledgeable--I know it's now sticking so I'm bookmarking! Have you put all this into a "For Dummies" book? Thanks for going to all the work.

    Mary Mc
  • DreamWeaverJan Sep 26, 2008 @ 6:31 am | delete
    Thank you, I have saved this page for my own to come back and make my pages beautiful..THANK YOU!!
  • MobyD Sep 22, 2008 @ 1:49 pm | delete
    This is a great lens! I was having trouble aligning stuff from AllPosters.com, and your lens helped me find a very simple way to do it.

    Five stars!
  • packetlog Sep 19, 2008 @ 12:54 pm | delete
    thank you. it's very helpful. i especially was looking for caption part!!
  • Jimmie Sep 14, 2008 @ 7:55 pm | delete
    GREAT!!

    I hereby bless this lens.
  • MobyD Aug 17, 2008 @ 10:16 pm | delete
    There's some great stuff here! I've been wondering how to do a caption, and I see instructions. I'll be using your info for sure. 5 stars, favorited and bookmarked! The security word for me to post this is "wootgeek" which seems very appropriate!
  • Daniel Roseberry Aug 16, 2008 @ 10:30 pm | delete
    This site was incredibly helpful, and very well illustrated. The organization and artistic method was very pleasant and fresh. Thanks for putting up this site for those of us, who occasionally need a life line on html/css like this.
  • annetteghallowell Aug 3, 2008 @ 7:40 pm | delete
    I am beginning to feel like a broken record! Now that I have discovered your lenses, I feel like I can wade a bitter further into the ocean. Thanks yet again for another great resource lens!
  • 8Redrose Jul 8, 2008 @ 11:21 pm | delete
    Great job! linking, graphics, and pictures are definately one of my weak spots. I'm going to try your tips to improve my lens. Thanks for sharing your knowledge with the rest of us 5 stars
  • Amberly Jun 11, 2008 @ 12:11 am | delete
    Great lens.....learning more graphic now
  • blue22d Jun 7, 2008 @ 5:50 pm | delete
    Hi. Nice lens. I am still having difficulty trying to upload images from Flickr to my Squidoo lens. The code seams just like it shows in the same within the Flickr module but it just doesn't same the code and image. Any suggestions as to what I am doing wrong.
  • poddys Jun 5, 2008 @ 8:24 am | delete
    Great tips, thanks very much. I knew a lot fo HTML but a lot of CSS is still new to me. Your lenses have really helped me to work on improving the layouts of my lenses. 5***** coming your way and well deserved.
  • Oosquid May 16, 2008 @ 1:26 pm | delete
    Wow! You have clearly put a heck of a lot of work into this lens. The information you have provided is priceless. Thank you very much, 5 stars and well deserved.
  • BABYKITTY May 1, 2008 @ 1:30 pm | delete
    Thanks so much. I'm like several of the others here--I really needed this help!
    Thank you so much!
  • Michaud68 Apr 27, 2008 @ 7:41 am | delete
    Almost Forgot 5*'s
  • Michaud68 Apr 27, 2008 @ 7:39 am | delete
    Thank you needed this so much
  • MarkoZirkovich Apr 27, 2008 @ 6:53 am | delete
    Thanks for the clear explanation. I really appreciate it.
  • gurneywagon Apr 23, 2008 @ 8:41 am | delete
    Still learning & this will be a tremendous aid...

    Thank you!
  • Apr 21, 2008 @ 1:04 am | delete
    This lens is GREAT! Thanks for the tips on upload pictures on my lens.
  • CherylK Apr 19, 2008 @ 10:22 am | delete
    This is absolutely fabulous! I've printed it so I can follow it as I go. Thanks much.
  • beeobrien Apr 9, 2008 @ 10:02 am | delete
    Wow, I really needed this! Thanks.
  • clouda9 Apr 9, 2008 @ 12:45 am | delete
    OMG! You just did what I have been pulling my hair out about for weeks...did not even know how to explain myself to post a question in SquidU Forum. Kudos!
  • Greekgeek Apr 8, 2008 @ 1:03 pm | delete
    ques2008 -- You didn't stumble on it sooner because I just made it! I noticed a couple questions in squidu yesterday on images, and thought, "hey, why don't I answer them with a lens?"
  • ques2008 Apr 8, 2008 @ 9:15 am | delete
    Wow, why didn't I stumble upon this earlier? If you've got the intestinal fortitude, give us more CSS lessons! That's my next dream, learn CSS to the max - woohoo.
    Great, fantastic job. I envy your skills, greekgeek!
  • ckennedy Apr 8, 2008 @ 8:03 am | delete
    Just what I needed to know. Bookmarked as my resource and 5-starred. Thanks!
Feeling creative? Create a Lens!

Explore related pages

Related Tags