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 11 of 11
  1. #1
    Regular Coder
    Join Date
    Mar 2009
    Posts
    116
    Thanks
    29
    Thanked 1 Time in 1 Post

    Correct this pagination display disarrangement.

    Hi all.
    I get this disarrangement on the pagination links.
    all elements that are not links end bugged (.GenericList ul li ).

    Any idea of how to fix it?







    Code:
    .GenericList ul {
    	margin: 0px;
    	padding: 0px;
    	list-style: none;
    }
    
    .GenericList ul li {
    	list-style: none;
    	float: left;
    	font-size: 14px;
    }
    
    .GenericList li a {
    	padding: 3px 8px;
    	display: block;
    	color: #000000;
    	text-decoration: none; 
    }
    
    .GenericList li a.selected {
    	font-weight: bold;
    }
    
    .GenericList li a:hover {
    	background-color: #F4F4F4;
    }
    Thanks in advance

  • #2
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Hmmm... this isn't quite how I'd code it. I wouldn't normally include the a: attributes in the .GenericList rule. I normally set up my list then add the link attributes as a seperate set of rules, like this:

    Code:
     
    
    a:link {
    	color: #000000;
    	text-decoration: none
    }
    
    a:visited {
             color: #000
             text-decoration: none
    }
    
    a:hover {
    	background-color: #F4F4F4;
            text-decoration: underline
    }
    
    a:active {
    	font-weight: bold;
            text-decoration: none
    }
    
    (Example)
    The links will inherit the formatting from the list, so I do not believe in adding padding etc to links. Just the superficial effects (underline/bold/color, etc) I want to see when hovered over and activated, etc. The 'psuedo-classes', as I believe they're called.

    I don't know if this will help but certainly, I think this is a good start as there seems to be a lot wrong with that code. Then we can see if the 'disarrangement' still occurs.

    And, AFAIK (it's been a while since I checked) the link behaviours should be coded in the order I have shown. You'll have to double-check with the W3C.

    Dr. V
    Last edited by Doctor_Varney; 09-06-2010 at 07:35 PM.
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    You'll have to double-check with the W3C.
    FYI: W3Schools is not a part of W3C.
    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:

    Doctor_Varney (09-07-2010)

  • #4
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    That's rather deceptive. How do you know this? I can't find anything on their site that says anything about that, either way. The 'about' page is full of adverts.

    Dr. V
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I can't find anything on their site that says anything about that, either way.
    I think it was there somewhere, but can't locate it now.

    Here's some external info
    http://www.whois.net/whois/w3schools.com
    http://www.whois.net/whois/w3.org
    http://answers.yahoo.com/question/in...7144110AAYkviZ

    The 'about' page is full of adverts
    Don't you have "Adblock plus" to block any unwanted stuffs from any site?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Quote Originally Posted by abduraooft View Post

    Don't you have "Adblock plus" to block any unwanted stuffs from any site?
    No, I have this TV wall bracket ad that keeps following me around. I only went to the site once. This can't be good for business because when people pull stunts like this, I feel less inclined to buy from them. I'm sure it must go for many others, too.

    Anyway, thanks for that. I'm quite fussy about quoting my sources... I did my own search; couldn't find anything.

    Since the dawn of this bloody 'information age', I have felt like I am surrounded by deceivers...

    Do we know anything about the validity of those training certificates they are selling? And the validator... I wonder who that belongs to.

    Dr. V
    Last edited by Doctor_Varney; 09-07-2010 at 12:58 PM.
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    And the validator... I wonder who that belongs to.
    http://validator.w3.org/ is obviously a part of W3C
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #8
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Sorry! We could not find validator

    It may be unavailable or may not exist. Try using the suggestions or related links below, or search again using our web search.

    But yeah, I see. That's okay then. Thanks

    Dr. V
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #9
    Regular Coder
    Join Date
    Mar 2009
    Posts
    116
    Thanks
    29
    Thanked 1 Time in 1 Post
    Quote Originally Posted by Doctor_Varney View Post
    Hmmm... this isn't quite how I'd code it. I wouldn't normally include the a: attributes in the .GenericList rule. I normally set up my list then add the link attributes as a seperate set of rules, like this:

    Code:
     
    
    a:link {
    	color: #000000;
    	text-decoration: none
    }
    
    a:visited {
             color: #000
             text-decoration: none
    }
    
    a:hover {
    	background-color: #F4F4F4;
            text-decoration: underline
    }
    
    a:active {
    	font-weight: bold;
            text-decoration: none
    }
    
    (Example)
    The links will inherit the formatting from the list, so I do not believe in adding padding etc to links. Just the superficial effects (underline/bold/color, etc) I want to see when hovered over and activated, etc. The 'psuedo-classes', as I believe they're called.

    I don't know if this will help but certainly, I think this is a good start as there seems to be a lot wrong with that code. Then we can see if the 'disarrangement' still occurs.

    And, AFAIK (it's been a while since I checked) the link behaviours should be coded in the order I have shown. You'll have to double-check with the W3C.

    Dr. V
    Hi Dr. V

    That would change all links over the site, and i only want to get the pagination links styled that way.

    The CSS is this way now. Got the listed elements aligned, but those who are not a link are still getting the background colored, and i only want to get links with background.

    PHP Code:
    .GenericList ul {
        
    margin0px;
        
    padding0px;
        list-
    stylenone;
    }

    .
    GenericList ul li {
        list-
    stylenone;
        
    floatleft;
        
    padding3px 8px;
        
    font-size14px;
    }

    .
    GenericList ul li:hover{
        
    background-color#F4F4F4;
    }

    .
    GenericList li a{
        
    displayblock;
        
    color#000000;
        
    text-decorationnone


  • #10
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Fair enough, but I've never seen links coded like that before and I think it's probably wrong. Use the correct psuedo-classes and put them in the order I've shown and it should work. I assume you can seperate them from the rest of the page by class.

    Dr. V
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #11
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Quote Originally Posted by Doctor_Varney View Post
    Fair enough, but I've never seen links coded like that before and I think it's probably wrong.
    nope, just a difference use of css for a different purpose, imv.

    styling them like described by Dr V, they are generic styles for all links on the site. doing it the other way, as shown by hernantz, allows for different styles for the links in differing scenarios.

    @hernantz: the background that you don't want to have shown, must be coming in from another css attribute/element. (I can never recall which is which). Try to find what css is providing it and see if you need to tighten up on it by adding a div id or something. otherwise just tell the link not to have a background.

    best to try my first suggestion so as not to have this occur elsewhere in the site and cause you to have to add 'patches' to your css.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link


  •  

    Posting Permissions

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