HTML Link Zelle am wackeln

geldmann3 · 26.02.2009, 09:56

Hi, ich bin gerade dabei eine Navigation für meine HP zu erstellen.
Mein momentaner Quelltext

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html
 lang="de"><head>
<meta
 content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
<title>Willkommen im HIG5H Universum</title>

<style type="text/css">
a:link {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
text-decoration: none;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
color: #ff0000;
}
a:visited {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
font-weight: bold;
display: block;
text-decoration: none;
color: #ff0000;
}
a:focus {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
font-weight: bold;
display: block;
text-decoration: none;
color: #ff0000;
}
a:hover {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
font-weight: bold;
font-style: normal;
display: block;
font-size: 100%;
font-family: Arial,Helvetica,sans-serif;
color: #ffffff;
background-image: url(http://hig5h.bplaced.net/Buu2.PNG);
}
a:active {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
font-weight: bold;
display: block;
text-decoration: none;
color: #ff0000;
}
body {cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
}
</style>


</head>
<body style="background-image:url(http://hig5h.bplaced.net/Index6.jpg); color: red;" >
<table width="100%" align="center">
<tr>
<td align="center" colspan="3">Zelle1</td>
<td align="center" colspan="3"><img src="http://hig5h.bplaced.net/HIG5H3.jpg"></td>
<td align="center" colspan="3">Zelle3</td>
</tr>
<tr height="30px">
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)"><a href="http://home.arcor.de/ar2761085724/Spiele2" 

target="Medienframe">Spiele</a> 
</td>
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>
<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>
<tr>
<td colspan="9" align="center"><iframe src="http://home.arcor.de/ar2761085724/News" onload="scrollTo(0,0)" style="border: 0px none rgb(255, 255, 255);" 

name="Medienframe" id="11" marginheight="0" marginwidth="0" align="middle" frameborder="0" height="4500" scrolling="no" width="100%"></iframe>
</th>
</tr>
</table>
</body>
</html>

Die Tabellenzelle wo ich auf Spiele verlinkt habe, wackelt allerdings etwas wenn man im Firefox mit der Maus drüberfährt. Ausserdem verschiebt sich die Zelle mit dem Inhalt "Zelle1" beim Mouseover des Links etwas.
(Das ist nur im FF so)
Das Problem wird behoben, wenn ich statt % PX als Breitenangabe verwende.
Wie kann ich diesen "Fehler" beheben?
Ich würde es ja in Pixeln machen, allerdings ist die Seite dann nicht mehr Dynamisch.
(Könnte auch an verschiedenen Schriftwarten im CSS liegen, aber es kann doch nicht sein das es im Firefox nicht möglich ist verschiedene Schriftarten für verschiedene Link Zustände anzugeben ohne das irgendwas wackelt...

Hoffe das mir jemand helfen kann

THX

FreewareGuide · 26.02.2009, 10:46

Moin,

eine %-Angabe in HTML/CSS wird nie völlig exakt ausgewertet, bei einer Tabelle wird schon vorrangig darauf geachtet, dass der Inhalt komplett dargestellt wird. Da hängen viele andere ähnliche Verhalten dran.

Allerdings bei mir im FF wackelt nichts. Du könntest vielleicht Dein CSS einfach mal aufräumen, Schriftangaben usw. nur einmal allgemein für Links definieren und für die einzelnen Zustände (:link, :hover, ...) nur angeben, was sich jeweils ändert (background-image:). Das könnte bei der Fehlersuche ungemein helfen.

Der Cursor ist hässlich :eyegrazy:

Grüße,
Thorsten

grunzer · 26.02.2009, 15:14

Zitat:

wackelt allerdings etwas wenn man im Firefox mit der Maus drüberfährt

Hi,

Also wackeln tut bei mir auch nix. Weder im IE7 noch im FF3!
Aber die Navi-Zeile rutscht wenn man über dem Punkt "Anmelden" oder "H... Messenger öffnen" mit der Maus schwebt etwas nach unten.

Das ist ein häufiges Problem mit den Mouseover Zeugs!
Denn wenn die Breite und Höhe des Punktes unterschiedlich ist (bei Mausberührung oder ohne!!) und weitere Dinge davon abhängen (bei css meist so!), dann verschieben die sich etwas.

Ansonsten muß ich mich Thorsten anschließen!!

Grüße Grunzer

geldmann3 · 26.02.2009, 21:30

Zitat:

Also wackeln tut bei mir auch nix. Weder im IE7 noch im FF3!
Aber die Navi-Zeile rutscht wenn man über dem Punkt "Anmelden" oder "H... Messenger öffnen" mit der Maus schwebt etwas nach unten.

Auf dem Beispiel welches ich gepostet habe gibt es den Messenger noch gar nicht(;

Das ist die Hauptseite meiner aktuellen Homepage. Ich will sie komplett neu machen weil die alte ein total außer Kontrolle geratenes, dreckiges HTML hat.
(Meine Schuld)
Außerdem möchte ich von nun an versuchen alles ohne einen WYSWYG Editor zu erstellen. Nicht nur weil der Quelltext dann sauberer und kontrollierbarer wird, sondern ich denke das ich jetzt so weit bin "den Quelltext selbst zu schreiben" und das ich dabei viel über html lernen kann. Ich werde das CSS mal sauberer erstellen und den Quelltext dann nochmal posten. (Und die Seite zum Vorführen auch mal wo hochladen.) Ich finde es außerdem sehr interessant wie die verschiedenen Internetbrowser den Code interpretieren.

-----Doppelpost zusammengeführt am 26.2.2009 um 21:56:24-----

ich wollte jetzt mal einen vereinfachten CSS Code benutzen

HTML-Code:

<style type="text/css">
}
a:link {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
color: white;
}
a:hover {
display: block;
font-size: 100%;
color: red;
background-image: url(http://hig5h.bplaced.net/Buu2.PNG);
}
body {cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
}
</style>

So zeigt mir der Firefox den Link allerdings Blau an, während der IE ihn weiß darstellt. Woran liegt das?
Muss ich active focus etc. zwingend auch angeben?
Hier die Test-bastelSeite
Willkommen im HIG5H Universum

FreewareGuide · 27.02.2009, 08:42

Ich habe grade wenig Zeit, verschlafen, aber:

Zitat:

Zitat von geldmann3

So zeigt mir der Firefox den Link allerdings Blau an, während der IE ihn weiß darstellt. Woran liegt das?
Muss ich active focus etc. zwingend auch angeben?

Fehlerhafter Code kann immer zu nicht ganz nachvollziehbarem Verhalten in unterschiedlichen Browsern führen. Du fängst im Style-Bereich mit einer geöffneten Klammer "}" an. Ich würde den Style von oben derart schreiben:

HTML-Code:

<style type="text/css">
a {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-decoration: none;
color: #ff0000;
}
a:link {}
a:visited {}
a:focus {}
a:active {}
a:hover {
text-decoration: underline;
color: #ffffff;
background-image: url(http://hig5h.bplaced.net/Buu2.PNG);
}
body {}
</style>

Wobei ich die leeren Zuweisungen "a:* {}" nur zur Erläuterung drin gelassen habe. Ungetestet natürlich, nur zur Darstellung der Vorgehensweise.

Grüße,
Thorsten

geldmann3 · 27.02.2009, 22:27

Zitat:

Ich habe grade wenig Zeit, verschlafen, aber:

Danke
Das man mit einer Klammer nicht anfängt wusste ich gar nicht genau, ich hab den CSS Code bisher oft immer in der Grundstruktur irgendwo abgeschrieben und ihn dann für meine Ansprüche angepasst.
Wieder was gelernt

##################
Du legst das Aussehen eines Standartlinks so fest.

HTML-Code:

a {
(CSS Code blablabla)

Ich habe das bisher immer mit a:link gemacht.
Ich dachte immer man muss das so für Links machen, doch dank dir habe ich jetzt vielleicht ein viel besseres Verständnis für CSS

Denn das a steht nur für das
"Element" = <a> (Nennt man das so??)somit wäre das link gar nicht nötig.

FreewareGuide · 28.02.2009, 07:31

Zitat:

Zitat von geldmann3

Das man mit einer Klammer nicht anfängt wusste ich gar nicht genau, ich hab den CSS Code bisher oft immer in der Grundstruktur irgendwo abgeschrieben und ihn dann für meine Ansprüche angepasst.
Wieder was gelernt

Naja, sich ein Beispiel nehmen ist schon der richtige Weg, aber verstehen was man tut sollte man auch. Du legst in CSS fest, auf welches Element sich eine Einstellung bezieht und definierst dann die darauf anzuwendenden Eigenschaften. Und das hat halt eine festgelegte Syntax:
Selektor { Eigenschaft:Wert; }

Zitat:

Zitat von geldmann3

Du legst das Aussehen eines Standartlinks so fest.

HTML-Code:

a {
(CSS Code blablabla)

Ich habe das bisher immer mit a:link gemacht.
Ich dachte immer man muss das so für Links machen, doch dank dir habe ich jetzt vielleicht ein viel besseres Verständnis für CSS

Denn das a steht nur für das
"Element" = <a> (Nennt man das so??)somit wäre das link gar nicht nötig.

Etwas grundlegende Lektüre hilft vielleicht dann doch. Z.B.:

Zitat:

Zitat von SelfHTML

:link = für Verweise zu noch nicht besuchten Seiten

"Nicht besuchte Seiten" ist halt schon spezieller als ein Link im Allgemeinen. Und so funktioniert CSS (das "cascading" in "Cascading Style Sheets"), eine Eigenschaft eines allgemeineren Selektors wird von einer spezielleren überschrieben, etwas für "a" gilt für alle Links, etwas für "a:link" oder "a:hover" gilt nur für bestimmte Links.

Und so hast Du es in Deinem hier geposteten Code halt immer gemacht, Du hast für jedes Element explizit wieder vom Neuen beschrieben, wie es gestaltet werden soll. Und durch die spezielle Deklarierung "a:link" und "a:hover" wird dieser Style auch nur für diese Spezialfälle festgelegt. In Deinem entschlackten Code (Dein vorletztes Posting) hast Du deshalb "a:visited" etc überhaupt nicht gestaltet. Und im ursprünglichen Code hast Du zwar für alle Varianten von Link eine Gestaltung angegeben, aber durch die Wiederholung für jede Variante hast Du Inkonsistenzen eingebaut, irgendwas geändert aber nicht für allen Varianten, irgendwas ausprobiert und nicht wieder rausgenommen, überflüssige Styles usw., das sind unnötige Fehlerquellen.

Grüße,
Thorsten

elo22 · 28.02.2009, 10:04

Zitat:

Zitat von FreewareGuide

Du könntest vielleicht Dein CSS einfach mal aufräumen, Schriftangaben usw. nur einmal allgemein für Links definieren und für die einzelnen Zustände (:link, :hover, ...) nur angeben, was sich jeweils ändert (background-image:).

Und vor allem alles ins CSS und nicht im html.

Lutz

geldmann3 · 28.02.2009, 16:00

Zitat:

Und vor allem alles ins CSS und nicht im html.

Was genau meinst du damit?

elo22 · 28.02.2009, 17:30

Zitat:

Zitat von geldmann3

Was genau meinst du damit?

Sowas hier <body style="background-image:url(http://hig5h.bplaced.net/Index6.jpg); color: red;"> lassen. Das gehört ins CSS also

body{background-image:url(http://hig5h.bplaced.net/Index6.jpg); color: red;"}

Lutz

grunzer · 28.02.2009, 17:37

@geldmann3
Es gibt zwei Möglichkeiten css einzubinden:

Entweder direkt im html (unschön):

HTML-Code:

<html>
<head>
<style type="text/css"><!--
 Stylesheet Angaben
//--></style>
<title>Irgendein Titel</title>
</head>
<body>
Irgendein Text
</body>
</html>

Oder alles in eine extra Datei (style.css) schreiben und diese im html einbinden:

HTML-Code:

<html>
<head>
<link rel="stylesheet" type="text/css" href="./style.css">
<title>Irgendein Titel</title>
</head>
<body>
Irgendein Text
</body>
</html>

Ich würde Dir empfehlen nicht alles im "Try and Error" Verfahren zu machen, sondern mich mit den Grundlagen der verwandten Techniken etwas vertraut zu machen:
CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines

Grüße Grunzer

geldmann3 · 01.03.2009, 06:58

Das mit dem auslagern mache ich auf 75% aller Seiten schon seit einiger Zeit. Der Übersicht halber.

So ganz das "try and error" Verfahren nutze ich auch wieder nicht, ich habe mir schon einige Tutorials durchgelesen. Nur steht da oft nur wie man es machen soll, nicht wie man es nicht machen soll.

:conf used:

Die Seite die du gepostet hast kannte ich noch nicht, sehr cool - da kann ich noch viel lernen (;.

Ich denke darüber nach, statt einer zwei unabhängige Tabellen zu verwenden. Dann wackelt der Link oben bestimmt nicht mehr-- mal sehen.
Aber dann kommen mir die Leute vielleicht wieder vonwegen wie schlecht der Quelltext geschrieben ist... Aber ich muss ja zwei Tabellen verwenden wenn es keine andere Möglichkeit gibt...

geldmann3 · 03.03.2009, 04:17

Scheint so, als ob ich bei dem CSS Code doch visited und so eintragen muss.

Denn wenn ich diesen Code extern einbinde

HTML-Code:

}
a:link {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
color: white;
}
a:hover {
display: block;
font-size: 100%;
color: red;
background-image: url(http://hig5h.bplaced.net/Buu2.PNG);
}
body {cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
}

---

HTML-Code:

<!-- Kommentar: Hier kommt das HIG5H CSS Style extern ausgelagert -->
  <link rel="stylesheet" type="text/css"
 href="http://hig5h.bplaced.net/HIG5H.css">

Erscheinen nicht besuchte Links im IE weiß, während besuchte Rot erscheinen.
Beispiel: Willkommen im HIG5H Universum

Oder mache ich irgendwas anderes falsch?
---
Dann ist mir aufgefallen, das die ganzen Links auf dem PC eines Freundes (Er hat eine sehr alte Version vom Firefox) einfach Blau erscheinen.
(Wohl bemerkt Sein Firefox zeigt sonst fast alles im Web richtig an, wie auch zum Beispiel das Menü auf der jetzigen Hauptseite des HIG5H Universums.)

-----Doppelpost zusammengeführt am 3.3.2009 um 04:43:17-----

Ich hab einen Fehler entdeckt

-----Doppelpost zusammengeführt am 3.3.2009 um 04:44:11-----

Ich hatte wieder mit einem "}" angefangen.
Doch daran lag es auch nicht...

FreewareGuide · 03.03.2009, 06:50

Wieso hast Du schon wieder alles vergessen, was wir ausführlich besprochen haben?

HTML-Code:

a {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
color: white;
}
a:hover {
color: red;
background-image: url(http://hig5h.bplaced.net/Buu2.PNG);
}

Wenn Dich nicht interessiert, was wir versuchen Dir zu vermitteln, dann können wir es auch lassen.

Offenbar hast Du außerdem immer noch einen Teil des CSS derart ins HTML eingebaut:

HTML-Code:

<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>

Besser wäre wie gesagt:

HTML-Code:

a {
background-image:url(http://hig5h.bplaced.net/Buu1.PNG);
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
color: white;
}
...
<td align="center" width="11%"><a href="#">fehlt noch^^</a></td>

Noch besser wäre, über ID oder Klasse exakt festzulegen, welches HTML die Navigation ist, in der Hintergrundbilder von Links geändert wwerden sollen:

HTML-Code:

body {
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
}
a {
cursor: url('http://hig5h.bplaced.net/Standart.cur'), pointer;
}
#navigation tr {
height:30px;
}
#navigation td {
width:11%;
text-align:center;
background-image:url(http://hig5h.bplaced.net/Buu1.PNG);
}
#navigation a {
color: white;
display: block;
}
#navigation a:hover {
color: red;
background-image: url(http://hig5h.bplaced.net/Buu2.PNG);
}
...
<table width="100%">
<tr>
<td align="center">Zelle1</td>
<td align="center"><img src="http://hig5h.bplaced.net/HIG5H3.jpg"></td>
<td align="center">Zelle3</td>
</tr>
</table>
<table width="100%" id="navigation">
<tr>
<td><a href="http://home.arcor.de/ar2761085724/Spiele2" target="Medienframe">Spiele</a></td>
<td><a href="#">fehlt noch^^</a></td>
<td><a href="#">fehlt noch^^</a></td>
<td><a href="#">fehlt noch^^</a></td>
<td><a href="#">fehlt noch^^</a></td>
<td><a href="#">fehlt noch^^</a></td>
<td><a href="#">fehlt noch^^</a></td>
<td><a href="#">fehlt noch^^</a></td>
<td><a href="#">fehlt noch^^</a></td>
</table>
<table width="100%">
<tr>
<td align="center"><iframe src="http://home.arcor.de/ar2761085724/News" onload="scrollTo(0,0)" style="border: 0px none rgb(255, 255, 255);" name="Medienframe" id="11" marginheight="0" marginwidth="0" align="middle" frameborder="0" height="4500" scrolling="no" width="100%">
</iframe></td>
</tr>
</table>

Ist es so nicht erheblich besser lesbar?

Ich habe es in drei Tabellen aufgetrennt, damit ich die eine Tabelle mit der "navigation" per ID markieren kann und dass im CSS nutzen kann ("#navigation"). Es gibt einen Unterschied zwischen einer ID, die darf es nur einmal pro HTML-Seite geben, mann kann auch eine CLASS bestimmen, die wird dann im CSS per Punkt vorher angesprochen (z.B. ".navigation").

Weiterer Vorteil der aufgetrennten Tabellen, man kann auf die COLSPAN verzichten und vermeidet Wechselwirkungen zwischen den Zeilen, die ja gestalterisch auch nichts gemein haben. Weitere Fehler:

height="30px" funktioniert so nicht, in HTML kann man nur Pixelangaben ohne "px" oder Prozentangaben deklarieren.
width="100%" align="center" ist doppelt gemoppelt, was die ganze Breite einnimmt muss nicht zentriert werden.
In der dritten Zeile (jetzt Tabelle) mit <td aufmachen aber mit </th> zumachen ist natürlich auch falsch.

Grüße,
Thorsten

geldmann3 · 03.03.2009, 09:03

Ich danke dir, das mit der "navigation" ist eine gute Idee. Werde ich so machen.

Ich denke allerdings aufgrund von diesem Codestück

HTML-Code:

<td align="center" width="11%" style="background-image:url(http://hig5h.bplaced.net/Buu1.PNG)">fehlt noch^^</td>

Wegen dem "fehlt noch" du hast dir die alte Seite angesehen. Die habe ich unter diesem Pfad gar nicht mehr bearbeitet.
Die neue ist HIER

FreewareGuide · 03.03.2009, 09:14

Zitat:

Zitat von geldmann3

Wegen dem "fehlt noch" du hast dir die alte Seite angesehen. Die habe ich unter diesem Pfad gar nicht mehr bearbeitet.
Die neue ist HIER

Ehrlich gesagt ist mir das relativ egal, ich habe hier vor lauter Links und Code-Schnipseln nicht ganz den Überblick, ich habe nur gesehen, dass Dein letzter hier geposteter Schnipsel nichts von dem umgesetzt hatte, worüber wir vorher ausführlich diskutiert haben. (Und das schließt auch dieses fragliche TD-Code-Stück mit ein, denn zumindest finde ich das Hintergrundbild, was Du dort im STYLE-Attribut jeder TD wieder und wieder angegeben hast nicht im geposteten neueren CSS-Code wieder, und wenn das Hintergrundbild nicht ersatzlos gestrichen wurde...)

Ich bin nicht dafür da, Dir Deine Seite zu programmieren, darum übernehmen meine Schnipsel auch nicht die Gewähr, vollständig und fehlerfrei zu sein, sie sollen erläutern (anhand von dem, was ich hier vorfinde), wie es besser und fehlerfreier geht.

Du wirst nicht drumrum kommen zu begreifen, was da gemacht wird, HTML und CSS zu verstehen, mit Copy&Paste allein kannst Du mit meinem Code nichts anfangen.

Grüße,
Thorsten

geldmann3 · 04.03.2009, 03:39

Selbstverständlich enthält mein letzter Codeschnipsel keinerlei Umsetzungen aus unserer Diskussion. Denn wie bereits von mir erwähnt worden ist, handelt es sich dabei um absolut den Code, welcher vor unseren Gesprächen zu Stande gekommen ist. Somit ist es auch nicht möglich das er seinen Zustand in irgend einer Form verbessert.
Die Tabelle wird schon bald auf die von dir angegebene Weise formatiert werden, noch ist das ganze nicht umgesetzt. Selbsterklärend wird das in der fortgeschrittenen Version der Site passieren.

Zitat:

Ich bin nicht dafür da, Dir Deine Seite zu programmieren, darum übernehmen meine Schnipsel auch nicht die Gewähr, vollständig und fehlerfrei zu sein, sie sollen erläutern (anhand von dem, was ich hier vorfinde), wie es besser und fehlerfreier geht.

Sicherlich steht es nicht in deiner Absicht oder Verantwortung die "Programmierung" (Bei HTML wäre die korrekte Ausdrucksweise "das Schreiben") meines HTML Codes zu übernehmen. Einen solcher Anspruch wurde dem entgegengesetzt auch nie von mir erhoben.

Zitat:

Du wirst nicht drumrum kommen zu begreifen, was da gemacht wird, HTML und CSS zu verstehen, mit Copy&Paste allein kannst Du mit meinem Code nichts anfangen.

Klar- versuche ich die Funktionsweisen des Codes den du mir zur Verfügung stellst zu verstehen. Vielmehr würde ich allerdings behaupten, das das Verständnis an sich nicht die eigentliche Hürde für mein Vorhaben darstellt. Sondern weitergehend meine Unwissenheit der Art und Weise wie genau man den Code zu formatieren hat.

HTML-Code:

#navigation td

Das #, steht das immer für die id?

FreewareGuide · 04.03.2009, 06:39

Zitat:

Zitat von geldmann3

Selbstverständlich enthält mein letzter Codeschnipsel keinerlei Umsetzungen aus unserer Diskussion. Denn wie bereits von mir erwähnt worden ist, handelt es sich dabei um absolut den Code, welcher vor unseren Gesprächen zu Stande gekommen ist.

Das hast Du erwähnt? Wo? Bin ich blind? Kann ich in dem Beitrag (in dem Du eben diesen veralteten Code gepostet hast) nicht finden. Mach es uns allen doch nicht schwerer als nötig, warum nicht immer auf dem aktuellsten Stand weiterarbeiten?

Zitat:

Zitat von geldmann3

HTML-Code:

#navigation td

Das #, steht das immer für die id?

Ja. Lektüre: CSS-Formate definieren, hier geht insbesondere um "Individualformate" und "Klassen", aber Du solltest das komplett inhalieren.

Insgesamt könnte das Vorgehensweise für Dich sein, wenn Du etwas Grundsätzliches wissen möchtest, mal in entsprechendem Nachschlagewerk nachschauen. Grade SELFHTML ist da anfängerfreundlich (die Probleme kommen erst im Fortgeschrittenen), grade über die Quickbar ist das hervorragende Referenz für den Alltag. Darin z.B. oben links "CSS-Syntaxverzeichnis" wählen, dann kannst Du rechts daneben "#" auswählen und hast die Erklärung zu "Individualformate" parat.

Grüße,
Thorsten