Danke schön. Ich werds mit CSS machen ist viel besser =)

Hallo

Ich hab ein weiteres kleines Problem. Das Menu verschiebt sich im Firfox wenn ich von der
News auf eine andere Seite zugreife. Was das jemand wieso? Wenn ich die Seite im Internet Explorer öffne verschiebt sich das Menu nicht aber das Logo ( TiffanyDesign), ich wollte es eigentlich immer in der Mitte haben.

Hier ist die Seite: http://julesdemeischter.piranho.de/

Hi,

die Frage habe ich dir doch schon vor einer Woche im Post #7 beantwortet:

Zitat von Maik

Das liegt einfach daran, dass auf der "News"- und "Kontakt"-Seite die vertikale Scrollleiste existiert, auf den übrigen Seiten aber nicht.

Und da du für das Dokument keine overflow-Eigenschaft eingerichtet hast, zeigt der IE auf den anderen Seiten den inaktiven Srollbalken an, und Firefox eben überhaupt keinen, womit in ihm die Seiteninhalte auch nach rechts rutschen.

Zitat von Maik

Hi,

die Frage habe ich dir doch schon vor einer Woche im Post #7 beantwortet:

Und da du für das Dokument keine overflow-Eigenschaft eingerichtet hast, zeigt der IE auf den anderen Seiten den inaktiven Srollbalken an, und Firefox eben überhaupt keinen, womit in ihm die Seiteninhalte auch nach rechts rutschen.

Ok. Wie füge ich denn diese overflow Eigenschaft ein und wo genau? Behebt dass dann auch das verschieben des Logos im Internet Explorer?

Die overflow-Eigenschaft wird im body-Selektor des Stylesheets aufgenommen.

Das Verschieben des Logos auf der "Kurse"-Seite hat nichts mit dem Scrollbalken zu tun. Vielmehr hast du dort im umschliessenden <td>-Tag das Attribut colspan="3" angegeben, das aber im Quellcode der übrigen Seiten nicht enthalten ist.

Danke! Ok aber wieso verschiebt sich im Firfox das Logo nicht? Wenn ich bei den anderen Seiten das colspan="3" angebe verschiebt sich alles noch mehr..

Wenn du in den einzelnen Seiten mal die jeweiligen Tabellenrahmen aktivierst, wirst du sehen, dass sich nur die "Lokalität"- und "Kontakt"-Seite in der Tabellenstruktur ähneln, was die Anzahl der Spalten betrifft, alle übrigen Seiten haben eine unterschiedlich hohe Anzahl von Tabellenspalten.

Dass Tabellen semantisch zum Erstellen eines Seitenlayouts überhaupt nicht vorgesehen sind, ist dir wohl auch nicht bewusst, oder?

Zitat von Maik

Wenn du in den einzelnen Seiten mal die jeweiligen Tabellenrahmen aktivierst, wirst du sehen, dass sich nur die "Lokalität"- und "Kontakt"-Seite in der Tabellenstruktur ähneln, was die Anzahl der Spalten betrifft, alle übrigen Seiten haben eine unterschiedlich hohe Anzahl von Tabellenspalten.

Dass Tabellen semantisch zum Erstellen eines Seitenlayouts überhaupt nicht vorgesehen sind, ist dir wohl auch nicht bewusst, oder?

Hmm.. wie meinst du dass mit dem aktivieren? Ja das ist mir nicht bewusst. =(
Wie kann ich denn das jetzt machen das sich im Internet Explorer nichts mehr verschiebt?

Na, indem du einfach die Tabellenrahmenstärke von null auf eins stellst:

Code :

1 2 3 4 5

<table width="998" [B]border="1"[/B] align="center" cellpadding="0" cellspacing="0"> . . . <table width="100%" [B]border="1"[/B] align="center" cellpadding="0" cellspacing="0" bgcolor="#808080">

Zitat von Maik

Na, indem du einfach die Tabellenrahmenstärke von null auf eins stellst:

Code :

1 2 3 4 5

<table width="998" [B]border="1"[/B] align="center" cellpadding="0" cellspacing="0"> . . . <table width="100%" [B]border="1"[/B] align="center" cellpadding="0" cellspacing="0" bgcolor="#808080">

Achso meinst du das =)

Also aber das mit dem colspan kapier ich nicht.

<td height="123">&nbsp;</td>
<td valign="top"><img src="pictures/image002.gif" width="350" height="121" border="1"></td>
<td>&nbsp;</td>
</tr>

das ist ja der eine Quelltext, dass hier der andere:

<td height="123">&nbsp;</td>
<td>&nbsp;</td>
<td colspan="3" valign="top"><img src="pictures/image002.gif" width="350" height="121" border="1"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

wie soll ich jetzt am besten vorgehen? denn wenn ich das <td colspan="3" lösche ist das Logo nicht mehr zentriert.

Wenn es denn Tabellen sein sollen, dann wäre eine einheitliche Tabellenstruktur für alle Seiten die einfachste Lösung.

Halloooo ich habe noch ne Frage,

wie kann ich bei mehreren Bilder auf einer Seite, bei jemdem einzenlnen die Rahmenfarbe ändern?

Gruss

Hi,

ich geh jetzt mal davon aus, dass du von den Grafik-Links sprichst, und jedem eine individuelle Rahmenfarbe zuordnen möchtest.

In diesem Fall erhält jeder Link eine individuell lautende ID, über die er sich dann im Stylesheet gezielt ansprechen lässt:

Code :

1 2	<a href="#" [b]id="color_v1"[/b]><img src="..." alt="..."></a> <a href="#" [b]id="color_v2"[/b]><img src="..." alt="..."></a>

Code :

1 2 3 4

a[b]#color_v1[/b] img { border:1px solid #000000; } a[b]#color_v2[/b] img { border:1px solid #ff0000; }   /* usw. */

ok ich weiss aber nicht wo ich das einfügen muss.

das ist der Code vom einen Bild:

<td colspan="3" valign="top"><div align="center"><img src="pictures/Mosaikkugeln2 klein.jpg" width="120" height="90" border="1"></div></td>


und das ist das CSS :

<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 350px;
top: 165px;
letter-spacing: normal;
word-spacing: normal;
white-space: nowrap;
display: block;
line-height: normal;
font-variant: normal;
text-align: left;
}
#Layer2 {
position:absolute;
width:419px;
height:115px;
z-index:2;
left: 891px;
top: 161px;
}
#Layer3 {
position:absolute;
width:420px;
height:115px;
z-index:2;
left: 902px;
top: 150px;
}

a img {
border:1px solid #000;
}
.Stil11 {color: #FFFF99}
.Stil22 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Stil23 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
}
.Stil25 {font-size: 12px}
.Stil33 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFF99; }
.Stil29 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFF99;
}
.Stil30 {
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFF99;
font-size: 22px;
}
.Stil34 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
}
-->

Sorry, aber allmählich solltest du dich mit den beiden Sprachen HTML und CSS soweit vertraut gemacht haben und über gewisse Grundkenntnisse in der Syntax und Grammatik der beiden Sprachen verfügen, um die Lösungsvorschläge selbständig in die Tat umzusetzen, und hier nicht ständig erstmal zu antworten, dass du nicht weißt, wo du den gezeigten Code einfügen sollst.

In deinem eigenen Quellcode wirst du dich ja wohl noch zurechtfinden, und es nicht die Aufgabe des Forums, dir "Basiswissen" jedes mal aufs Neue zu vermitteln.

Wenn es, wie von mir fälschlicherweise angenommen, keine Grafik-Links sind, fällt eben das a-Element aus dem HTML- u. CSS-Code heraus, und die ID-Bezeichner werden an das jeweilige Grafikelement übergeben, denn die sind erforderlich, um im zentralen Stylesheet für jedes Bild eine Fallunterscheidung in der Rahmenfarbe vornehmen zu können.

Der CSS-Code wird als neuer Regelblock im Stylesheet aufgenommen.