Ergebnis 1 bis 4 von 4

Thema: Tabelle mit Schattenumrandung

  1. #1
    babelfish
    Gast

    Standard Tabelle mit Schattenumrandung

    Hallo

    Ich habe einige Probleme damit, eine Tabelle so zu erstellen dass um den Content ein Schatten gelegt wird. Das Licht kommt von Oben links. Die obere Rechte Ecke und die untere Linke Ecke des Schattens sollen abgerundet sein (Also als separates Bild vorliegen).



    Code:
    <!-- HEADER TABLE -->
    <table cellpadding='0' cellspacing='0' border='0'>
    	<tr>
    		<td colspan='2' rowspan='2'> <!-- 1 -->
    			<div>
    				Hier würde der Content hinkommen...
    			</div>
    		</td>
    		<td class='shadowNE'></td> <!-- 2 -->
    	</tr><tr>
    		<td class='shadowE'></td> <!-- 3 -->
    	</tr><tr>
    		<td class='shadowSW'></td> <!-- 4 -->
    		<td class='shadowS'></td> <!-- 5 -->
    		<td class='shadowSE'></td> <!-- 6 -->
    	</tr>
    </table>
    Code:
    .shadowSW	{ margin: 0; padding: 0; min-height: 6px; max-height: 6px; height: 6px; min-width: 6px; max-width: 6px; width: 6px; background-image: url('img/shadow_sw.png');}
    .shadowSE	{ margin: 0; padding: 0; min-height: 6px; max-height: 6px; height: 6px; min-width: 6px; max-width: 6px; width: 6px; background-image: url('img/shadow_se.png');}
    .shadowNE	{ margin: 0; padding: 0; min-height: 6px; max-height: 6px; height: 6px; min-width: 6px; max-width: 6px; width: 6px; background-image: url('img/shadow_ne.png'); }
    .shadowE 	{ margin: 0; padding: 0; min-height: 6px; min-width: 6px; max-width: 6px; width:  6px; background-image: url('img/shadow_e.png');}
    .shadowS 	{ margin: 0; padding: 0; min-height: 6px; max-height: 6px; height: 6px; background-image: url('img/shadow_s.png');}
    Vielleicht ein Denkfehler von mir.. Aber ich fände es toll wenn ihr mir einen Denkanstoss geben würdet

    Anmerkung:
    Als Zufällige Frage bei den Gästen kommt "Wie heißt der deutsche Bundeskanzler ? (nur Nachname)". Scheint ein bisschen out-of-date zu sein?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Macrosdesign
    Gast

    Standard AW: Tabelle mit Schattenumrandung

    Also so wie du das versuchst würde ich es schonmal auf keinen Fall machen.

    Um dir einen Lösungsansatz zu geben habe ich noch eine Frage:

    Hat der Content eine Bestimmte Breiten-Angabe oder sind Höhe und Breite in % Werten angegeben?

  3. #3
    babelfish
    Gast

    Standard AW: Tabelle mit Schattenumrandung

    Der Content soll sich beliebig anpassen können, notfalls eine bestimmte Breite haben.
    - 1, 3 und 5 sollen sich also je nach Content anpassen.
    - 4, 2 und 6 sollen immer 6x6px gross sein.

    Wenn man dasselbe mit divs machen könnte wäre das natürlich noch besser, aber ich dachte dass die Tabellen dafür besser geeignet sind da sie sich dem Inhalt einer Zelle besser anpassen können. Irgendwie will das in meinem Beispiel aber nicht so recht. ^^

  4. #4
    Macrosdesign
    Gast

    Standard AW: Tabelle mit Schattenumrandung

    Also wenn dein Content eine feste Breite hat dann ist das ziemlich einfach

Ähnliche Themen

  1. MySQL Werte von Tabelle a in Tabelle b eintragen.
    Von Barret im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 08.02.2007, 11:42
  2. Tabelle in Tabelle ausrichten
    Von Mad_Dog im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 27.04.2006, 15:54
  3. CSS div wie tabelle
    Von GreenRover im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 30.03.2006, 16:56
  4. Wie bekomme ich eine tabelle in eine tabelle?
    Von SonicChriz im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 25.04.2005, 17:06
  5. Tabelle
    Von Kernchen im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 13.09.2004, 19:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •