Firefox A href Probleme

Jedi

PROGrAMmER

Registered: May 2002
Location: linz
Posts: 1871

28.07.2005 - 10:38

Zitat von semmerl
Bin schon draufgekommen, dass ich da nicht ganz HTML Konform bin, und natürlich ist mir die Lösung mit zweimal Link setzen auch schon gekommen, aber das gefällt ma überhaupt ned...

und die Lösung mit dem bringt mir nix, ich möcht ja 2 Spalten nebeneinander haben...

Gibts da ned irgendeine schöne Lösung?

Code: PHP

<table id="partneraendern" class="smalltablebutton" onMouseover="changebgcoloronMouseover('partneraendern');" 
  <tr>  
       <td>
		<a href="partneraendern.php"><img src="images/partneraendern.jpg" border="0"></a>
      </td>
      <td align="center">
	  <b>Ausgewählten Partner bearbeiten</b>
      </td>
    </a>
  </tr>
</table>

Bearbeitet von watchout am 28.07.2005, 11:55

semmerl

Big d00d

Registered: Sep 2003
Location: Weit weit weg
Posts: 262

28.07.2005 - 10:38

Nur damit ihr eine Vorstellung habs, so ungefähr solls ausschauen...

http://www.imagexoom.com/uploads/test_copy1.jpg

mfg
Andy

semmerl

Big d00d

Registered: Sep 2003
Location: Weit weit weg
Posts: 262

28.07.2005 - 10:40

Zitat von Jedi

Code: PHP

<table id="partneraendern" class="smalltablebutton" onMouseover="changebgcoloronMouseover('partneraendern');" 
  <tr>  
       <td>
		<a href="partneraendern.php"><img src="images/partneraendern.jpg" border="0"></a>
      </td>
      <td align="center">
	  <b>Ausgewählten Partner bearbeiten</b>
      </td>
    </a>
  </tr>
</table>

Das hilft mir ned wirklich viel, da hab ich ja erst wieder nur beim Bild den Link, ich will ihn aber bei der anderen Spalte auch haben...

Bearbeitet von watchout am 28.07.2005, 11:55

Jedi

PROGrAMmER

Registered: May 2002
Location: linz
Posts: 1871

28.07.2005 - 10:42

öha...

brauchst du die spalte unbedingt?

sowas würd auch ganz nett ausschaun:

Code: PHP

<table id="partneraendern" class="smalltablebutton" onMouseover="changebgcoloronMouseover('partneraendern');">  <--- die klammer hast du übrigens vergessen
  <tr>  
    <td>
	<a href="partneraendern.php"><img src="images/partneraendern.jpg" border="0">   <b>Ausgewählten Partner bearbeiten</b></a>
    </td>
  </tr>
</table>

Bearbeitet von watchout am 28.07.2005, 11:54

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2306

28.07.2005 - 10:53

Also, wenn sich beide bei einem Mouse-Over verändern sollen, dann musst du beide Elemente wohl oder übel innerhalb eines <td>'s plazieren. Ausrichtung kannst ja mittels valign einrichten. Knall halt zwischen Image und Text ein rein, damit die Dinger nicht zusammenkleben.

Soll sich der Hintergrund nur von der Farbe her ändern, oder wie? Da könntest dann mit meiner Version Bresln haben, da hier wirklich nur der Hintergrund des Textes verändert wird, aber nicht der Background der Zelle.

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

28.07.2005 - 10:59

Zitat von semmerl
Bin schon draufgekommen, dass ich da nicht ganz HTML Konform bin, und natürlich ist mir die Lösung mit zweimal Link setzen auch schon gekommen, aber das gefällt ma überhaupt ned...

und die Lösung mit dem bringt mir nix, ich möcht ja 2 Spalten nebeneinander haben...

Gibts da ned irgendeine schöne Lösung?

Und im IE hat das gefunkt? Unpackbar

Lösung: Ein Bild hat gewöhnlich eine fixe Breite, nimmt man also lediglich das "br" weg, so hat man seine "Spalten" - dann hat man aber übrigens auch nur noch eine Spalte, und man kann sich sogar die gesamte Table sparen.

Edit: Aaah, zu lange überlegt

*writing*

Edit2: Wenn du Rechts vom Bild zweizeilig willst, brauchst du "Floats" - dh. das <img> belegst du mit float:left

Die Änderung des Bildes/Hintergrund/was auch immer bewirkst du im Firefox per:
a:hover img {
background-image:bla;
bla;
}

IE kanns wieder mal nicht ...

Bearbeitet von watchout am 28.07.2005, 11:07

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2306

28.07.2005 - 11:09

Okay, nur mal eine Lösungsvariante, so wie ich sie oft verwende. Den Text kannst ja eigentlich auch als Image verwenden (es sei denn, er wird irgendwie dynamisch erstellt). Ich hab jetzt mal den Hintergrund des Textesgeändert, aber nachdem es sich um ein Image handelt, kann man da ja grafisch einbauen, was man will.

Hier mal eine Alternative

Achja, funzt sowohl im IE, als auch in Firefox!

Bearbeitet von grOOvekill@ am 28.07.2005, 11:14

semmerl

Big d00d

Registered: Sep 2003
Location: Weit weit weg
Posts: 262

28.07.2005 - 11:30

Zitat von grOOvekill@
Okay, nur mal eine Lösungsvariante, so wie ich sie oft verwende. Den Text kannst ja eigentlich auch als Image verwenden (es sei denn, er wird irgendwie dynamisch erstellt). Ich hab jetzt mal den Hintergrund des Textesgeändert, aber nachdem es sich um ein Image handelt, kann man da ja grafisch einbauen, was man will.

Hier mal eine Alternative

Achja, funzt sowohl im IE, als auch in Firefox!

Erstens wird der Text dynamisch ausgetauscht... Verschiedene Sprachen und ich will für den Text auch keine Grafik verwenden...Natürlich könnt ich je nach Sprache ein anderes Bild verwenden, aber die Lösung gefällt mir auch ned wirklich, weil ich irgendwann einmal die Texte aus ner Datenbank auslesen will...
Außerdem soll der Hover Effekt auch beim Bild passieren, also ein kleiner Rahmen hinter dem Bild--->siehe Bild
http://www.imagexoom.com/uploads/test2.jpg

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2306

28.07.2005 - 11:32

Zitat von semmerl
Erstens wird der Text dynamisch ausgetauscht... Verschiedene Sprachen und ich will für den Text auch keine Grafik verwenden...Natürlich könnt ich je nach Sprache ein anderes Bild verwenden, aber die Lösung gefällt mir auch ned wirklich, weil ich irgendwann einmal die Texte aus ner Datenbank auslesen will...
Außerdem soll der Hover Effekt auch beim Bild passieren, also ein kleiner Rahmen hinter dem Bild--->siehe Bild
http://www.imagexoom.com/uploads/test2.jpg

Naja, von verschiedenen Sprachen war ja auch keine Rede, genausowenig wie von dynamischem Text. Ich gehe mal davon aus, dass Du schon fündig werden wirst. Nachdem ich sonst nix Hilfreiches hinzuzufügen habe, überlasse ich mal Wissenderen den Platz.

ps: Ich sehe, ehrlich gesagt, keinen Hover-Effekt beim Bild. Aber auch den könnte man ja beim Mouse-Over Bild hinzufügen. Na, egal.

semmerl

Big d00d

Registered: Sep 2003
Location: Weit weit weg
Posts: 262

28.07.2005 - 11:53

[QUOTE]Originally posted by watchout
[B]Und im IE hat das gefunkt? Unpackbar

Lösung: Ein Bild hat gewöhnlich eine fixe Breite, nimmt man also lediglich das "br" weg, so hat man seine "Spalten" - dann hat man aber übrigens auch nur noch eine Spalte, und man kann sich sogar die gesamte Table sparen.

Edit: Aaah, zu lange überlegt

*writing*

Edit2: Wenn du Rechts vom Bild zweizeilig willst, brauchst du "Floats" - dh. das <img> belegst du mit float:left

Die Änderung des Bildes/Hintergrund/was auch immer bewirkst du im Firefox per:
a:hover img {
background-image:bla;
bla;
}

Danke, dass mit dem Float funktioniert, einzig ein Problem hab ich nun noch, wie bekomm ich die Schrift in der Mitte zentriert. Habs mit vertical-align:middle probiert, funzt aber ned...

Hier der Code

Code:

 	
<td align="center">
   <a href="partneraendern.php" style="text-decoration:none">
       <img src="images/partneraendern.jpg" style="float:left;"/>
       <b>Ausgewählten Partner bearbeiten</b>     			
   </a>
</td>

EDIT: Hab ein davor gemacht - ist zwar ned schön aber es passt...
Aber ich bin für jede schönere Lösung offen..

Bearbeitet von semmerl am 28.07.2005, 12:00

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

28.07.2005 - 12:56

Zitat von semmerl
Danke, dass mit dem Float funktioniert, einzig ein Problem hab ich nun noch, wie bekomm ich die Schrift in der Mitte zentriert. Habs mit vertical-align:middle probiert, funzt aber ned...

Hier der Code
Code: PHP
<td align="center">
 <a href="partneraendern.php" style="text-decoration:none">
 <img src="images/partneraendern.jpg" style="float:left;"/>
 Ausgewählten Partner bearbeiten 			
 </a>
</td>
EDIT: Hab ein davor gemacht - ist zwar ned schön aber es passt...
Aber ich bin für jede schönere Lösung offen..

Naja,

Hmm...
Naja, solange du nur eine Zeile hast, gibts folgende Möglichkeit:
Click Here - Delete .txt Extension.

edit: getestet mit einem primitiven 30x30 Px. roten BMP namens block.bmp, welches auf meinem Desktop liegt

Bearbeitet von watchout am 28.07.2005, 13:22

xTixo

Master of Trinity

Registered: Jan 2002
Location: 1150.vie.at
Posts: 535

28.07.2005 - 14:22

Zitat von DKCH
wenn dann schreibt man ...

*g* Stimmt, habs auch grad beim abermaligen durchlesen gemerkt...

semmerl

Big d00d

Registered: Sep 2003
Location: Weit weit weg
Posts: 262

28.07.2005 - 14:44

Zitat von watchout
Naja, 

Hmm...
Naja, solange du nur eine Zeile hast, gibts folgende Möglichkeit:
Click Here - Delete .txt Extension.

edit: getestet mit einem primitiven 30x30 Px. roten BMP namens block.bmp, welches auf meinem Desktop liegt

Lösung funzt im IE wieder nicht....

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

28.07.2005 - 15:10

Zitat von xTixo
*g* Stimmt, habs auch grad beim abermaligen durchlesen gemerkt...

und gilt eigentlich sowieso nur für XHTML - es ist valid HTML4.01 STRICT, wenn man schreibt.

Zitat von semmerl
Lösung funzt im IE wieder nicht....

bei mir gehts am IE...

grOOvekill@

Legend
Vienna Badass

Registered: Nov 2001
Location: @home
Posts: 2306

28.07.2005 - 15:28

Zitat von watchout
bei mir gehts am IE...

Schreit nach einem STRG+F5, oder?

Jedi PROGrAMmER Registered: May 2002 Location: linz Posts: 1871	28.07.2005 - 10:38 Zitat von semmerl Bin schon draufgekommen, dass ich da nicht ganz HTML Konform bin, und natürlich ist mir die Lösung mit zweimal Link setzen auch schon gekommen, aber das gefällt ma überhaupt ned... und die Lösung mit dem <br/> bringt mir nix, ich möcht ja 2 Spalten nebeneinander haben... Gibts da ned irgendeine schöne Lösung? Code: PHP `<table id="partneraendern" class="smalltablebutton" onMouseover="changebgcoloronMouseover('partneraendern');" <tr> <td> <a href="partneraendern.php"><img src="images/partneraendern.jpg" border="0"></a> </td> <td align="center"> <b>Ausgewählten Partner bearbeiten</b> </td> </a> </tr> </table>` Bearbeitet von watchout am 28.07.2005, 11:55
semmerl Big d00d Registered: Sep 2003 Location: Weit weit weg Posts: 262	28.07.2005 - 10:38 Nur damit ihr eine Vorstellung habs, so ungefähr solls ausschauen... http://www.imagexoom.com/uploads/test_copy1.jpg mfg Andy
semmerl Big d00d Registered: Sep 2003 Location: Weit weit weg Posts: 262	28.07.2005 - 10:40 Zitat von Jedi Code: PHP `<table id="partneraendern" class="smalltablebutton" onMouseover="changebgcoloronMouseover('partneraendern');" <tr> <td> <a href="partneraendern.php"><img src="images/partneraendern.jpg" border="0"></a> </td> <td align="center"> <b>Ausgewählten Partner bearbeiten</b> </td> </a> </tr> </table>` Das hilft mir ned wirklich viel, da hab ich ja erst wieder nur beim Bild den Link, ich will ihn aber bei der anderen Spalte auch haben... Bearbeitet von watchout am 28.07.2005, 11:55
Jedi PROGrAMmER Registered: May 2002 Location: linz Posts: 1871	28.07.2005 - 10:42 öha... brauchst du die spalte unbedingt? sowas würd auch ganz nett ausschaun: Code: PHP `<table id="partneraendern" class="smalltablebutton" onMouseover="changebgcoloronMouseover('partneraendern');"> <--- die klammer hast du übrigens vergessen <tr> <td> <a href="partneraendern.php"><img src="images/partneraendern.jpg" border="0"> <b>Ausgewählten Partner bearbeiten</b></a> </td> </tr> </table>` Bearbeitet von watchout am 28.07.2005, 11:54
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2306	28.07.2005 - 10:53 Also, wenn sich beide bei einem Mouse-Over verändern sollen, dann musst du beide Elemente wohl oder übel innerhalb eines <td>'s plazieren. Ausrichtung kannst ja mittels valign einrichten. Knall halt zwischen Image und Text ein rein, damit die Dinger nicht zusammenkleben. Soll sich der Hintergrund nur von der Farbe her ändern, oder wie? Da könntest dann mit meiner Version Bresln haben, da hier wirklich nur der Hintergrund des Textes verändert wird, aber nicht der Background der Zelle.
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	28.07.2005 - 10:59 Zitat von semmerl Bin schon draufgekommen, dass ich da nicht ganz HTML Konform bin, und natürlich ist mir die Lösung mit zweimal Link setzen auch schon gekommen, aber das gefällt ma überhaupt ned... und die Lösung mit dem <br/> bringt mir nix, ich möcht ja 2 Spalten nebeneinander haben... Gibts da ned irgendeine schöne Lösung? Und im IE hat das gefunkt? Unpackbar Lösung: Ein Bild hat gewöhnlich eine fixe Breite, nimmt man also lediglich das "br" weg, so hat man seine "Spalten" - dann hat man aber übrigens auch nur noch eine Spalte, und man kann sich sogar die gesamte Table sparen. Edit: Aaah, zu lange überlegt writing Edit2: Wenn du Rechts vom Bild zweizeilig willst, brauchst du "Floats" - dh. das <img> belegst du mit float:left Die Änderung des Bildes/Hintergrund/was auch immer bewirkst du im Firefox per: a:hover img { background-image:bla; bla; } IE kanns wieder mal nicht ... Bearbeitet von watchout am 28.07.2005, 11:07
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2306	28.07.2005 - 11:09 Okay, nur mal eine Lösungsvariante, so wie ich sie oft verwende. Den Text kannst ja eigentlich auch als Image verwenden (es sei denn, er wird irgendwie dynamisch erstellt). Ich hab jetzt mal den Hintergrund des Textesgeändert, aber nachdem es sich um ein Image handelt, kann man da ja grafisch einbauen, was man will. Hier mal eine Alternative Achja, funzt sowohl im IE, als auch in Firefox! Bearbeitet von grOOvekill@ am 28.07.2005, 11:14
semmerl Big d00d Registered: Sep 2003 Location: Weit weit weg Posts: 262	28.07.2005 - 11:30 Zitat von grOOvekill@ Okay, nur mal eine Lösungsvariante, so wie ich sie oft verwende. Den Text kannst ja eigentlich auch als Image verwenden (es sei denn, er wird irgendwie dynamisch erstellt). Ich hab jetzt mal den Hintergrund des Textesgeändert, aber nachdem es sich um ein Image handelt, kann man da ja grafisch einbauen, was man will. Hier mal eine Alternative Achja, funzt sowohl im IE, als auch in Firefox! Erstens wird der Text dynamisch ausgetauscht... Verschiedene Sprachen und ich will für den Text auch keine Grafik verwenden...Natürlich könnt ich je nach Sprache ein anderes Bild verwenden, aber die Lösung gefällt mir auch ned wirklich, weil ich irgendwann einmal die Texte aus ner Datenbank auslesen will... Außerdem soll der Hover Effekt auch beim Bild passieren, also ein kleiner Rahmen hinter dem Bild--->siehe Bild http://www.imagexoom.com/uploads/test2.jpg
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2306	28.07.2005 - 11:32 Zitat von semmerl Erstens wird der Text dynamisch ausgetauscht... Verschiedene Sprachen und ich will für den Text auch keine Grafik verwenden...Natürlich könnt ich je nach Sprache ein anderes Bild verwenden, aber die Lösung gefällt mir auch ned wirklich, weil ich irgendwann einmal die Texte aus ner Datenbank auslesen will... Außerdem soll der Hover Effekt auch beim Bild passieren, also ein kleiner Rahmen hinter dem Bild--->siehe Bild http://www.imagexoom.com/uploads/test2.jpg Naja, von verschiedenen Sprachen war ja auch keine Rede, genausowenig wie von dynamischem Text. Ich gehe mal davon aus, dass Du schon fündig werden wirst. Nachdem ich sonst nix Hilfreiches hinzuzufügen habe, überlasse ich mal Wissenderen den Platz. ps: Ich sehe, ehrlich gesagt, keinen Hover-Effekt beim Bild. Aber auch den könnte man ja beim Mouse-Over Bild hinzufügen. Na, egal.
semmerl Big d00d Registered: Sep 2003 Location: Weit weit weg Posts: 262	28.07.2005 - 11:53 [QUOTE]Originally posted by watchout [B]Und im IE hat das gefunkt? Unpackbar Lösung: Ein Bild hat gewöhnlich eine fixe Breite, nimmt man also lediglich das "br" weg, so hat man seine "Spalten" - dann hat man aber übrigens auch nur noch eine Spalte, und man kann sich sogar die gesamte Table sparen. Edit: Aaah, zu lange überlegt writing Edit2: Wenn du Rechts vom Bild zweizeilig willst, brauchst du "Floats" - dh. das <img> belegst du mit float:left Die Änderung des Bildes/Hintergrund/was auch immer bewirkst du im Firefox per: a:hover img { background-image:bla; bla; } Danke, dass mit dem Float funktioniert, einzig ein Problem hab ich nun noch, wie bekomm ich die Schrift in der Mitte zentriert. Habs mit vertical-align:middle probiert, funzt aber ned... Hier der Code Code: `<td align="center"> <a href="partneraendern.php" style="text-decoration:none"> <img src="images/partneraendern.jpg" style="float:left;"/> <b>Ausgewählten Partner bearbeiten</b> </a> </td>` EDIT: Hab ein <br> davor gemacht - ist zwar ned schön aber es passt... Aber ich bin für jede schönere Lösung offen.. Bearbeitet von semmerl am 28.07.2005, 12:00
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	28.07.2005 - 12:56 Zitat von semmerl Danke, dass mit dem Float funktioniert, einzig ein Problem hab ich nun noch, wie bekomm ich die Schrift in der Mitte zentriert. Habs mit vertical-align:middle probiert, funzt aber ned... Hier der Code Code: PHP `<td align="center"> <a href="partneraendern.php" style="text-decoration:none"> <img src="images/partneraendern.jpg" style="float:left;"/> <b>Ausgewählten Partner bearbeiten</b> </a> </td>` EDIT: Hab ein <br> davor gemacht - ist zwar ned schön aber es passt... Aber ich bin für jede schönere Lösung offen.. Naja, <br> Hmm... Naja, solange du nur eine Zeile hast, gibts folgende Möglichkeit: Click Here - Delete .txt Extension. edit: getestet mit einem primitiven 30x30 Px. roten BMP namens block.bmp, welches auf meinem Desktop liegt Bearbeitet von watchout am 28.07.2005, 13:22
xTixo Master of Trinity Registered: Jan 2002 Location: 1150.vie.at Posts: 535	28.07.2005 - 14:22 Zitat von DKCH wenn dann schreibt man <br />... g Stimmt, habs auch grad beim abermaligen durchlesen gemerkt...
semmerl Big d00d Registered: Sep 2003 Location: Weit weit weg Posts: 262	28.07.2005 - 14:44 Zitat von watchout Naja, <br> Hmm... Naja, solange du nur eine Zeile hast, gibts folgende Möglichkeit: Click Here - Delete .txt Extension. edit: getestet mit einem primitiven 30x30 Px. roten BMP namens block.bmp, welches auf meinem Desktop liegt Lösung funzt im IE wieder nicht....
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	28.07.2005 - 15:10 Zitat von xTixo g Stimmt, habs auch grad beim abermaligen durchlesen gemerkt... und gilt eigentlich sowieso nur für XHTML - es ist valid HTML4.01 STRICT, wenn man <br> schreibt. Zitat von semmerl Lösung funzt im IE wieder nicht.... bei mir gehts am IE...
grOOvekill@ Legend Vienna Badass Registered: Nov 2001 Location: @home Posts: 2306	28.07.2005 - 15:28 Zitat von watchout bei mir gehts am IE... Schreit nach einem STRG+F5, oder?

Firefox A href Probleme

Forum Index > Software > Coding Stuff

Jedi

semmerl

semmerl

Jedi

grOOvekill@

watchout

grOOvekill@

semmerl

grOOvekill@

semmerl

watchout

xTixo

semmerl

watchout

grOOvekill@