zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Styling Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.06.2011, 22:50
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.05.2008
Beiträge: 30
Cyborg befindet sich auf einem aufstrebenden Ast
Standard Styling Problem

Hallöchen

Ich habe ein kleines Styling Problem und bräuchte mal eure Hilfe.

Folgendes Bild wird mir mit folgenden Code erzeugt:


HTML-Code:
<table border="1">
<tr>
<td rowspan="2">
 <div style="margin-left:20px; margin-right:20px;">
 <img src="blau.png" alt="Leihvertrag" /></div>
</td>
<td>Hier steht ein kurzer Text.
</td>
</tr>
<tr>
<td valign="top"><a href="www.google.de">Das ist ein Link, der auch umbrechen kann.</a>
</td>
</tr>
</table>
Das Ziel ist es jetzt, dass die Pfeilspitze direkt auf die Mitte des Links zeigt. Auch wenn der Link umbricht.

Hätte da jemand eine Idee ?

Geändert von Cyborg (23.06.2011 um 22:52 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.06.2011, 13:18
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Verzichte auf die Tabelle und binde den Pfeil als Hintergrundbild für den Link ein. Dieses kannst Du dann mit background-position entsprechend ausrichten.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 25.06.2011, 14:06
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.05.2008
Beiträge: 30
Cyborg befindet sich auf einem aufstrebenden Ast
Standard

Danke für deine Antwort.
Kannst du mir vielleicht noch einen Google-Tip geben ?

Ich finde irgendwie nicht wirklich einen Ansatz für mein Problem.
Mit Zitat antworten
  #4 (permalink)  
Alt 25.06.2011, 14:17
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder

Um den Abstand vom Text zum Hintergrundbild zu erreichen, wäre padding noch sinnvoll.

Code:
a {
 background-image: url(pfeil.png);
 background-position: 50% 0%;
 padding-left: 200px;
}
Mit Zitat antworten
  #5 (permalink)  
Alt 27.06.2011, 23:26
Neuer Benutzer
neuer user
 
Registriert seit: 27.06.2011
Beiträge: 3
kingz-art befindet sich auf einem aufstrebenden Ast
Standard

Jip.. meine Rede. Raus mit der Tabelle und über background-image lösen..
__________________
kingz-art | Digitaldruck & Werbeagentur
www.kingz-art.de
Mit Zitat antworten
  #6 (permalink)  
Alt 27.06.2011, 23:45
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.05.2008
Beiträge: 30
Cyborg befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Tipp,

das Ganze sieht nun leider so aus ?!

Mit Zitat antworten
  #7 (permalink)  
Alt 28.06.2011, 00:00
Neuer Benutzer
neuer user
 
Registriert seit: 27.06.2011
Beiträge: 3
kingz-art befindet sich auf einem aufstrebenden Ast
Standard

lol.. kein Ding. Dir fehlt nur ne kleine Angabe. Hier mal der Code:
Code:
a {
background: url(pfeil.png) 0 50% no-repeat;
padding-left: 200px;
}
Kannst das auch alles in eine Zeile klopfen,.. als nur background: | dann die URL | dann die Position | dann das repeat

Und in Deinem Fall willst Du ja kein repeat haben.. deshalb no-repeat.

Denke so sollte es funzen... Grüßla
__________________
kingz-art | Digitaldruck & Werbeagentur
www.kingz-art.de
Mit Zitat antworten
  #8 (permalink)  
Alt 30.06.2011, 10:19
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.05.2008
Beiträge: 30
Cyborg befindet sich auf einem aufstrebenden Ast
Standard

hey kingz-art,

nochmal vielen dank.

jetzt sieht das ganze aber so aus

ohne umbruch:

mit umbruch:
Mit Zitat antworten
  #9 (permalink)  
Alt 30.06.2011, 19:35
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2006
Beiträge: 747
mermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblick
Standard

Kannst du ein Livebeispiel irgendwo hochladen? Die Art der Stauchung der Grafik erscheint mir eigenartig.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 30.06.2011, 21:19
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.05.2008
Beiträge: 30
Cyborg befindet sich auf einem aufstrebenden Ast
Standard

Bitteschön.

Bild mit Link

Ich wunder mich gerade, wieso das Ding auf einmal wieder in die nächste Zeile unter den Pfeil umbricht. Das war heute morgen noch nicht so
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Font der Überschrift ändern (Problem) artist CSS 2 07.12.2007 10:01
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 09:57
Problem mit WordPress und dem Bilder Upload Maxefix Serveradministration und serverseitige Scripte 0 19.12.2006 14:58
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 17:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 06:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:45 Uhr.