Results 1 to 8 of 8

Thread: Some help for a CSS newb?

  1. #1
    Senior Moment blueball's Avatar
    Join Date
    Aug 2005
    Location
    Edinburgh
    Posts
    2,426
    Thanks
    846
    Thanked
    379 times in 294 posts
    • blueball's system
      • Motherboard:
      • Asus Z390A
      • CPU:
      • i9-9900KS
      • Memory:
      • Kingston 64GB (2x32GB) DDR4 2400MHz
      • Storage:
      • 2TB Samsung 970 EVO Plus NVMe PCIE M.2 plus Samsung 860 EVO 4TB SSD
      • Graphics card(s):
      • ASUS TUF RTX 3080 Ti GAMING OC
      • PSU:
      • Corsair HX850 850 W Full Modular 80 Plus Platinum
      • Case:
      • Corsair Carbide 330R Ultra Silent Midi Tower
      • Operating System:
      • Win 10 Pro x64
      • Monitor(s):
      • IIYAMA 3461WQ IPS 34" 3440x1440 plus BenQ GW2765HT IPS 27" 2560x1440
      • Internet:
      • Plusnet 28Mb

    Some help for a CSS newb?

    Help peeps.

    I have a default CSS file for my site as a whole but a plugin I use for showing pictures in my website defines CSS rules for links (in it's own CSS file).

    .AJXLightboxJFLDacA a {position:absolute;left:50%;top:50%;}
    html>/**/body .AJXLightboxJFLDacA a {display:table-cell;position:static;vertical-align:middle;}

    The plugin shows thumbnails inside a DIV with the CSS being controlled by the plugin CSS file.

    Problem: I want to put a link in the text beside a picture but the plugin CSS overrides the <a> tag and centres it on the page!!!! How can I overide the plugin CSS just in the area where I need the link?

    I know that sounds a bit messed up so here is the page I am talking about. In the text beside the first picture I want to turn the words "Farlary Croft" into a text link to another page but when I create the tags the text gets centered on the page.

    I guess I'm showing my lack of knowledge of CSS so any help would be appreciated. Please ask if I haven't given enough info or my explanation of the problem is even more dire than I thought.
    Rgds,

    BB
    Hexus Trust here and here

  2. #2
    Senior Moment blueball's Avatar
    Join Date
    Aug 2005
    Location
    Edinburgh
    Posts
    2,426
    Thanks
    846
    Thanked
    379 times in 294 posts
    • blueball's system
      • Motherboard:
      • Asus Z390A
      • CPU:
      • i9-9900KS
      • Memory:
      • Kingston 64GB (2x32GB) DDR4 2400MHz
      • Storage:
      • 2TB Samsung 970 EVO Plus NVMe PCIE M.2 plus Samsung 860 EVO 4TB SSD
      • Graphics card(s):
      • ASUS TUF RTX 3080 Ti GAMING OC
      • PSU:
      • Corsair HX850 850 W Full Modular 80 Plus Platinum
      • Case:
      • Corsair Carbide 330R Ultra Silent Midi Tower
      • Operating System:
      • Win 10 Pro x64
      • Monitor(s):
      • IIYAMA 3461WQ IPS 34" 3440x1440 plus BenQ GW2765HT IPS 27" 2560x1440
      • Internet:
      • Plusnet 28Mb

    Re: Some help for a CSS newb?

    Nobody?
    Rgds,

    BB
    Hexus Trust here and here

  3. #3
    Senior Member kasavien's Avatar
    Join Date
    Aug 2005
    Location
    St. Albans
    Posts
    1,829
    Thanks
    145
    Thanked
    104 times in 49 posts

    Re: Some help for a CSS newb?

    My CSS isn't that good, I do a lot of things through trial and error, and without being able to try with this example I'm not sure my suggestion will work. But anyway, have you tried creating a new class for your a tags which gives the a tags using that class different css to the plugin css?

  4. Received thanks from:

    blueball (07-05-2011)

  5. #4
    PHP Geek Flash477's Avatar
    Join Date
    Dec 2008
    Location
    Devon
    Posts
    822
    Thanks
    51
    Thanked
    72 times in 65 posts

    Re: Some help for a CSS newb?

    You'll need to give the tag a class and override the attributes that are currently set. i.e.

    Code:
    .mylink {
        display: inline;
    }

  6. Received thanks from:

    blueball (07-05-2011)

  7. #5
    Senior Moment blueball's Avatar
    Join Date
    Aug 2005
    Location
    Edinburgh
    Posts
    2,426
    Thanks
    846
    Thanked
    379 times in 294 posts
    • blueball's system
      • Motherboard:
      • Asus Z390A
      • CPU:
      • i9-9900KS
      • Memory:
      • Kingston 64GB (2x32GB) DDR4 2400MHz
      • Storage:
      • 2TB Samsung 970 EVO Plus NVMe PCIE M.2 plus Samsung 860 EVO 4TB SSD
      • Graphics card(s):
      • ASUS TUF RTX 3080 Ti GAMING OC
      • PSU:
      • Corsair HX850 850 W Full Modular 80 Plus Platinum
      • Case:
      • Corsair Carbide 330R Ultra Silent Midi Tower
      • Operating System:
      • Win 10 Pro x64
      • Monitor(s):
      • IIYAMA 3461WQ IPS 34" 3440x1440 plus BenQ GW2765HT IPS 27" 2560x1440
      • Internet:
      • Plusnet 28Mb

    Re: Some help for a CSS newb?

    Will give that a go. Cheers guys.
    Rgds,

    BB
    Hexus Trust here and here

  8. #6
    Registered User
    Join Date
    Oct 2010
    Posts
    10
    Thanks
    0
    Thanked
    1 time in 1 post

    Re: Some help for a CSS newb?

    "Head first HTML with CSS XHTML" read that and you will never have to worry about these things ever again

  9. Received thanks from:

    blueball (09-05-2011)

  10. #7
    Large Member
    Join Date
    Apr 2004
    Posts
    3,720
    Thanks
    47
    Thanked
    99 times in 64 posts

    Re: Some help for a CSS newb?

    Many ways to do this, but for one example you could adopt the same class that the plugin applies and load a definition with the !important attribute.

    i.e. If the plugin has a class .centrea { text-align: center }, add a class .centrea { text-align: left !important }.
    To err is human. To really foul things up ... you need a computer.

  11. Received thanks from:

    blueball (21-05-2011)

  12. #8
    Senior Moment blueball's Avatar
    Join Date
    Aug 2005
    Location
    Edinburgh
    Posts
    2,426
    Thanks
    846
    Thanked
    379 times in 294 posts
    • blueball's system
      • Motherboard:
      • Asus Z390A
      • CPU:
      • i9-9900KS
      • Memory:
      • Kingston 64GB (2x32GB) DDR4 2400MHz
      • Storage:
      • 2TB Samsung 970 EVO Plus NVMe PCIE M.2 plus Samsung 860 EVO 4TB SSD
      • Graphics card(s):
      • ASUS TUF RTX 3080 Ti GAMING OC
      • PSU:
      • Corsair HX850 850 W Full Modular 80 Plus Platinum
      • Case:
      • Corsair Carbide 330R Ultra Silent Midi Tower
      • Operating System:
      • Win 10 Pro x64
      • Monitor(s):
      • IIYAMA 3461WQ IPS 34" 3440x1440 plus BenQ GW2765HT IPS 27" 2560x1440
      • Internet:
      • Plusnet 28Mb

    Re: Some help for a CSS newb?

    I'd like to thank everyone for their suggestions and trying to help. In the end I logged a call with the company that makes the plugin for displaying the pictures and explained the problem to them. The support I got was nothing short of fantastic! Alex at Ajatix rewrote the webpage, the ajatix.css file and also the JavaScript file so that what I wanted to do would work.

    Now that's support!

    The plugin is called Lightbox if anyone is interested and here is my fully working page
    Rgds,

    BB
    Hexus Trust here and here

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Connection Probs wit CSS
    By evilman in forum Gaming
    Replies: 1
    Last Post: 12-10-2008, 06:56 PM
  2. CSS Articles
    By paul120 in forum Software
    Replies: 1
    Last Post: 26-03-2008, 03:20 PM
  3. divs and CSS
    By Kezzer in forum Software
    Replies: 11
    Last Post: 18-11-2003, 12:51 PM
  4. CSS + Other Language Questions
    By Jonny M in forum Software
    Replies: 7
    Last Post: 11-10-2003, 11:17 PM

Posting Permissions

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