• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle / Schatten

Status
Für weitere Antworten geschlossen.
B

Balgros

Neues Mitglied
Hallo, hab da mal eine kleine frage, ich hab vor kurzem mit HTML angefangen, und versuche nun bei einer Tabelle einen Schatten hinzuzufügen, kann mir da jemand helfen?

<html>
<head>
<title>Domain zum Verkaufen</title>
<link rel="stylesheet" type="text/css" href="style_domain.css" />
</head>
<body bgcolor="#aaaaaa">
<form action="" method="post">
<center>
<table cellspacing="0" cellpadding="0" width="611">
<tr>
<td widht="600">
<table class="white" style="center"cellspacing="0" cellpadding="0"
width="100%">
<tr>
<td class="centertd" colspan="2" widht="100%">
<p>
Der Domainname<br />
<strong>XXXX</strong><br />
ist zu verkaufen<br />
Interessiert? Nehmen Sie mit<br />
uns Kontakt auf:
</p>
</td>
</tr>
<br />
<tr>
<td widht="600">Name:</td><td><input type="text" name="name"></td>
</tr>
<tr>
<td widht="600">Vorname:</td><td><input type="text" name="vorname"></td>
</tr>
<tr>
<td widht="600">Email:</td><td><input type="text" name="email"></td>
</tr>
<tr>
<td widht="600">Telefon:</td><td><input type="text" name="phone"></td>
</tr>
<td>&nbsp;</td>
<tr>
<td colspan="2"><input type="checkbox" name="domain" value="ihreschweiz.ch" />&nbsp;&nbsp;ihreschweiz.ch</td>
<tr/>
<tr>
<td colspan="2"><input type="checkbox" name="domain" value="swissitvisions" />&nbsp;&nbsp;swissitvisions.ch</td>
</tr>
<tr>
<td colspan="2"><input type="checkbox" name="domain" value="svizzerapervoi" />&nbsp;&nbsp;svizzerapervoi.ch</td>
</tr>
<tr>
<td collspan="2"><input type="checkbox" name="domain" value="switzerland-for-you" />&nbsp;&nbsp;switzerland-for-you.ch</td>
</tr>
<tr>
<td collspan="2"><input type="checkbox" name="domain" value="swiss-it-visions" />&nbsp;&nbsp;swiss-it-visions.ch</td>
</tr>
<tr>
<td><input type="checkbox" name="domain" value="votresuisse" />&nbsp;&nbsp;votresuisse.ch</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>Code:</td>
<td><input type="text" name="code"></td>
</tr>
<tr>
<td>&nbsp;</td><br />
<td class="content1"><input class="sendbutton" type="image" src="Button.jpg" name="send" /></td>
</tr>
</table>
</td>
<td width="11" valign="top"><img src="schattenobenrechts.gif" width="11" height="18">
</td>
</tr>
</table>
</center>
</form>
</body>
</html>
hier habe ichs mal versucht aber irgendwie klappts nicht so ...

danke für die hilfe


Gruss Balgros
 
Werbung:
wäre gut zu wissen, wo du den Schatten hin haben möchtest. :wink:

Ein bild davon wäre sehr praktisch (also wie der schatten aussieht und wie du dir das endergebnis vorstellst.)

Wenn der schatten um die tabelle soll, dann setze den schatten in <table>
oder setze ein <div> um die Tabelle und füge dort den schatten ein.

Liebe Grüße
icon12.gif


iplay
 
iplay schrieb:
wäre gut zu wissen, wo du den Schatten hin haben möchtest. :wink:

Ein bild davon wäre sehr praktisch (also wie der schatten aussieht und wie du dir das endergebnis vorstellst.)

Wenn der schatten um die tabelle soll, dann setze den schatten in <table>
oder setze ein <div> um die Tabelle und füge dort den schatten ein.

Liebe Grüße
icon12.gif


iplay
Zum Vergrößern anklicken....

am besten so....

attachment.php

bild.gif
 

Anhänge

  • schatten und tabelle.jpg
    schatten und tabelle.jpg
    8,6 KB · Aufrufe: 16
Werbung:
dann ist die sache ganz einfach. setze da bild im css als hindergrund grafik. dann nimmst du dir deine tabelle, wo alles drin steht und schreibst dort z.b. die klasse rein.

dann müsste auch schon das bild im hindergrund auftauchen.
(wenn nicht, verwende dann ein div und setze es um die tabelle --><div class="bild"><table>..</table></div>)

Liebe Grüße
icon12.gif


iplay

PS: das --> <body bgcolor="#aaaaaa"> <-- kann auch ins css.
die bgcolor löschen im html und im css schreiben: body {background-color:#aaaaaa;} also im html darf dann nur noch <body> stehen :wink:
 
iplay schrieb:
dann ist die sache ganz einfach. setze da bild im css als hindergrund grafik. dann nimmst du dir deine tabelle, wo alles drin steht und schreibst dort z.b. die klasse rein.

dann müsste auch schon das bild im hindergrund auftauchen.
(wenn nicht, verwende dann ein div und setze es um die tabelle --><div class="bild"><table>..</table></div>)

Liebe Grüße
icon12.gif


iplay

PS: das --> <body bgcolor="#aaaaaa"> <-- kann auch ins css.
die bgcolor löschen im html und im css schreiben: body {background-color:#aaaaaa;} also im html darf dann nur noch <body> stehen :wink:
Zum Vergrößern anklicken....

das mit dem Bild als bg hab ich auch versucht doch war mein chef nicht einverstanden :neutral::-|

stimmt das kann ich ja noch rein schreiben :p
 
hat dein chef denn gesagt, wie er es gerne hättet?

Weil es in den Hintergrund setzen ist die einfachst und für mich schnellste lösung.

Liebe Grüße
icon12.gif


iplay
 
Werbung:
So wie ich das sehe, hast du in der Tabelle nichts stehen, was nach tabellarischen Daten aussieht.

Die Beschriftung für Inputfelder werden mit <label> ausgezeichnet, damit die inline-elemente auch in einem Blockelement stehen, umgibst du das ganze mit <fieldset>. Dann ist das Tabellenlayout weg und dein Inhalt wird semantisch korrekt ausgezeichnet.

Code: 
<fieldset>
  <legend>Titel</legend>
  <label for="name">Name:</label>
  <input type="text" id="name" />
</fieldset>
Das Layout machst du dann mit CSS, alles andere ist aus dem letzten Jahrtausend.

Und um auch etwas zum Topic zu schreiben, html drop shadow - Google-Suche unzählige Möglichkeiten, wie man Schatten darstellen kann.
 
_Thor_ schrieb:
So wie ich das sehe, hast du in der Tabelle nichts stehen, was nach tabellarischen Daten aussieht.

Die Beschriftung für Inputfelder werden mit <label> ausgezeichnet, damit die inline-elemente auch in einem Blockelement stehen, umgibst du das ganze mit <fieldset>. Dann ist das Tabellenlayout weg und dein Inhalt wird semantisch korrekt ausgezeichnet.

Code: 
<fieldset>
  <legend>Titel</legend>
  <label for="name">Name:</label>
  <input type="text" id="name" />
</fieldset>
Das Layout machst du dann mit CSS, alles andere ist aus dem letzten Jahrtausend.

Und um auch etwas zum Topic zu schreiben, html drop shadow - Google-Suche unzählige Möglichkeiten, wie man Schatten darstellen kann.
Zum Vergrößern anklicken....

leider gehen die nur mit IE.. und da ich mit Linux arbeite bzw. Firefox geht filter:dropshadow nicht

trotzdem danke :-o:wink:
 
Werbung:
Wer sagt denn was von filter:dropshadow? Hast du dir die Seiten mal genauer angeschaut? Ich vermute nicht, bei der kurzen Antwortzeit. Das sind Anleitungen, wie man Schatten um Elemente baut. Ein bisschen Zeit und Aufwand musst du dafür schon investieren, das geht nicht mit einem Befehl.
 
_Thor_ schrieb:
Wer sagt denn was von filter:dropshadow? Hast du dir die Seiten mal genauer angeschaut? Ich vermute nicht, bei der kurzen Antwortzeit. Das sind Anleitungen, wie man Schatten um Elemente baut. Ein bisschen Zeit und Aufwand musst du dafür schon investieren, das geht nicht mit einem Befehl.
Zum Vergrößern anklicken....


ich habe mir kurz die ersten drei angeschaut nummer
1. wurde mir kein schatten angezeigt bei der Demo
2. probiere ich gerade aus
und (edit:15.dez.08 14:06): Geht auch nicht... es ensteht zwar etwas Schatten ähnliches aber es ist kein schatten (leider)
3 war filter:dropshadow

aber trotzdem danke... :wink:
 
Zuletzt bearbeitet:
Werbung:
Aber wäre es dann nicht eine ähnlich variante, wie ich vorgeschlagen habe? Das schattenbild als hintergrund?

Ich dachte, das möchte sein chef nicht? Oder hab ich da was missverstanden?

Liebe Grüße
icon12.gif


iplay
 
Ja natürlich, anders bekommt man momentan auch noch keine guten Schatten hin, man könnte noch mehrere <div> verschachteln, sie jeweils um 1px nach rechts und unten verschieben und die Hintergrundfarbe oder den Rahmen verändern, sieht dann aber vermutlich nicht so schön aus, wie mit einer Grafik.

Eine andere Möglichkeit sehe ich nicht.
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben