Image Flip, Doing something wrong here... |
Image Flip, Doing something wrong here... |
tharpdevenport |
Mar 17 2007, 03:29 PM
Post
#1
|
Advanced Member Group: Members Posts: 201 Joined: 25-October 06 Member No.: 571 |
http://rejectedfilmscores.150m.com/WKGC/Music.html
The flip images aren't showing behind "Classical", "Jazz" (for forth). "Classical" has something behind it, but that was just a failed attempt at a few tries to get it to work. And I want the buttons to be pressed, not justhte word. Going to eliminate that. I'm trying to avoid positioning here. Not sure what I am doing incorrectly. |
Darin McGrew |
Mar 18 2007, 02:37 AM
Post
#2
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
Your CSS uses
CODE .SOL A which selects an A element inside an element with class="SOL".Your HTML uses CODE <A href=...><SPAN class="SOL">...</SPAN></A> (which is the other way around). |
tharpdevenport |
Mar 18 2007, 01:52 PM
Post
#3
|
Advanced Member Group: Members Posts: 201 Joined: 25-October 06 Member No.: 571 |
The problem there that if I switch it around, it makes only the word clickable. I one the entire button to be; not just for the heck of it, but so people don't have to position it right on the word.
|
pandy |
Mar 18 2007, 02:03 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,732 Joined: 9-August 06 Member No.: 6 |
And what do you have if you don't switch it around? Zilch it looks like.
You have several problems with that code. What do you need the SPANs for? Also, your tabs won't be more than partly visible because the A isn't larger than the text it contains. You will just see a patch of color. |
Darin McGrew |
Mar 18 2007, 04:34 PM
Post
#5
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
|
tharpdevenport |
Mar 19 2007, 02:12 PM
Post
#6
|
Advanced Member Group: Members Posts: 201 Joined: 25-October 06 Member No.: 571 |
The SPANs were what I thought would be a clever solution around positioning DIVs.
I started with code from composerbase.150m.com/PT.html Where the buttons on the left are Flips, but positioned. I tried redoing stuff, since getting DIVs to hard to position horizantally in browsers, plus it was just pissing me off. Then I had to change the code from links to Jump Clickers. QUOTE That sounds like switching the HTML. So what happens if you switch the CSS? You lost me. |
Darin McGrew |
Mar 19 2007, 06:19 PM
Post
#7
|
WDG Member Group: Root Admin Posts: 8,365 Joined: 4-August 06 From: Mountain View, CA Member No.: 3 |
QUOTE That sounds like switching the HTML. So what happens if you switch the CSS? You lost me. Your HTML has a span element inside an a element. Your CSS selects a elements inside the span elements. The problem is that they don't match.If you can't switch your HTML to use a elements inside span elements, then why can't you switch your CSS to select span elements inside the a elements? |
Frederiek |
Mar 20 2007, 03:12 AM
Post
#8
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
The code from which you started, isn't a very good one. Several div's are used, where only one should be enough. It's always harder to adapt someone else's code then to write one of one's own.
Turn the span and a elements around in your HTML, as suggested before. And then, fiddle with the padding, eg padding: 9px 17px; (9px for top/bottom, 12px for left/right). You might want to take a look at samples in Listamatic. |
tharpdevenport |
Mar 20 2007, 11:24 AM
Post
#9
|
Advanced Member Group: Members Posts: 201 Joined: 25-October 06 Member No.: 571 |
Thank you. I tried applying this one, and it worked:
http://css.maxdesign.com.au/listamatic/horizontal02.htm# |
Lo-Fi Version | Time is now: 27th April 2024 - 03:24 AM |