[GastForen Web allgemein HTML und CSS / Stylesheets farbiger Tabellenrand via CSS

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

farbiger Tabellenrand via CSS

jelem
Beiträge gesamt: 47

24. Jan 2005, 09:46
Beitrag # 1 von 8
Bewertung:
(2049 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Irgendwas funzt schon wieder nicht :-(
Ich habe eine ext. CSS-Datei erstellt mit folgendem Inhalt:

a:link { color: #fff; font-weight: bolder; font-size: 13px }
a:visited { color: #009; font-size: 13px }
a:hover { color: #ffc; font-size: 14px }
a:active { color: #fff; font-size: 13px }
#maintab { border: 3px #600 }

Das mit den Text-Links klappt ja. Nur möchte ich jetzt dem äußeren Rahmen einer Tab. mit 6 Zeilen eine Farbe (660000) und eine Dicke von 3pix zuordnen. Wenn ich nun die Tabelle markiere und in der unteren Statusleiste mit dem rechten Mausklick auf <table> gehe, ID anwenden, und dann auf "maintab", wird das nicht übernommen. Wie weise ich der Tabelle nun diese #maintab zu?
Danke schon mal.
mfG
X

farbiger Tabellenrand via CSS

Dirk Levy
  
Beiträge gesamt: 9464

24. Jan 2005, 10:05
Beitrag # 2 von 8
Beitrag ID: #138891
Bewertung:
(2049 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Das was Du angelegt hast ist eine
Ebene und keine Klasse:
#maintab { border: 3px #600 }

Evtl. geht:
.maintab { border: 3px #600 }

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#138887]

farbiger Tabellenrand via CSS

jelem
Beiträge gesamt: 47

24. Jan 2005, 10:06
Beitrag # 3 von 8
Beitrag ID: #138893
Bewertung:
(2049 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke, probiere ich gleich mal aus.
mfG
Jelem


als Antwort auf: [#138887]

farbiger Tabellenrand via CSS

jelem
Beiträge gesamt: 47

24. Jan 2005, 10:16
Beitrag # 4 von 8
Beitrag ID: #138897
Bewertung:
(2049 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hmmm, geht ooch nich :-(
Es läßt sich zwar zuordnen. (jetz steht unten nicht mehr nur <table> ,sondern <table.maintab>, aber in der Browservorschau (IE5.0 und Mozilla 1.0) und auch in der Layoutansicht in GL6 gibt es keinen farbigen Rahmen um diese Tabelle.
So sieht der Quelltext aus:
<table id="" class="maintab" width="700" border="0" cellspacing="2" cellpadding="0" align="center">
<tr height="25">
<td height="25" background="../../../images/cell_m.gif"><font size="4" color="white">english</font></td>
</tr>
<tr>
<td>text</td>
Was mache ich nun noch falsch?

Jelem


als Antwort auf: [#138887]

farbiger Tabellenrand via CSS

Dirk Levy
  
Beiträge gesamt: 9464

24. Jan 2005, 10:25
Beitrag # 5 von 8
Beitrag ID: #138900
Bewertung:
(2049 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Mache es doch mit dem Muster:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive">
<title>Unbenannte Seite</title>
<style type="text/css" media="screen"><!--
.tabrand {
border: solid 32px #636 }
--></style>
</head>

<body bgcolor="#ffffff">
<table class="tabrand" width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1.</td>
<td>2.</td>
<td>3.</td>
</tr>
<tr>
<td>4.</td>
<td>5.</td>
<td>6.</td>
</tr>
<tr>
<td>7.</td>
<td>8.</td>
<td>9.</td>
</tr>
</table>
<p></p>
</body>

</html>

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#138887]

farbiger Tabellenrand via CSS

jelem
Beiträge gesamt: 47

24. Jan 2005, 10:40
Beitrag # 6 von 8
Beitrag ID: #138901
Bewertung:
(2049 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Das wäre ja dann eine interne CSS, oder täusche ich mich da?
Mein Quelltext sieht jetzt im "head" so aus:
<title>Titel</title>
<link href="../style.css" rel="stylesheet" media="screen">
<style type="text/css" media="screen"><!--
body { background: url(../../../images/back1.jpg) no-repeat fixed left top }
.maintab { border: 3px #600 }
--></style>
</head>

...und bei der Tabelle so:

<table class="maintab" width="700" border="0" cellspacing="0" cellpadding="0">
<tr height="25">
<td class="maintab" height="25" background="../../../images/cell_m.gif"></td>
</tr>
<tr>
<td class="maintab"></td>

Klappt aber in der Layoutansicht und mit dem Browser auch nicht :-(

Jelem


als Antwort auf: [#138887]

farbiger Tabellenrand via CSS

jelem
Beiträge gesamt: 47

24. Jan 2005, 10:59
Beitrag # 7 von 8
Beitrag ID: #138906
Bewertung:
(2049 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ahhh, Komando zurück! Ich hab das "solid" im "head vergessen! Jetzt funzt es!
Danke.


als Antwort auf: [#138887]

farbiger Tabellenrand via CSS

Dirk Levy
  
Beiträge gesamt: 9464

24. Jan 2005, 11:00
Beitrag # 8 von 8
Beitrag ID: #138910
Bewertung:
(2049 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Das ist egal, ob intern oder extern....
.maintab { border: 3px #600 }

.maintab {
border: solid 3px #600 }

Bei Dir fehlt die Art der Umrandung,
hier z.B. solid also durchgehende Linie...

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
Adobe GoLive CS Buch
http://www.galileodesign.de/685?GPP=levy


als Antwort auf: [#138887]
X