zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit CSS-Umsetzung, Bildausrichtung in Tabellenzelle

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.03.2009, 02:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.09.2005
Beiträge: 7
gh23 befindet sich auf einem aufstrebenden Ast
Frage Problem mit CSS-Umsetzung, Bildausrichtung in Tabellenzelle

Hallo,

Ich habe folgendes vor: Ich möchte tabellarische Daten ausgeben und editierbar machen. Ich habe mir überlegt, dass dazu in jeder Tabellenzelle ein kleines Bild in der oberen rechten Ecke ist, welches verlinkt ist zu einer Seite auf der die Bearbeitung statt findet.

Nun habe ich ein Problem damit, dies mittels CSS umzusetzen. Meine (naive) Idee war zunächst eine HTML-Tablle zu erstellen und dann in jeder Zelle ein Link mit Bild per CSS so zu positionieren, dass es halt rechts oben in der Ecke ist.

Halt sowas:

HTML-Code:
...
<td>
  <a href="" class="edit"><img scr="" /></a>
  Bla bla bla
</td>
...
Habe ich aber nicht hinbekommen, da der zelleninhalt nicht mehr mittig war.

Meine zweite Idee war, die Tabelle mittels div-Containern "nachzubauen". Dabei scheiterte ich jedoch an dem alten Problem der vertikalen Zentrierung.

Also lange Rede kurzer Sinn, ich versuche eine Tabelle hinzubekommen mit solchen Zellen:


(sorry, habs ganz schnell gemalt )


Hat jemand einen Tipp für mich?

Vielen Dank schon mal im Voraus!
(hoffe es ist nicht zu trivial )
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.03.2009, 09:05
Benutzerbild von duessu
{blubb /}
XHTMLforum-Mitglied
 
Registriert seit: 05.09.2005
Beiträge: 371
duessu befindet sich auf einem aufstrebenden Ast
Standard

Dem <td> ein position:relative und dem <a> ein position:absolute geben mit entsprechenden werten für right, top (right=0px, top=0px)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.03.2009, 01:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.09.2005
Beiträge: 7
gh23 befindet sich auf einem aufstrebenden Ast
Standard

Erst einmal vielen Dank für die schnelle Antwort!

Habe es sofort umgesetzt und war begeistert. Nun habe ich gerade gesehen, dass es im Firefox/Opera nicht funktioniert. Der Link landet wieder im nächst höheren div in der rechten oberen Ecke anstatt in der Tabellenzelle.

Hab ich noch etwas übersehen ?
Mit Zitat antworten
  #4 (permalink)  
Alt 05.03.2009, 20:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.09.2005
Beiträge: 7
gh23 befindet sich auf einem aufstrebenden Ast
Standard

Sorry das ich noch einmal Nachfragen muss, aber ich komm da echt nicht weiter.

Ich glaube auch das es nicht so schwer ist, steh halt auf'm Schlauch ...

Danke im Voraus!
Mit Zitat antworten
  #5 (permalink)  
Alt 05.03.2009, 21:08
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Ich denke, hier wäre ein Onlinebeispiel oder zumindest Code sehr hilfreich.
Mit Zitat antworten
  #6 (permalink)  
Alt 06.03.2009, 11:45
Neuer Benutzer
neuer user
 
Registriert seit: 25.09.2008
Ort: Karlsruhe
Beiträge: 6
moros befindet sich auf einem aufstrebenden Ast
Standard

Hast du zufällig davor ein Element gefloatet?
Mit Zitat antworten
Antwort

Stichwörter
ausrichtung, css, image, tablle

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
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
Problem Browserweiche IE CSS 00001 CSS 5 24.09.2010 11:23
CSS Problem Design auf anderen Rechnern verschoben MALPI CSS 3 09.10.2008 11:51
Problem beim ein/ausblenden von Spalten in Tabellen via CSS und JavaScript chrisol_76 CSS 2 21.07.2008 18:37
Css und Steam Problem justinlenz Offtopic 3 27.03.2008 22:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:36 Uhr.