Juergens-Workshops.de Forum › HTML und Co › CSS und Javascript
CSS Problem

Ansichts-Optionen
CSS Problem
Bonzai Offline
Member
Beiträge: 144
Themen: 32
Danke erhalten: 0 in 0 Posts
Danke gesagt: 2
Registriert seit: 04.01.2004
#1
09.08.2005, 22:09
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

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
Helmut Offline
Profi Member
Beiträge: 3.252
Themen: 228
Danke erhalten: 1 in 1 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#2
09.08.2005, 23:06
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
Zitieren
Jürgen Offline
Profi Member
Beiträge: 7.628
Themen: 203
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#3
09.08.2005, 23:24
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
Zitieren
Bonzai Offline
Member
Beiträge: 144
Themen: 32
Danke erhalten: 0 in 0 Posts
Danke gesagt: 2
Registriert seit: 04.01.2004
#4
10.08.2005, 21:28
Auch hier ein Dankeschön :-)
Das mit den Links und farbe ist mir schon klar ;-)
Kann ich ja auch als externes css umbauen oder???

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
Jürgen Offline
Profi Member
Beiträge: 7.628
Themen: 203
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#5
10.08.2005, 22:59
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/tutoria...seinbinden

Gruß
Jürgen
Zitieren
Bonzai Offline
Member
Beiträge: 144
Themen: 32
Danke erhalten: 0 in 0 Posts
Danke gesagt: 2
Registriert seit: 04.01.2004
#6
10.08.2005, 23:49
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.

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren
Jürgen Offline
Profi Member
Beiträge: 7.628
Themen: 203
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#7
11.08.2005, 00:04
Hallo Bonzai,

hast Du denn auch die Klassen im Quelltext eingetragen? Lade die Seite doch mal hoch.

Gruß
Jürgen
Zitieren
Hulot Offline
Gesperrt
Beiträge: 1.027
Themen: 27
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#8
11.08.2005, 00:20
Hallo
Zitat:Irgendwas funktioniert da net.
Das CSS "zerstört" mir das ganze Layout.
Dann überschneidet sich da internes mit externem CSS.
Den Fehler findet man, in dem man eine nach der anderen Definition kurzzeitig "ausschaltet" bzw. entfernt. Kann u.a. ziemlich zeitaufwendig sein. ;-)

Gruß Hulot
Zitieren
Bonzai Offline
Member
Beiträge: 144
Themen: 32
Danke erhalten: 0 in 0 Posts
Danke gesagt: 2
Registriert seit: 04.01.2004
#9
11.08.2005, 00:47
Habs jetzt hinbekommen.....
Nach etlichen versuchen ;-)
Danke Helmut für den kleinen Schlag auf den Hinterkopf Tongue Tongue

Es hat sich veronas Spruch wieder bewahrheitet
" Hier werden sie geholfen" lol

Betriebssystem / Grafik-Software: Win10, Corel X8 H&S, PS X6
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  CSS und PHP Problem Leander 6 3.147 22.05.2008, 16:24
Letzter Beitrag: Leander
  Problem mit Javascript-Menu Ebba 9 2.468 14.12.2007, 14:33
Letzter Beitrag: Seramis
  Link Problem mit IE Mave 2 2.190 14.04.2007, 05:00
Letzter Beitrag: Mave
  Problem bei JAVA-Script in Menü Leiste...(VORSICHT ANFÄNGER) Andreas69 12 3.571 01.08.2005, 00:27
Letzter Beitrag: Andreas69
  Problem mit CSS Datei My Startgate 5 2.814 11.12.2004, 22:01
Letzter Beitrag: Hulot