Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthornxtyear
    • CommentTimeJul 27th 2006
     permalink
    i don't get why my caption doesn't appear.
    i go around reading that the solution is to change the color of the text to a contraasting one.
    well, i looked all over my css files, there's no color: #FFF (=background color)

    furthermore, i would have expected there to be atleast an invisible text which if i highlight, it would appear
    but it doesn't appear at all

    http://www.unimoni.com/resources/resources.php

    someone please tell me why that is :(
  1.  permalink
    Hey nxtyear!

    You putting caption in a wrong place.
    It should go in A tag.
    something like that - <a href="pict01.jpg?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" rel="lightbox" title="my caption">

    Best, DS
    • CommentAuthornxtyear
    • CommentTimeJul 27th 2006
     permalink
    hi DS, please check my page source,
    you will be able to see that the A tag has a title=" " as well
    • CommentAuthorWardLarson
    • CommentTimeJul 27th 2006 edited
     permalink
    try this... not sure if it works but i think it might...

    instead of

    <a href="4ds17.gif?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" rel="lightbox" title="right click to save image">
    <img src="4ds17thumb.gif" width="150" height="75" alt="Blackjack, Blackjack Surrender" />


    use this

    <a href="4ds17.gif?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" rel="lightbox">
    <img src="4ds17thumb.gif" width="150" height="75" alt="Blackjack, Blackjack Surrender" title="right click to save image" />
    • CommentAuthordwmanning
    • CommentTimeJul 27th 2006
     permalink
    If what you're referring to is the captions within the borders of the charts, I can see them (...using FF 1.5.05), but they are grey, not black and bold.

    Looking over your CSS versus your HTML, the CSS declares "caption" as an ID (...as follows)

    " #imageData #caption{ font-weight: bold; color: #000; } "

    where your HTML declares it as a CLASS (...as follows)

    " <div class="caption"> "

    Your Java which inserts HTML at the bottom of the page also declares it as an ID (...as folows)

    " <span id="caption"></span> "



    This is the only thing I can see, for the images load well when 'clicked'.

    Also, if you are writing strict, every background color needs a color to validate as strict.
    • CommentAuthornxtyear
    • CommentTimeJul 27th 2006
     permalink
    sorry, that div class caption is another caption, which i had made before.
    it's located in a different css file which is loaded as well.

    i'll try changing that though, so it doesn't get confusing
    • CommentAuthornxtyear
    • CommentTimeJul 27th 2006
     permalink
    what i meant by my caption not appearing is the "title" inside the A tag,

    the Lightbox scripts should make the "title" caption appear at the bottom of the image when the image is enlarged.
    but it doesn't seem to be doing so
  2.  permalink
    In the lightbox CSS file, add the color to the area it's needed. See below:

    #imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    color: #333;
    margin: 0 auto;
    line-height: 1.4em;
    }

    Done.
    • CommentAuthornxtyear
    • CommentTimeJul 28th 2006
     permalink
    hmmm nope :S that didn't do it either :(
    • CommentAuthorpmac
    • CommentTimeJul 28th 2006 edited
     permalink
    maybe you are working on the page at the moment but if you look at your code this is what the href looks like:
    <a tip="right click to save image" href="1ds17.gif?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" rel="lightbox">....</a>

    try changing tip="right click to save image" to title="right click to save image"
    • CommentAuthornxtyear
    • CommentTimeJul 28th 2006
     permalink
    hmm that can't be. cuz mine reads:

    <a href="1ds17.gif?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" rel="lightbox" title="right click to save image">... </a>

    how could it be that it says tip :S? i've checked on IE7b2 and Firefox...
    • CommentAuthorpmac
    • CommentTimeJul 28th 2006 edited
     permalink
    when i looked at the source code thats what it said...i copied and pasted it straight from your site.

    If you use FF and and view Generated Source that is what the source code is.

    Are you manipulating the DOM in some way that would cause this?

    I think the Sweet Titles function you are using is to blame
    • CommentAuthornxtyear
    • CommentTimeJul 28th 2006
     permalink
    wow! i just checked the generated source thing in the developers toolbar ( didn't know that before)

    i see what you mean by TIP,

    the only thing i can think of is the program called qTip i tried using but didn't work out well...
    maybe there's some remains of that stlll left behind, i'll look in to it.
    cheers
    • CommentAuthornxtyear
    • CommentTimeJul 28th 2006
     permalink
    your a genius pmac, cheers for the help.
    :-)
    • CommentAuthortomekk
    • CommentTimeOct 31st 2006
     permalink
    "Houston, we have a problem" :/

    I've got no captions at all under my image(s). I've tried changing the font color but it gives nothing. I can see for instance " Image 1 of 2" but nothing more, no caption.

    What is more I found another web site using this script and there are captions ,but after copying the source to my program this site doesn't display captions too.

    I'm deseperate , I need help!!please….
  3.  permalink
    @Tomekk. I highly recommend posting a link to the page that has the problem, if possible. You will get more responses and of higher quality.
  4.  permalink
    What is more I found another web site using this script and there are captions ,but after copying the source to my program this site doesn't display captions too.

    If you set it up right and it still doesn't work, it may be there are collisions between the various scripts you're using.

    Have you considered ThickBox?
    • CommentAuthortomekk
    • CommentTimeNov 2nd 2006
     permalink
    sorry guys for my absence and for being passive recently but I have other BIG problem with my web site and I need to fix it quick."ligtboxgate" must wait :/ cause i need to fix some banners (they do not want to display) and i can't see thumbnails in section "GALERIA".

    u can look at my web site but please don't laugh at me - just in case lightbox is(actually should be) in section "GALERIA".
    • CommentAuthortomekk
    • CommentTimeNov 2nd 2006
     permalink
    www.top-talent.prv.pl ;)
    • CommentAuthortomekk
    • CommentTimeNov 2nd 2006
     permalink
    OK. I fixed one small problem- now I can see thumbnail so now only two problems to fix:/ banner and lightbox.

    so again- please help me with lightbox

    http://www.top-talent.prv.pl/galeria.htm
  5.  permalink
    I just wrote a long post but then I did something silly and lost it all. I'll just list the points briefly as I am pressed for time now.

    1. Gallery link code looks correct for Lightbox to work, so...
    2. Add a XHTML 1.0 Transitional doctype to the top of the document.
    3. Use W3C validator to fix all XHTML errors.
    4. Use SWFObject.js or UFO.js to embed Flash instead of having the invalid mark-up in the XHTML code.
    5. Try deleting the three script tags at the bottom of the page and see if the captions work. They may be interfering with Lightbox script.

    I know you may be using a template so I don't know if you are able to edit that, but hopefully you can.

    Also, definitely check out the Thickbox link posted by Darren Hoyt above. JQuery rocks, hard.

    Good luck.
    • CommentAuthortomekk
    • CommentTimeNov 24th 2006
     permalink
    hi guys

    again me and my problem :/

    I fixed the problem with banners in addition to this I have even a lightbox on my website BUT STILL THERE IS NO CAPTIONS AT ALL .

    any answer would be helpful http://www.top-talent.prv.pl/galeria.htm

    P.S
    B-I-G thanks for previous comments
    • CommentAuthorPresssack
    • CommentTimeDec 28th 2007
     permalink
    Hi there,

    last comment is made more than a year ago, but maybe it will help some other folks.
    I was looking up at google for a solution of the same problem I had with the caption (didn't show up), so I found this site.
    Didn't read all of your comments but maybe my solution will help you a little bit.

    I had in another CSS File following delcaration:
    div {text-align: left; position: absolute; }
    the Problem was that all common Divs get a position:absolute, so the Lightbox took up this setting and messed it up (correction... the layouter of my page messed it up :).
    So thats my solution for the not showing Caption.

    I see that you still have the Problem that the Flash Movie is infront of the Lightbox - maybe try to work with the z-index attribute of CSS. This could help..

    Cheers
    Presssack aka Daniel
    • CommentAuthorpumpbmx
    • CommentTimeApr 30th 2008
     permalink
    I may have a solution for caption not showing up, it worked for me:

    I had the same exact problem and realized that I had a text box on the page with id="caption". It looks like Lightbox uses the id "caption" to output the text. I changed the name of the text box id, saved and reloaded the page. It worked and the captions started to show up.

    I imagine that this would be an issue if you have any ids on the page named 'caption'

    Hope this helps someone
  6.  permalink
    I was havig the same problem later i found that, i have been using #caption as ID for an element
    The problem is Lightbox is using the same as ID for displaying caption. So i just replaced all names in lightbox.js to
    some other and done the same in lightox.css

    Visit me on peipians
    • CommentAuthorelizas
    • CommentTimeJun 8th 2010
     permalink
    If CFDOCUMENT has external CSS included (not inline styles), then CFDOCUMENT finds those external resources to use, it does not include the resources like in CFINCLUDE. CFDOCUMENT acts as a browser and uses HTTP to get those resources (CSS and images). By this the server resolves the IP or URL that we have used to refer resources.

    So if the files are local, a better and simpler solution is, we can use “file:” protocol with 3 leading slashes (“file:///”) in the image SRC or CSS source. It also speeds up the CFDOCUMENT call.

    <IMG SRC="file:///c:\mywebsite\images\ myImage.jpg" style=”width:40; height:40” />
    OR
    <CFOUTPUT><IMG SRC="file:///#ExpandPath(/images/ myImage.jpg)#" /></CFOUTPUT>

    <link HREF="file:///c:\mywebsite\styles\myStyle.css" rel="stylesheet" type="text/css" />

    http://www.mindfiresolutions.com/How-to-resolve-resource-CSS-Image-embedding-problems-425.php
Add your comments
    Username Password
  • Format comments as (Help)