Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Image Positioning & Url Fix

    I'm trying to correct this url page: http://www.newhorizonsbikehire.co.uk/gallery3.php

    What im trying to do is find out what the dots are that are featured underneath each image since I can not see how they appearing since the code seems correct to me.

    Aswell as this I seem to have a border on the arrow directing to another page which I want removed and I also tried using a p tag to align this image to the right of the page but that didnt seem to work.

    Any solutions people?

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    What im trying to do is find out what the dots are that are featured underneath each image since I can not see how they appearing since the code seems correct to me.
    You have
    Code:
    a {/*nhbh.css (line 29)*/
    border-bottom:1px dotted #99CC66;
    color:#669933;
    text-decoration:none;
    }
    You'd either need to remove that highlighted line Or need to apply a more specific style like
    Code:
    a.imageLink {
    border:none;
    }
    Last edited by abduraooft; 10-30-2009 at 05:25 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    snowdude2004 (10-31-2009)

  • #3
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Alright thanks for your help, I forgot to check the css to see if they had the dotted thing in there but wasnt aware you was able to do that in css.
    Now to solve my problem of the almightly aligning issue

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,737
    Thanks
    22
    Thanked 1,835 Times in 1,819 Posts
    Hello snowdude2004,
    Does this help you?
    Code:
    .next {
    float: right;
    margin: 0 50px 0 0;
    }
    and
    Code:
    <br>
    <br>
    <a href="http://www.newhorizonsbikehire.co.uk/gallery.php" target="_blank"><img src="img/arrow.png" alt="Next" class="next"> </a>
    
    <p><b>More photos coming soon!</b></p>
    <br><br></div>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    snowdude2004 (10-31-2009)

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Code:
    a img{
    border:none;
    }
    div.rightcol p {/*nhbh.css (line 171)*/
    margin:10px 20px 10px 22px;
    padding:0;
    text-align:right;
    }
    ?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts
    I've just looked over my coding quickly and on the arrow im not using this css style but yet its still being applied, do i need to apply a closing mechanism of some sort on the previous code to disable this from being used on the arrow?
    I'm not aware of how to close a class if thats the case :|

  • #7
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Cheers Excavator I'll use that instead, I keep forgetting about that bloody float rule!

  • #8
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    You have
    Code:
    a {/*nhbh.css (line 29)*/
    border-bottom:1px dotted #99CC66;
    color:#669933;
    text-decoration:none;
    }
    You'd either need to remove that highlighted line Or need to apply a more specific style like
    Code:
    a.imageLink {
    border:none;
    }
    I've looked through the css document via browser and wordpad and havent been able to find this bit of code with the "border-bottom:1px dotted #99CC66;" part in it am i doing something wrong to view it?

  • #9
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts
    anyone know?

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,737
    Thanks
    22
    Thanked 1,835 Times in 1,819 Posts
    Quote Originally Posted by snowdude2004 View Post
    anyone know?
    It's in your nhbh.css file, I've highlighted the border line in red below -
    Code:
    /*     TEXT STYLING     */
    
    p {
    font-family: 'Lucida Grande', geneva, verdana, helvetica, arial, sans-serif;
    font-size: 0.95em;
    text-align: left;
    color: #4d4d4d;
    margin: 0;
    padding: 0;
    line-height: 150%;
    }
    
    h1 {
    font-family: geneva, helvetica, verdana, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1.9em;
    line-height: 150%;
    color: #9c6;
    }
    
    h2 {
    margin: 0;
    padding: 10px 25px 0px 25px;
    font-size: 1.7em;
    line-height: 150%;
    }
    
    a { text-decoration: none; color: #693; border-bottom: 1px dotted #9c6; }
    a:hover { text-decoration: none; color: #4d4d4d; border-bottom: 1px dotted #9c6; }
    
    
    /*     MENU STYLING     */
    
    #navcontainer {
    margin: 30px 0px 0px 13px;
    padding: 0;
    width: 183px;
    }
    
    #navcontainer ul#navlist {
    border: 0;
    margin: 0;
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #11
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by snowdude2004 View Post
    anyone know?
    I have give the line number of that particular selector.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #12
    New Coder
    Join Date
    Aug 2009
    Posts
    51
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Ahhh i see, thank you didn't quit understand that bit.
    Referring to lines doesnt really help me since im using notepad to do everything since i dont know any other decent programs


  •  

    Posting Permissions

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