YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Tabelle » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 4.328 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Tabelle
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

 Tabelle Antworten Zitieren Editieren Melden       UP

Hallo zusammen,

kurze Frage ist es möglich bei der folgenden Tabelle, die Linien der Zellen Transparent bzw unsichtbar zu machen, so das nur die Aüßere Linie vorhanden ist ?


code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000">
  <tr>
    <td width="300" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="300" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="150">&nbsp;</td>
    <td width="150">&nbsp;</td>
  </tr>
</table>
15.02.08 13:26 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Grüezi,

ich muss ehrlich zugeben, dass mir ad-hoc nichts besseres einfällt, als mit CSS zu tricksen.

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000">
  <tr>
    <td style="border: 0px" width="300" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td style="border: 0px" width="300" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td style="border: 0px" width="150">&nbsp;</td>
    <td style="border: 0px" width="150">&nbsp;</td>
  </tr>
</table>


Wobei du hier mit DIVs wohl besser beholfen sein könntest.

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

15.02.08 13:47 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

Themenstarter Thema begonnen von Thorsten-WHT
Antworten Zitieren Editieren Melden       UP

Wie würde das mit DIVS den aussehen ungefair ??

Ich hab von DIVs vorrige Tage das erstemal gehörrt in bezug auf Barrierefreies Internet.
15.02.08 14:08 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Mach dich erstmal selbst schlau, und bei konkreten Fragen kannste ja immernoch um Hilfe bitten.

http://de.selfhtml.org/html/text/bereiche.htm#block

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

15.02.08 14:21 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

Themenstarter Thema begonnen von Thorsten-WHT
Antworten Zitieren Editieren Melden       UP

Ok

rechtherzlichen Dank scohnmal.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Thorsten-WHT: 15.02.08 14:25.

15.02.08 14:25 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
24Bytes 24Bytes ist männlich
Der Coolste


Dabei seit: 19.07.06
Beiträge: 2.909
Fähigkeiten: WBB3 Anfänger; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Dizzy.w3
Wobei du hier mit DIVs wohl besser beholfen sein könntest.


wie kannst du das sagen, ohne zu wissen was er mit Tabellen macht?

Tabellen sollte man auch benutzen - nur eben dafür, wofür sie auch gedacht waren Augenzwinkern

__________________
Online Passwort Generator
18.02.08 17:23 24Bytes ist offline E-Mail Finden Als Freund hinzufügen
Dizzy.w3 Dizzy.w3 ist männlich
Brain Damage


images/avatars/avatar-5617.jpg

Dabei seit: 18.07.07
Beiträge: 1.431
Herkunft: Österreich
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

@SiGa
"wohl eher" - soll heißen, dass dies in den meisten Fällen zutrifft, und ich es ihm hier vorweg empfehle. Wenn er sich mit Containern und Tabellen beschäftigt, wird er schon sehen, was für was idealer ist- viele arbeiten auch mit Divs ausschließlich, und vorallem, was ihm lieber ist. Deswegen gab ich auch kein Codebeispiel, sondern den Verweis auf SelfHTML.

Sollte man sowas nicht eher per PN klären? - Ich habe auch nur öffentlich geantwortet, da der Ursprung schon offen ist.

---
Grundlegend noch:
Nun sag du mir bitte, wofür waren Tabellen denn gedacht? Als Hilfe beim Gestalten beim Layout? - Trifft das nicht auch voll und ganz auf Divs zu? Tabellen haben nur den Vorteil, dass sie einen Kopf- und einen Datenbereich haben. Lässt sich mit 2 Divs genauso gestalten.

Zu dem, findest du es wirklich elegant Tabellen und Divs ineinander zu mischen? - Ich auf jeden Fall nicht, ich denke auch nicht, dass es W3C konform ist.

Gruß
Dizzy

__________________
Gruß Dizzy

the rest is silence

18.02.08 17:48 Dizzy.w3 ist offline E-Mail Finden Als Freund hinzufügen Füge Dizzy.w3 in deine Kontaktliste ein MSN Passport-Profil von Dizzy.w3 anzeigen
24Bytes 24Bytes ist männlich
Der Coolste


Dabei seit: 19.07.06
Beiträge: 2.909
Fähigkeiten: WBB3 Anfänger; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

Tabellen sind für Tabellarische Inhalte (siehe Excel u.ä.) und Tabellen sollte man dafür auch weiterhin verwenden und nicht divs dafür missbrauchen!

Allerdings sind Tabellen nicht für gestalterische dinge gedacht und dafür sollte man divs verwenden und nicht Tabellen missbrauchen.

Da sollte man sich mal ausnahmsweise auch ein beispiel an Microsoft nehmen!

Die haben Windows nicht mit Excel designed!

__________________
Online Passwort Generator

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von 24Bytes: 18.02.08 18:11.

18.02.08 18:06 24Bytes ist offline E-Mail Finden Als Freund hinzufügen
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

Themenstarter Thema begonnen von Thorsten-WHT
Antworten Zitieren Editieren Melden       UP

Hallo,

ich bin derzeit dran eine Homepage für "meine" Feuerwehr zu erstellen. Diese basiert ansich auf folgenden Code.

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: 1px solid #000000">
  <tr>
    <td style="width: 300px" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td style="width: 300px" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td style="width: 150px">&nbsp;</td>
    <td style="width: 150px">&nbsp;</td>
  </tr>
</table>




Ich würd euch ja gerne noch den Link zukommen lassen, allerdings ist die Homepage noch nicht offiziel Online.

( Die Größenangaben sprich width="300px" sind nicht die Original Größen. )

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Thorsten-WHT: 19.02.08 19:02.

19.02.08 19:01 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

@Thorsten:
Für einen Bereich, der über die ganze Breite gehen soll (300px), kannst du auch andere Elemente, z.B. Überschriften, Absätze etc. nehmen, zur Not, falls es nix passendes für den Bereich gibt, auch divs.
Für den Bereich darunter (2x150px) kannst du mit Containern (Listen, Absätze, zur Not auch divs) Spalten imitieren.

@KiGa:
Zitat:
Allerdings sind Tabellen nicht für gestalterische dinge gedacht und dafür sollte man divs verwenden und nicht Tabellen missbrauchen.
Das gibt aber nur Suppe. Schonmal an Semantik-Schweinebraten gedacht?

Da schreibst du doch auch nicht <pampe style="fleisch"></pampe><pampe style="knödel"></pampe>, da is doch <fleisch></fleisch><knödel></knödel> viel schöner Augen rollen

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von codingnoob: 20.02.08 19:43.

20.02.08 19:39 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

Themenstarter Thema begonnen von Thorsten-WHT
Antworten Zitieren Editieren Melden       UP

Ich stell einfach mal den Code einer der Seiten hier rein:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
<html>

<head>
<title>Freiwillige Feuerwehr Emmerich Löschzug Stadt </title>
<style type="text/css">
a:link { color:black; text-decoration:none; }
a:visited { color:black; text-decoration:none; }
a:hover { color:black; text-decoration:underline; }
</style>

</head>

<body bgcolor="#4F4F4F">
<table cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: 1px solid #000000" width="800" align="center">
  <tr>
    <td style="border: 0px" width="800" colspan="2" bgcolor="#FFFFFF">
    <img border="0" src="images/header2.jpg" width="800" height="150"></td>
  </tr>
  <tr>
    <td style="border: 0px" width="800" height="20" colspan="2" background="images/hgbalken.jpg">
    <p align="center"><font face="Verdana" size="2"><a href="index.html">
    <font color="#000000">Startseite</font></a> | <a href="ueberuns.htm">Über Uns</a> 
    | <a href="technik.htm">Technik</a> | <a href="einsaetze.htm">Einsätze</a> | 
    <a href="jugendfeuerwehr.htm">Jugendfeuerwehr</a> | <a href="kontakt.htm">Kontakt</a></font></td>
  </tr>
  <tr>
    <td style="border: 0px" width="168" bgcolor="FFFFFF" background="images/hintergrundseite.jpg">
  <div align="center">   
  <br>
  <br>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="130">
    <tr>
      <td width="20">
      <p style="margin-top: 2; margin-bottom: 2"><font face="Verdana" size="2">&gt;</font></td>
      <td width="110">
      <p style="margin-top: 2; margin-bottom: 2"><font face="Verdana" size="2">
      Mannschaft</font></td>
    </tr>
    <tr>
      <td width="20">
      <p style="margin-top: 2; margin-bottom: 2"><font face="Verdana" size="2">&gt;</font></td>
      <td width="110">
      <p style="margin-top: 2; margin-bottom: 2"><font face="Verdana" size="2">
      Altersabteilung</font></td>
    </tr>
    <tr>
      <td width="20">
      <p style="margin-top: 2; margin-bottom: 2"><font face="Verdana" size="2">&gt;</font></td>
      <td width="100">
      <p style="margin-top: 2; margin-bottom: 2"><font face="Verdana" size="2">
      Lz Führung</font></td>
    </tr>
    <tr>
      <td width="20">
      <p style="margin-top: 2; margin-bottom: 2"><font face="Verdana" size="2">&gt;</font></td>
      <td width="110">
      <p style="margin-top: 2; margin-bottom: 2"><font face="Verdana" size="2">
      Unsere Wache</font></td>
    </tr>
    </table>
     </div>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
    </td>
    <td style="border: 0px" width="632" bgcolor="FFFFFF">
    <br>
    <p>
<br>
<br>
    </td>
  </tr>
</table>

</body>

</html>


Ich weiss ja nicht ob euch das weiterhilft in der Diskussion Div oder nicht ?
20.02.08 20:11 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
24Bytes 24Bytes ist männlich
Der Coolste


Dabei seit: 19.07.06
Beiträge: 2.909
Fähigkeiten: WBB3 Anfänger; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

Zitat:
Original von codingnoob
@KiGa:
Zitat:
Allerdings sind Tabellen nicht für gestalterische dinge gedacht und dafür sollte man divs verwenden und nicht Tabellen missbrauchen.
Das gibt aber nur Suppe. Schonmal an Semantik-Schweinebraten gedacht?

Da schreibst du doch auch nicht <pampe style="fleisch"></pampe><pampe style="knödel"></pampe>, da is doch <fleisch></fleisch><knödel></knödel> viel schöner Augen rollen


Wie bitte?

__________________
Online Passwort Generator
20.02.08 20:16 24Bytes ist offline E-Mail Finden Als Freund hinzufügen
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

Themenstarter Thema begonnen von Thorsten-WHT
Antworten Zitieren Editieren Melden       UP

Nochmal so eine kleine Frage am rande, wie habe einen Hovereffekt eingefügt, mit welchem Code kann man den hover effekt bei bestimmten links unterdrücken ?
23.02.08 21:20 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

Hallo,

der link (Text1) bezieht die Textdeco direkt aus a:link u.s.w

im Link (Text2) wird die gesamte Textdeco durch das zusätzliche style="text-decoration:none" im href abgeschaltet.

Im Link (Text3) wird über eine neue Klasse (class="ohneHover") der Hovereffekt ausgeschaltet.
Wichtig die Klasse wird vor dem href deklariert. (hier durch <span class="ohneHover">)
Und im Style muss vorher ein .ohneHover a:link, .ohneHover a:visited { text-decoration:underline; } verwendet werden, ansonsten hat .ohneHover a:hover{ text-decoration:none; } keine Wirkung.

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
<style type="text/css">
a:link { text-decoration:none; }
a:visited { text-decoration:line-through; }
a:hover { text-decoration:underline; }
a:active { text-decoration:underline; }
a:focus { text-decoration:blink; }

.ohneHover a:link, .ohneHover a:visited { text-decoration:underline; }
.ohneHover a:hover{ text-decoration:none; }

</style>


<a href="#"> Text 1</a><br />
<a href="#" style="text-decoration:none"> Text 2</a><br />
<span class="ohneHover"><a href="#"> Text 3 </span></a><br />
24.02.08 11:51 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

Themenstarter Thema begonnen von Thorsten-WHT
Antworten Zitieren Editieren Melden       UP

Moin,

erstmal Danke, wenn ich deinen Code jetzt verwende, sind alle Links die ich bereits angeklickt habe, durchgestrichen ?

Ist das der code:

a:visited { text-decoration:line-through; }


?

Edit: Anscheint nicht, also wiegesagt, ich will einen einfachen CSS Code, wo der Link beim drüberfahren unterstrichen wird, und die Schriftfarbe Schwarz ist.

Edit2:

das ist mein Code den ich bereits habe:

code:
1:
2:
3:
4:
5:
a:link { color:black; text-decoration:none; }
a:visited { color:black; text-decoration:none; }
a:hover { color:black; text-decoration:underline; }


Diesen Code habe ich per:
<link rel="stylesheet" href="css/hover.css" type="text/css" />

eingefügt.

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Thorsten-WHT: 24.02.08 13:11.

24.02.08 12:33 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

Themenstarter Thema begonnen von Thorsten-WHT
Antworten Zitieren Editieren Melden       UP

Hallo zusammen

gibt es eigentlich einen ersatz Tag für <br> ?

Weil in den unterschiedlichen Browsern wird ein <br> anders angezeigt.

Es gibt ja noch <p>&nbsp;</p> aber das ist wiederrum zu viel.
02.03.08 15:37 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

<br> ist eigentlich der einzige Tag für einen Zeilenumbruch, <p> der einzige für einen Absatz.

Wenn du einfach irgendwelche vertikalen Abstände zwischen 2 Elementen machen willst, dann gib doch dem unteren der beiden Elemente, zwischen denen der Abstand sein soll, ein top-margin mit dem Wert, den du als deinen Abstand haben möchtest.
Also z.B.
<p>Blablabla</p>
<p style="margin-top: 123px">Weiteres Blabla</p>
(oder eben das CSS rausgezogen am Anfang der Datei oder in einem externen Stylesheet, aber das kennst du ja)

Hab ich dich näherungsweise richtig verstanden?

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

09.03.08 17:18 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Thorsten-WHT Thorsten-WHT ist männlich
Mitglied


Dabei seit: 28.12.04
Beiträge: 96
Herkunft: Emmerich

Themenstarter Thema begonnen von Thorsten-WHT
Antworten Zitieren Editieren Melden       UP

Zitat:
Original von codingnoob

Hab ich dich näherungsweise richtig verstanden?



Ja danke Freude
10.03.08 09:45 Thorsten-WHT ist offline E-Mail Finden Als Freund hinzufügen Füge Thorsten-WHT in deine Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Tabelle