Adding links in css

• 

  duncannichols · Member · Feb 20, 2007 at 3:01 pm

  • Copy link
  • Add topic to favorites

  Hi
  I’ve got an image that I’ve put into my css script (to form part of the layout of the page) and I was wondering if I could attach a link to it. http://thehashmark.wordpress.com – the image is the technorati logo at the bottom of posts (obviously I’d like the link to go to the technorati home page).
  Cheers

• 

  drmike · Member · Feb 20, 2007 at 3:07 pm

  • Copy link

  Not in CSS. You would have to hardcode the theme.

  engtech has been doing some stuff with moving around the widgets within the page. I don’t know if he’s done any write ups on teh subject though.

• 

  atthe404 · Member · Feb 20, 2007 at 4:09 pm

  • Copy link

  I am not sure. What about the pseudo class .before?

• 

  sunburntkamel · Member · Feb 21, 2007 at 3:19 pm

  • Copy link

  that’d be a nice trick, but i don’t think it’ll work.
  ::before
  doesn’t execute any of the code you stick in there, unfortunately. (at least not as i can get it to, it just displays the raw HTML). you can get things like images in there with this trick:

  p.tagged:before {
  content: url('http://thehashmark.files.wordpress.com/2007/02/technorati15x11.gif')
  }

  so perhaps if you made an html file with your link in it, you could pull in the html via url(”) ?

  that would seem to be a substantial security risk, though, so even if you could get it to work, wordpress.com might strip it out.

• 

  drmike · Member · Feb 21, 2007 at 3:23 pm

  • Copy link

  Feedback sent just in case. :)

• 

  atthe404 · Member · Feb 25, 2007 at 1:23 pm

  • Copy link

  Without access to the html this is bending the abilities of the CSS hackers. :)