[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:
(1952 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: 9437

24. Jan 2005, 10:05
Beitrag # 2 von 8
Beitrag ID: #138891
Bewertung:
(1952 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:
(1952 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:
(1952 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: 9437

24. Jan 2005, 10:25
Beitrag # 5 von 8
Beitrag ID: #138900
Bewertung:
(1952 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:
(1952 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:
(1952 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: 9437

24. Jan 2005, 11:00
Beitrag # 8 von 8
Beitrag ID: #138910
Bewertung:
(1952 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

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/