15. marts 2007 - 15:30
Der er
11 kommentarer og 1 løsning
Hvordan flytter jeg en style fra en <td> til ekstern css-fil
Jeg har en <td> med en style. Pga. at cellen skal indeholde et link til en php-fil kan jeg ikke bruge "gåseøjne", og hvis jeg erstatter dem med 'anførselstegn' virker det ikke. Derfor var min tanke at flytte hele stylen fta min <td> til en ekstern css-fil, og så give <td>'en en class. Hvordan gør jeg det... og hvordan får jeg det hele med? Her er hele min style: style="background-image: url(menubutton_under.jpg); color: #969696" onmouseover="this.style.backgroundImage='url(menubutton_under_hover.jpg)';this.style.color='#ffffff'" onmouseout="this.style.backgroundImage='url(menubutton_under.jpg)';this.style.color='#969696';"
Annonceindlæg fra Barco
15. marts 2007 - 15:47
#1
Det er både en style og noget mouseover-script, så du skal lægge noget i style og noget i et script: .minTd{ background-image: url(menubutton_under.jpg); color: #969696 } function tdHover(elm,bgPic,act){ elm.style.backgroundImage = "url(" + (act ? bgPic.replace(/\.jpg/,"_hover.jpg") : bgPic) + ")"; elm.style.color = act ? #fff : #969696; } -- men du slipper ikke for både gåseøjne og apostrofer, fr så ser td-tagget sådan ud: <td class="minTd" onmouseover="tdHover(this,'menubutton_under.jpg',true);" onmouseout="tdHover(this,'menubutton_under.jpg',false);" -- men der er i øvrigt da ikke nogen problemer i at udskrive det med php, f.eks. print " <td style=\"background-image: url(menubutton_under.jpg); color: #969696\" onmouseover=\"this.style.backgroundImage='url(menubutton_under_hover.jpg)';this.style.color='#ffffff'\" onmouseout=\"this.style.backgroundImage='url(menubutton_under.jpg)';this.style.color='#969696';\">
15. marts 2007 - 16:01
#2
hmmmm... kan du så ikke hjælpe mig med at strikke det sammen? her er mit php-link: <?php echo"<a href='index.php?do=add_form&page=1' target='main'>Skriv en besked</a>"; ?> Det link vil jeg gerne have ind i den her celle: <td width="85" class="td_menu_text" style="background-image: url(menubutton.jpg); color: #969696" onmouseover="this.style.backgroundImage='url(menubutton_hover.jpg)';this.style.color='#ffffff'" onmouseout="this.style.backgroundImage='url(menubutton.jpg)';this.style.color='#969696'">skriv en besked</td> Nu har jeg fedtet med det i over en uge og kan bare ikke få det til at virke.
15. marts 2007 - 16:09
#3
Skal linket bare ind i cellen ?-) -- eller skal det ligge så hele cellen er klikbar ?o] -- og skal hele siden skifte, eller skal det være en popup ...
15. marts 2007 - 16:23
#4
Det ville være bedst hvis hele cellen er klikbar. Det skal ikke være en popup. target er en anden frame. Håber du kan hjælpe ;-)
15. marts 2007 - 16:30
#5
echo "<td width=\"85\" class=\"td_menu_text\" style=\"background-image: url(menubutton.jpg); color: #969696;cursor:pointer;\" onmouseover=\"this.style.backgroundImage='url(menubutton_hover.jpg)';this.style.color='#ffffff'\" onmouseout=\"this.style.backgroundImage='url(menubutton.jpg)';this.style.color='#969696'\" onclick=\"parent.main.location.href='index.php?do=add_form&page=1'\">skriv en besked</td>";
15. marts 2007 - 16:43
#6
nej... det virker ikke helt
15. marts 2007 - 16:45
#7
istedet for en knap for jeg en grå kasse med echo" "; så står der skriv en besked, men det er ikke et link.
15. marts 2007 - 16:48
#8
Hvad siger koden, hvis du tager den fra Vis kilde i browseren ?-)
15. marts 2007 - 16:49
#9
hey vent lidt havde glemt <?php ?>
15. marts 2007 - 16:56
#10
Jep det virker nu! Skide fedt ;-) Skriv noget få du lige nogle point
15. marts 2007 - 16:57
#11
Velbekomme '-)
15. marts 2007 - 17:20
#12
-- og tak for point ;~}
Vi tilbyder markedets bedste kurser inden for webudvikling