+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: CSS und Javascript (https://forum.juergens-workshops.de/forumdisplay.php?fid=86)
+--- Thema: CSS Problem (/showthread.php?tid=19412)
CSS Problem - Bonzai - 09.08.2005
Hallo, habe mich mal drüber gemacht meiner HP ein neues Design zu verpassen.
Und da ich dank Jürgen in sachen CSS rangebracht wurde, muss das logischerweise auch auf der neuen HP rein.
Jetzt folgenedes Problem.
Habe mehrere Tabellen, in der unteren Tabelle steht Impressum und mein Name.
Beides ist von der Schrift größe klein gemacht. Soll aber durch Links auf andere Seiten bzw Email Link verweisen.
Ich will aber die kleine Schrift behalten, und die Links nicht farbig anzeigen lassen. Was aber durch das bestehende CSS nicht funktioniert.
Hier mal der Link zu Lay Out
Und hier die CSS dazu:
Code:
a:aktive {font-family:Verdana,Arial;font-size:pt;color:blue;font-weight:normal;text-decoration:none;line-height:9pt;}
a:hover {font-family:Verdana,Arial;font-size:9pt;color:5F9EA0;text-decoration:none;line-height:9pt;}
body,p {font-family:Verdana,Arial;font-size:9pt;color:white;line-height:9pt;}
a {font-family:Verdana, Arial;font-size:9pt;color:#5F9EA0;;text-decoration : none;line-height :9pt;}
.tabtex {font-family:Verdana,Arial;font-size:9pt;color:white;line-height :9pt;}
.menu { font-family:Verdana,Arial;font-size:9pt;color:white;}
.head { font-family:Verdana,Arial;font-size:9pt;color:white;line-height:12pt;}
.tabelinhalt {font-family: Verdana,Arial; font-size: 9pt; color: white; }Puhh..........schwere Geburt *gg*
Danke für eure Hilfe
CSS Problem - Helmut - 09.08.2005
Hi,
so in etwa...?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
body {
background-color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
color: #ffffff;
}
.content {
width: 95%;
}
.content td {
border: 1px solid #ffffff;
border-collapse: collapse;
width: 50%;
padding: 3px;
font-size: 11px;
color: #ffffff;
font-weight: bold;
}
.content td a {
color: #ff9900;
text-decoration: none;
}
.content td a:hover {
color: #ffffcc;
text-decoration: underline;
}
.footer {
width: 90%;
}
.footer td {
border: 1px solid #ffffff;
border-collapse: collapse;
width: 50%;
padding: 3px;
font-size: 11px;
color: #ffffff;
font-weight: bold;
}
.footer td a {
color: #ffffff;
text-decoration: none;
}
.footer td a:hover {
color: #ffffff;
text-decoration: underline;
}
</style>
</head>
<body>
<div align="center"><table cellspacing="0" cellpadding="0" border="0" class="content">
<tr>
<td>Test für die neue Homepage
[url=#]Link 1[/url]
[url=#]Link 2[/url]
Die weißen Rahmen um die Tabellen werden natürlich entfernt. Ist nur zur begutachtung ;-)
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" class="footer">
<tr>
<td>Impressum</td>
<td align="right">©2005 by [url=mailto:mail@volk-alex.de]Volk AlexanderE-Mail[/url]</td>
</tr>
</table></div>
</body>
</html>Cu Helmut
CSS Problem - Jürgen - 09.08.2005
Hallo,
@ Helmut, was bist Du heute wieder schnell. :lol:
@ Bonzai, der Helmut hat das so gut "gecodet", da wird ja kein Erklärungsbedarf mehr sein. Falls Du aber auch die 2 Links der Navigation in weiß haben möchtest, dann brauchst Du in der .content td a, nur den Farbwert ändern, siehe Code.
Code:
.content td a {
color: #ffffff;
text-decoration: none;
}
.content td a:hover {
color: #ffffff;
text-decoration: underline;
}Gruß
Jürgen
CSS Problem - Bonzai - 10.08.2005
Auch hier ein Dankeschön :-)
Das mit den Links und farbe ist mir schon klar ;-)
Kann ich ja auch als externes css umbauen oder???
CSS Problem - Jürgen - 10.08.2005
Hallo Bonzai,
klar geht das auch extern. Das kannst Du mit dem Win-Editor erledigen. Das externe CSS sieht so aus:
Code:
body {
background-color: #000000;
font-family: Verdana, Arial;
font-size: 12px;
color: #ffffff;
}
.content {
width: 95%;
}
.content td {
border: 1px solid #ffffff;
border-collapse: collapse;
width: 50%;
padding: 3px;
font-size: 11px;
color: #ffffff;
font-weight: bold;
}
.content td a {
color: #ff9900;
text-decoration: none;
}
.content td a:hover {
color: #ffffcc;
text-decoration: underline;
}
.footer {
width: 90%;
}
.footer td {
border: 1px solid #ffffff;
border-collapse: collapse;
width: 50%;
padding: 3px;
font-size: 11px;
color: #ffffff;
font-weight: bold;
}
.footer td a {
color: #ffffff;
text-decoration: none;
}
.footer td a:hover {
color: #ffffff;
text-decoration: underline;
}Es ist also eine reine Textdatei ohne Die Tags wie
<html>
<head>
<body>
<style>
Das CSS speicherst Du als mein.css
Im Head einer jeden Website kommt dann der Link rein, der auf das externe CSS verweist, also:
<link rel=stylesheet href="http://www.meineurl.de/mein.css" type="text/css">
Das war es schon, siehe auch hier: :wink:
http://www.juergens-workshops.de/tutorial/css/index.php?show=csseinbinden
Gruß
Jürgen
CSS Problem - Bonzai - 10.08.2005
Irgendwas funktioniert da net.
Das CSS "zerstört" mir das ganze Layout.
Passt nämlich nicht mit der Menü leiste zusammen.
Weiß jetzt net wie ichs Ausdrücken soll, aber den Tipp von Helmut werde ich mal ausprobieren und weiter Versuchen.
CSS Problem - Jürgen - 11.08.2005
Hallo Bonzai,
hast Du denn auch die Klassen im Quelltext eingetragen? Lade die Seite doch mal hoch.
Gruß
Jürgen
CSS Problem - Hulot - 11.08.2005
Hallo
Zitat:Irgendwas funktioniert da net.Dann überschneidet sich da internes mit externem CSS.
Das CSS "zerstört" mir das ganze Layout.
Den Fehler findet man, in dem man eine nach der anderen Definition kurzzeitig "ausschaltet" bzw. entfernt. Kann u.a. ziemlich zeitaufwendig sein. ;-)
Gruß Hulot
CSS Problem - Bonzai - 11.08.2005
Habs jetzt hinbekommen.....
Nach etlichen versuchen ;-)
Danke Helmut für den kleinen Schlag auf den Hinterkopf
Es hat sich veronas Spruch wieder bewahrheitet
" Hier werden sie geholfen" lol