Firefox A href Probleme - Seite 2

Seite 2 von 3 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/firefox_a_href_probleme_146588/page_2 - zur Vollversion wechseln!

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>

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

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


mfg
Andy

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>

ö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>

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.

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?

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!

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!

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

[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>

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..

Zitat von DKCH

wenn dann schreibt man <br />...

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

Zitat von xTixo

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

Zitat von semmerl

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

Zitat von watchout

bei mir gehts am IE...

overclockers.at v4.thecommunity
© all rights reserved by overclockers.at 2000-2025