Linkfarbe definieren

Bubu35 · 2005-03-11T08:13:05+00:00

Hallo Leute, ich habe eine Frage. In meinen Templates habe ich alle Links über ein Stylesheet definiert. Dies funktioniert auch prima. Nur wenn ich über Typo einen neuen Seiteninhalt (Sitemap z.Bsp.) anlege, dann werden die Standardfarben der Links verwendet. Wie muß ich das ändern, damit die CSS-Linkfarben aus meiner CSS-Datei verwendet werden? Besten Dank Bubu

Bubu35 · 11. März 2005 10:47

Das ist der Templatecode des verwendeten Templates

<body style="margin:0px;">
 <!-- ###DOKUMENT### begin -->
	<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" height="100%">
		<tr>
			<td valign="top">
				<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
					<tr>
						<td valign="bottom" bgcolor="#FEF8D4" colspan="6">
							&nbsp;
						</td>
					</tr>
					<tr>
						<td width="220" background="pics/stone.jpg" height="138">
							&nbsp;
						</td>
						<td background="pics/placeholder_yellow_green_yellow.gif">
							&nbsp;
						</td>
						<td width="330" background="pics/logo.gif">
							&nbsp;
						</td>
						<td background="pics/placeholder_yellow_green_yellow.gif">
							&nbsp;
						</td>
						<td width="150" background="pics/brb_logo.gif">
							&nbsp;
						</td>
						<td background="pics/placeholder_yellow_green_yellow.gif">
							&nbsp;
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td valign="top">
				<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
					<tr>
						<td width="193" background="bilder/leer.gif">
							<img src="bilder/foot.jpg" width="193" height="33" border="0" alt=""></td>
						<td width="45" rowspan="2" background="pics/leer.gif"><img src="pics/rahmen_grau.gif" width="67" height="33" border="0" alt=""></td>
						<td background="pics/rahmen_grau_vertical.gif" valign="bottom">
							<table border="0">
								<tr>
									<td>
										<img src="bilder/leer.gif" width="9" height="1" border="0" alt="">
									</td>
									<td class="navi">
										<a class="alevel3" href="http://www.brb-prueflabor.net/index.php">Startseite</a>
									</td>
									<td class="navi" width="15" align="center">
										:	
									</td>
									<td class="navi">
										<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=7">Sitemap</a>
									</td>
									<td class="navi" width="15" align="center">
										:	
									</td>
									<td>
										<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=6">Kontakt</a>
									</td>
									<td class="navi" width="15" align="center">
										:	
									</td>
									<td class="navi">
										<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=5">Referenzen</a>
									</td>
									<td class="navi" width="15" align="center">
										:	
									</td>
									<td class="navi">
										<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=4">Download</a>
									</td>
									<td class="navi" width="15" align="center">
										:	
									</td>
									<td class="navi">
										<a class="alevel3" href="http://www.brb-prueflabor.net/index.php?id=3">Impressum</a>
									</td>					
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td valign="top">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td width="192" background="pics/rahmen_brown.gif">
							&nbsp;
						</td>
						<td width="7" background="pics/balken_ver.gif">
							&nbsp;
						</td>
						<td background="pics/rahmen_brown_hor.gif" height="24">
							&nbsp;
						</td>
					</tr>	
				</table>
			</td>
		</tr>
		<tr>
			<td width="100%" height="100%" valign="top" border="0">
				<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td width="187" valign="top" bgcolor="#FEF8D4" background="pics/leer.gif">
							<table width="187" border=0 cellpadding="0" cellspacing="0">
								<tr>
									<td width="11" valign="top" bgcolor="#FEF8D4" background="pics/balken_brown_ver.gif" rowspan="11">
										&nbsp;
									</td>		
									<td>
										<img src="bilder/leer.gif" width="1" height="20" border="0" alt="">
										<img src="pics/yellow.gif" width="13" height="14" border="0" alt="">
										<img src="bilder/leer.gif" width="2" height="20" border="0" alt="">
									</td>
									<td style="border-bottom: thin solid #825700; border-top: thin solid #825700;">
										<a class="alevel4" href="http://www.brb-prueflabor.net/index.php?id=13">Baugrunduntersuchungen</a>
									</td>
								</tr>
								<tr>
									<td>
										<img src="bilder/leer.gif" width="1" height="20" border="0" alt="">
										<img src="pics/orange.gif" width="13" height="14" border="0" alt="">
									</td>
									<td style="border-bottom: thin solid #825700;">
										<a class="alevel4" href="http://www.brb-prueflabor.net/index.php?id=12">Baustoffpr&uuml;fungen</a>
									</td>
								</tr>
								<tr>
									<td>
										<img src="bilder/leer.gif" width="1" height="20" border="0" alt="">
										<img src="pics/pink.gif" width="13" height="14" border="0" alt="">
									</td>
									<td style="border-bottom: thin solid #825700;">
										<a class="alevel4" href="http://www.brb-prueflabor.net/index.php?id=11">Bauschadensanalysen</a>
									</td>
								</tr>
								<tr>					
									<td>
										<img src="bilder/leer.gif" width="1" height="20" border="0" alt="">
										<img src="pics/lila.gif" width="13" height="14" border="0" alt="">
									</td>
									<td style="border-bottom: thin solid #825700;">
										<a class="alevel4" href="http://www.brb-prueflabor.net/index.php?id=10">Bauwerkstrockenlegung</a>
									</td>
								</tr>
								<tr>
									<td>
										<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
									</td>
									<td>
										&nbsp;
									</td>
								</tr>
								<tr>
									<td>
										<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
									</td>
									<td>
										&nbsp;
									</td>
								</tr>
								<tr>
									<td>
										<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
									</td>
									<td>
										&nbsp;
									</td>
								</tr>
								<tr>
									<td>
										<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
									</td>
									<td>
									&nbsp;
									</td>
								</tr>
								<tr>
									<td>
										<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
									</td>
									<td>
										&nbsp;
									</td>
								</tr>
								<tr>
									<td>
										<img src="bilder/leer.gif" width="1" height="1" border="0" alt="">
									</td>
									<td>
										&nbsp;
									</td>
								</tr>
								<tr>
									<td colspan="2">
										<img src="bilder/leer.gif" width="1" height="15" border="0" alt="">
									</td>
								</tr>
								<tr>
									<td width="11" valign="top" bgcolor="#FEF8D4">
										<img src="bilder/leer.gif" width="1" height="15" border="0" alt="">
									</td>		
									<td colspan="2" align="center">
										<img src="pics/bauherren.gif" width="170" border="0" alt="" height="38">
									</td>
								</tr>
								<tr>
									<td width="11" valign="top" bgcolor="#FEF8D4">
										<img src="bilder/leer.gif" width="1" height="15" border="0" alt="">
									</td>		
									<td colspan="2" align="center">
										<img src="pics/bpv.gif" width="170" border="0" alt="" height="38">
									</td>
								</tr>
							</table>
						</td>
						<td width="5" bgcolor="#FEF8D4">
							<img src="bilder/leer.gif" width="5" border="0" alt="">
						</td>
						<td width="7" background="pics/balken_ver1.gif">
							<img src="bilder/leer.gif" width="7" border="0" alt="">
						</td>
						<td width="12" bgcolor="#FFEABF">
							<img src="bilder/leer.gif" width="5" border="0" alt="">
						</td>
						<td bgcolor="#FFEABF" valign="top" width="63">
							<img src="bilder/leer.gif" width="63" border="0" alt="">
						</td>	
						<td bgcolor="#FFEABF" valign="top">
							<table border="0" cellpadding="0" cellspacing="0" >
								<tr>
									<td  class="text">
										###CONTENT###
										<img src="bilder/leer.gif" width="15" height="30" border="0" alt="">
									</td>
								</tr>
								<tr>
									<td align="left">
										<table border="0" align="left" width="100%">
											<tr>
												<td align="left">
													<a href="http://www.brb-prueflabor.net/index.php?id=13"><img src="pics/baugrund2.gif" width="130" height="104" border="0" alt="Baugrunduntersuchungen"></a>
												</td>
												<td align="center">
													<a href="http://www.brb-prueflabor.net/index.php?id=12"><img src="pics/baustoff.gif" width="130" height="104" border="0" alt="Baustoffprüfungen"></a>
												</td>
												<td align="center">
													<a href="http://www.brb-prueflabor.net/index.php?id=11"><img src="pics/bauschaden.gif" width="130" height="104" border="0" alt="Bauschadensanalyse"></a>
												</td>
												<td align="center">
													<a href="http://www.brb-prueflabor.net/index.php?id=10"><img src="pics/trockenlegung.gif" width="130" height="104" border="0" alt="Bauwerkstrockenlegungen"></a>
												</td>
											</tr>
											<tr>
												<td align="left" class="text">
													<a href="http://www.brb-prueflabor.net/index.php?id=13" class="alevel2"><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">Baugrundunter-<br><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">suchungen</a>
												</td>
												<td align="center">
													<a href="http://www.brb-prueflabor.net/index.php?id=12" class="alevel2"><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">Baugrundunter-<br><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">suchungen</a></a>
												</td>
												<td align="center">
													<a href="http://www.brb-prueflabor.net/index.php?id=11" class="alevel2">cBaugrundunter-<br><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">suchungen</a></a>
												</td>
												<td align="center">
													<a href="http://www.brb-prueflabor.net/index.php?id=10" class="alevel2"><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">Baugrundunter-<br><img src="bilder/leer.gif" width="15" height="1" border="0" alt="">suchungen</a></a>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>	
						<td width="50" bgcolor="#FFEABF">
							&nbsp;
						</td>	
					</tr>
					
				</table>
			</td>
		</tr>
	</table>
 <!-- ###DOKUMENT### end -->
</body>

Und das der Code der im Setup steht:

 Default PAGE object:
seite = PAGE
seite {
typeNum = 0
bodyTag = <body bgColor = "#ffffff">
stylesheet = fileadmin/brb3.css
meta.CONTENT-LANGUAGE = de
meta.PAGE-TOPIC =Dienstleistung
meta.PAGE-TYPE = Produktinfo
meta.REVISIT-AFTER = 14 days
meta.AUDIENCE = Alle
meta.ROBOTS =INDEX,FOLLOW
meta.DISTRIBUTION = global
meta.ROBOTS = all
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/index.htm
Subpart = DOKUMENT
10.marks {
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 559, 86
backColor = #82BC8B
10 = TEXT
10.text.field = title
10.fontSize = 60
10.fontFile = fileadmin/fonts/arialbi.ttf
10.fontColor = #96CC9F
10.niceText = 1
10.offset = 10, 75
20 = TEXT
20.text.field = subtitle // title
20.fontSize = 36
20.fontFile = fileadmin/fonts/arialb.ttf
20.fontColor = #E2F5E5
20.niceText = 1
20.offset = 40, 68
}
MENU_OBEN = HMENU 
MENU_OBEN.special = directory 
MENU_OBEN.special.value = 2 
MENU_OBEN.1 = TMENU 
MENU_OBRN.1.NO = 1 
MENU_OBEN.1.NO.linkWrap = | : |*| 
| :; |*|  | 
MENU_OBEN.1.NO.ATagParams = class="alevel3"

MENU_LINKS = HMENU
 MENU_LINKS.special = directory
 MENU_LINKS.special.value = 9
 MENU_LINKS.entryLevel = 1
 MENU_LINKS.1 = GMENU
 MENU_LINKS.1.NO = 1
 MENU_LINKS.1.NO {
wrap = |<br>
 XY = 177,30
 backColor = #FEF8D4

 10 = TEXT
 10.text.field = title
 10.fontColor = #000000
 10.fontFile = fileadmin/fonts/verdana.ttf
 10.fontSize = 9
 10.niceText = 0
 10.offset = 7, 21

 20 = IMAGE
 20.file = GIFBUILDER
 20.file {
 XY = 177,1
 backColor = #825700
 }
 20.offset = 0, 29
} 
MENU_LINKS.1.RO < .MENU_LINKS.1.NO
MENU_LINKS.1.RO {
tmp < .backColor
backColor = #FFEABF
5 < .10
5.fontColor < .tmp
5.offset = 9,23
 }
MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
MENU_LINKS.2 < .MENU_LINKS.1	
MENU_LINKS.2 {
NO.backColor = #FEF8D4
NO.10.fontSize = 8
NO.10.fontColor = #000000
NO.20.file.backColor = #825700
RO < .NO
RO.backColor = #FFEABF
RO.5 >
CUR < .RO
}
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
}
}

laticauda88 · 11. März 2005 10:57

Bubu35 schrieb
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}

CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
wrap = <div id="myDivTag"> | </div>
}

Nun musst Du nur noch myDivTag definieren.
Oder Du änderst in diesem Fall die A-Tags und gibst allen anderen A-Tags eine Klasse mit.

Bubu35 · 11. März 2005 11:05

Kannst Du mir nun noch bitte sagen, wie die Definition des DivTags aussehen muß? Und wie und wo binde ich das ein?

laticauda88 · 11. März 2005 11:14

das div-Tag ist ein Style und wird in Deiner *.css datei definiert. Beispielsweise so:

#myDivTag {
color: #FF0000;
font-style: Verdana
.
.
.
.
}

es geht auch sowas wie folgendes:

#myDivTag A {

}

Hier wird ein Link definiert.

Mehr hilfe unter www.selfhtml.org

viele grüße

Bubu35 · 11. März 2005 11:17

Okay soweit alles verstanden. Wenn ich jetzt dás DivTag definiere, wird dann jeder Link richtig angezeigt?

laticauda88 · 11. März 2005 11:35

mach es am besten so:

#myDivTag A {

}

dann sollte alles gehen
Try and Error!

Bubu35 · 11. März 2005 11:40

Ich definiere also im DivTag die normale Schriftfarbe und Art usw und die Linkfarbe?

laticauda88 · 11. März 2005 11:41

Jup

Bubu35 · 11. März 2005 12:40

Ich habe jetzt in der CSS-Datei folgendes definiert:

#myDivTag { 
		font-family: Verdana, Helvetica, sans-serif; 
		font-size: 12px;
		color:rgb(130,87,0); 
		font-weight:bold; 
		text-decoration:underline;
	}

Jetzt ist aber der gesamte Text als unterstrichen und der eigentliche Link ist immernoch weiß und bei hover gelb.

Was mache ich falsch?

laticauda88 · 11. März 2005 12:49

sorry, aber wer richtig liest ist eindeutig im vorteil:

#myDivTag A
{
color:#394B5E;
text-decoration: none;
}

#myDivTag A:LINK
{
color:#394B5E;
text-decoration: none;
}

#myDivTag A:VISITED
{
color:#394B5E;
text-decoration: none;
}

#myDivTag A:ACTIVE
{
color:#394B5E;
text-decoration: none;
}

#myDivTag A:HOVER {
color:#394B5E;
text-decoration: underline;
}

nihcts für ungut, aber du solltest dir wirklich einmal ein paar tutorials zum thema css durchlesen. ich erkenne da gerade ein paar eklatante lücken...

Bubu35 · 11. März 2005 12:56

Okay und danke. Wenn ich das jetzt so in die CSS-Datei einbaue und im HTML-Template das so einbaue <div id="myDivTag">###CONTENT###</div> Erkennt er dann selbständig, wenn ich irgendwo in T3 in einer Seite im Text einen Link einfüge und zeigt ihn dann entsprechend an?

laticauda88 · 11. März 2005 13:00

wie gesagt, dein problem hat nichts mit typo3 zu tun. was du brauchst ist ein crash-kurs über html styles!

Bubu35 · 11. März 2005 13:05

Es funktioniert alles prima. Vielen Dank für Deine Hilfe und Geduld. Werde mich jetzt mit CSS vertrauter machen.