#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0

    CSS tweaks needed on modal window


    See: www dot myproduction-1.info slash jquery%20tools%20org%20overlay slash blue dot html

    1- The left side of the background image is partially hidden and I've looked at every possible selector to change it, but no go.

    2- radio buttons not lining up.

    3- I'm now sure how to get the close button to be a link.

    Any hints would be VERY appreciated!
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2012
    Location
    On planet earth
    Posts
    101
    Rep Power
    10
    It would be of some help if you can post the css code you are using for the modal and the proper link for your website
  4. #3
  5. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,127
    Rep Power
    4304
    Welcome to DevShed Forums, JulieBrescia.

    Here's the link: http://www.myproduction-1.info/jquer...rlay/blue.html

    As you found out new users are restricted from posting URLs until they have made 5 posts. You may need to get around this by leaving out the "http://" and putting a space before each ".". Yes this rule is annoying, but the administrators say it's necessary for limiting spam.

    1) It looks like the image was just cropped too closely on that side: http://www.myproduction-1.info/jquer...8x535_blue.png

    2) Line up... how? You need to be more specific. Perhaps you could show us an image of how you want it to look. There is also a policy that prevents users from posting attachments until they have 30 posts and have been a member for 30 days, so if needed http://imageshack.us/ can be used to host images.

    3) You need to assign some styles to ".modal a.close". Doesn't jQuery Tools Overlay come with some default styles for you to use? It would look something like this:
    Code:
    .modal a.close {
    	position: absolute;
    	right: -10px;
    	top: -10px;
    	height: 35px;
    	width: 35px;
    	z-index: 100;
    }
    P.S. Didn't anyone ever tell you not to use spaces in directory and file names on a web site?
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2012
    Posts
    3
    Rep Power
    0

    Thanks!


    Hi Kravvitz,

    Thanks for the CSS snippet I will try that.
    My bad for using spaces in URLs but I get by with %20 ;-)
    And it's just a test directory

    Please don't close this thread. I may need to come back to it after I tweak for the close button.

    Cheers!

IMN logo majestic logo threadwatch logo seochat tools logo