SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Help with popup box with text

    Hi.

    I've searched but can't find anything good and easy.
    What I want is that when you click on "View", a box with text should pop up in the middle of the screen.

    Any easy tutorials or anything for this.

    As easy as possible.

    Thanks.

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Yeah, but how do I like get text instead of a picture?
    Quote Originally Posted by RyanReese View Post

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    In the example, they put an image inside an anchor. Just remove the <img> and put text in there instead. I assume you are talking about the example.

    If you can't get it working still, just post your example. We'll tell you what to change (which is basically just replacing <img> with text) .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    <a href="images/atvpopup/1.jpg" rel="lightbox">
    <h1 class="inledning">View</h1></a>

    Instead of the image I want text to pop up when you click on View.

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Give me the full working example. Upload the copy online. I don't know Jquery enough to just go off that small snippet .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #7
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,088
    Mentioned
    256 Post(s)
    Tagged
    5 Thread(s)
    Floatbox has lots of options, including text/tooltip versions. Or if that doesn't help, you can probably find something here to do exactly what you want.

    Edit: I knew I'd been playing about with one that does exactly what I think you're after. Highslide has options for using HTML content within the pop-up box.

    However, all these solutions are using JavaScript and you've posted in the CSS forum. Were you particularly looking for a CSS solution? If not, I can move the thread to a more appropriate forum.
    Last edited by TechnoBear; May 12, 2012 at 10:52. Reason: Found what I was looking for :)
    Take plenty of exercise walk round and round the garden
    or
    sign up now for the Isle of Jura 10K or Half Marathon!

  8. #8
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Thanks.

    Ill try to use Floatbox when I have time enough to read through the "tutorial", it seems so confusing.

    @ryan - I think I'll give floatbox a try instead. Thanks anyway.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •