Hallo, habe einen Fehler auf meiner HP, denn ich aber nicht lokalisieren kann.
Die HP wurde mit HTML und CSS erstellt. Sie ist noch nicht online, deshalb weiss ich auch nicht, wie ich das bewerkstelligen soll.
Traut sich jemand zu, mir zu helfen? Wäre sehr dankbar.
Gruss, Gerald
vielleicht wärst du mal so nett uns den fehler zu beschreiben und etwas code mitzuposten...
Ok, das ist ein argument. Normalerweise steht eine funktionierende Page unter http://www.sg-tronic.de im www. Ich habe aber einige Änderungen vorgenommen.
Problem: Wenn man Links auf der Index Seite auf "Angbot" klickt, geht dann ein weiterer Link auf und dann steht da "Angbebot 1 und darunter Angebot 2"
Nun habe ich ein wenig rumgebastelt, aber wann immer ich den Link Lösche und einen anderen einfügen will, schaltet sich das "Angebto 1 und Angbeot 2" ein.
*****************************************************
so sieht die geänderte index seite jetzt aus, aber immer wenn ich einen neuen Link in die Sidbar einfügen will, blendet er einfach einen neuen ein.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<TITLE>SG-Tronic Beratung und Produkte fuer PC Internet und Telekommunikation</TITLE>
<meta name="description" content="Verkauf von PC-Systemen sowie Hardware und Software. Planung und Ausführung von
Netzwerkinstallationen und PC-Reparaturen. Mit Informationen und Preislisten zum Serviceangebot.">
<meta name="keywords" content="Schweinfurt, verkauf, pc-systeme, Fachhhandel, Warenwirtschaft, hardware, software, Internet, t-dls, isdn, webhosting, installation, beratung, telefonanlagen, support, netzwerk">
<META NAME="IDENTIFIER-URL" CONTENT="http://www.sg-tronic.de/">
<META NAME="Content-Language" CONTENT="de">
<META NAME="PUBLISHER-EMAIL" CONTENT="info@sg-tronic.de">
<META NAME="CREATION" CONTENT="Thu, 09 Apr. 2002">
<meta name="audience" content="all/alle">
<meta name="author" content=Gerald Geissler, Schweinfurt">
<meta name="copyright" content="(c)SG-Tronic">
<meta name="page-topic" content="Handel, Computer, Internet">
<meta name="page-type" content="Firmen-Homepage">
<meta name="publisher" content="SG-Tronic">
<meta name="robots" content="INDEX, FOLLOW">
<meta name="revisit-after" content="7 days">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="EXPIRES" CONTENT="0">
<Meta Name="Siteinfo" content="http://www.sg-tronic.de/robots.txt">
<link rel="SHORTCUT ICON" href="http://www.sg-tronic.de/favicon.ico" TYPE="image/x-icon">
<link rel="stylesheet" href="_private/menue.css" type="text/css">
</head>
<body>
<div id="container"><div id="banner">
<div id="footer"> SG-Tronic Inh. Gerald Geißler | Galgenleite 81 | 97424 Schweinfurt | Tel.
09721-4 69 80 51 | [url='mailto:info@sg-tronic.de']E-Mail[/url]</div>
[img]seitenbilder/startseitebild/sgt_logo.gif[/img][url='aangebot.htm'][img]seitenbilder/kopf/angebot.jpg[/img][/url][b]<u><font size="3" color="#FF0000">Unser
Preishits im Februar 2006</font></u>[/b]
</div>
<div id="continh"><div id="sidebar-a"><div id="navcontainer"><ul id="navlist">
[*][url='index.htm']Start[/url]
[*][url='webseitenverzeichnis.htm']Inhalt[/url]
[*][url='all-inkl-webhosting.htm']Webhosting[/url]
[*][url='computersysteme.htm']PC-Systeme[/url]
[*][url='monitore.htm']Monitore[/url]
[*][url='drucker.htm']Drucker[/url]
[*][url='notebook.htm']Notebooks[/url]
[*][url='netzwerk.htm']Netzwerke[/url]
[*][url='digitalkameras.htm']Kameras[/url]
[*][url='software.htm']Software[/url]
[*][url='kontakt.htm']Kontakt[/url]
[*][url='agb.htm']AGB[/url]
[*][url='impressum.htm']Impressum[/url][/list]
</div></div>
<div id="content">[url='http://www.all-inkl.com/index.php?partner=122066'][img]http://www.all-inkl.com/banner/button_hosted_by.gif[/img][/url]
Wir bieten Ihnen kompetenten EDV-Service zu fairen Preisen!
Ob Homeoffice oder Firmennetzwerk
- wir installieren, reparieren
und optimieren.
Wir beraten Sie gerne zu allen Themen rund um PC, Netzwerken, Internet
uvm.
Unser Team freut sich auf Ihren Anruf!
<ul>
[*]PC-Systeme [url='pcangebot.htm']Angebot[/url]- Hardware - Software
[*]Internet - Webhosting
[*][url='warenwirtschaftssystem.htm']Warenwirtschaftssysteme[/url] für den technischen Handel
von Leitsch
[*][url='zeiterfassung.htm']Zeiterfassungssysteme[/url] und
Zugangskontrollsysteme von REXROTH
[*]T-DSL- ISDN - Installation
[*]PC-Reparaturen
[*]Netzwerke u. Computer-Installation
[*]Planung und Ausführung von Netzwerkinstallationen
[*]professionelle EDV-Beratung
[*]PC-Support und Troubleshooting
[*]Hard- und Softwarelösungen
[*]Telekommunikation, Telefonanlagen[/list]
<p align="left">
Nach Ihren Wünschen können Sie alle Computer-Produkte von uns konfigurieren lassen,
oder für den Selbstbau bestellen.
<p align="center">Wir senden Ihnen ein unverbindliches Angebot.
</div></div></div>
</body>
</html>
***********************************************************
so sieht das menue.css aus:
p { font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 9pt;}
body { background-color: #CECFCE; text-align: center;
font-family: Verdana, Geneva, Arial, helvetica,sans-serif; font-size: 9pt;}
h1 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif;font-size:12pt;font-weight:bold;text-align:left;color:#000;}
h2 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif;font-size:12pt;font-weight:bold;text-align:center;color:#ffffff;}
h3 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif;;font-size: 9pt;font-weight:bold;text-align:left;color:#000;}
h4 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif;font-size:9pt;font-weight:bold;text-align:left;color:#000;}
h5 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif;font-size:10pt;font-weight:bold;text-align:center;color:#0000A0;}
h6 {font-family:Verdana, Geneva, Arial, helvetica, sans-serif;;font-size: 9pt;font-weight:bold;text-align:center;color:#0000A0;}
#container { width: 760px;
height: max;
border: 1px solid #fc0;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: #E7E3E7;}
#footer { clear: both;
width: 760px;
height: 20px;
margin: 0;
padding-top: 1px;
border-bottom: 1px solid blue;
color: #000;
background-color: #fc0;}
#banner { height: 120px;
width: 760px;
background-color: #FFF;
border-bottom: 1px solid #fc0;
text-align: left;}
#continh { width: 750px;
min-height: 380px;
border: 0px solid red;
margin-top: 0px;
padding-bottom: 10px;
margin-left: 0;
margin-right: 0;
background-color: #E7E3E7;}
#sidebar-a { text-align:left;
height: max;
float: left;
width: 130px;
margin: 0;
margin-right: 0px;
padding-top: 5px;
border: 0px solid green;
background-color: #E7E3E7;
}
#content {text-align:left;
width: 600px;
height: max;
padding-top: 15px;
margin-left: 140px;
border: 0px solid black;
background-color: #E7E3E7;
}
#inha {
width: 560px;
height: 75px;
border-width: 0px;
border-style: ridge;
border-color: red;
background-color: #333666;
padding-top: 10px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 0px 0px;
text-align: left;
font-family: Verdana; font-size: 9pt;
}
#button {
width: 115px;
height: 300px;
padding: 0 0 0 0;
margin-bottom: 0;
font-family: Verdana;
font-size: 9pt;
background-color: #E7E3E7;
color: #E7E3E7;
font-weight: normal;
border: 0px solid yellow;
}
#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#button li {
border-bottom: 1px solid #E7E3E7;
margin: 0; }
#button li a {
display: block;
padding: 5px 5px 5px 5px;
border-left: 5px solid #E7E3E7;
border-right: 5px solid #E7E3E7;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 118px; }
html>body #button li a {
width: 108px; }
#button li a:hover {
border-left: 5px solid #508fc4;
border-right: 5px solid #FFFFFF;
background-color: #CECFCE;
color: #fff; }
#button li a:active {
border-left: 5px solid #508fc4;
border-right: 5px solid #ffffff;
background-color: #1c64d1;
color: #fff; }
#navlist
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}
#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}
#navlist a#current { border-color: #5bd #035 #068 #f30; }
#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}
#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}
#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}
#navlist a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}
#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}
***************************************************
So, ich hoffe ich konnte es einigermassen erklären. Falls mir jemand helfen kann, wäre ich sehr dankbar.