SitePoint Sponsor

User Tag List

Results 1 to 17 of 17
  1. #1
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Can't get thumbnails to top.

    Anyone know how I can get the thumbnails to level with the top of the main images please? Link below. Ta.



    http://bajor.servers.rbl-mer.misp.co...dge/photo2.htm

  2. #2
    SitePoint Zealot
    Join Date
    Dec 2004
    Location
    houston
    Posts
    177
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    set the table cell that holds the thumbnails to <td valign="top">

  3. #3
    SitePoint Zealot
    Join Date
    Dec 2004
    Location
    houston
    Posts
    177
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <table width="550">
    			<tr>
    			<td valign="top">
    
    			<div id="container">
    				
    
    				
    				<div id="thumbs" class="navigation">
    					<ul class="thumbs noscript">
    						<li>

  4. #4
    SitePoint Zealot
    Join Date
    Dec 2004
    Location
    houston
    Posts
    177
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    and dont forget you have 20 px padding on the <div container ,, at the top, so you will be 20 pixels from the top, and then you have some other div tag pagenation squeezed in there. You have entirely more code that you need I think to make this work.

  5. #5
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by plasma800 View Post
    and dont forget you have 20 px padding on the <div container ,, at the top, so you will be 20 pixels from the top, and then you have some other div tag pagenation squeezed in there. You have entirely more code that you need I think to make this work.
    Thanks for your help plasma800 but I can't see any div container with 20px in the css or html. Can you point me to where it is please
    Last edited by dustnbones; Mar 24, 2010 at 16:13. Reason: spelling

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,587
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I think he meant id="container"
    Code:
    	<body>
    		<div id="page">
    
    			<table width="550">
    			
    			<tr>
    			<td valign="top">
    
    			<td>
    
    			<div id="container">
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #7
    SitePoint Zealot
    Join Date
    Dec 2004
    Location
    houston
    Posts
    177
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    look at the code in the code box, I got that right from you source code. It's the first tag inside in your TD tag.

  8. #8
    SitePoint Zealot
    Join Date
    Dec 2004
    Location
    houston
    Posts
    177
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    correct

  9. #9
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by plasma800 View Post
    correct
    But where's the 20px you mention?

  10. #10
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,587
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I just noticed this, but you have two <td>'s in that snippet I posted. A <td> can't be the direct child of a <td>
    Edit:

    In the CSS I'm guessing? You possibly apply 20px on that element?
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  11. #11
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,587
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Yup
    Code:
    div#container {
    	padding: 20px;
    }
    In your CSS file located here
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  12. #12
    SitePoint Zealot
    Join Date
    Dec 2004
    Location
    houston
    Posts
    177
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    right right right

  13. #13
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    THANK YOU!!!! THANKS BOTH OF YOU. I PUNCHED THE THE AIR FOR ONCE INSTEAD OF THE TABLE.LOL
    I've seen another problem now though. In IE there's a black line that appears at the bottom of the thumbnails when clicked but not in FF. Any ideas how to make the boarder surrounding the thumbs equal to eliminate the line please?

  14. #14
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,587
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Could that be the :focus outline? Try setting :focus{outline:0;} and see if that removes it. (I'm not testing right now because I'm packing)

    If not then try setting img{border:0;} because it could possibly be related to that.

    Sorry I'm not much help right now.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  15. #15
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Could that be the :focus outline? Try setting :focus{outline:0;} and see if that removes it. (I'm not testing right now because I'm packing)

    If not then try setting img{border:0;} because it could possibly be related to that.

    Sorry I'm not much help right now.

    Thanks RyanReese. I'll look into that tomorrow. Have a good break.
    Cheers.

  16. #16
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,587
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    You too . I hopefully will have internet at my friends house I'm visiting..so I might not even be gone long (7 hour drive though )
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  17. #17
    SitePoint Member
    Join Date
    Mar 2010
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm from London, UK and on what seems a permanent unemployment break lol.


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
  •