|
 |
  |
| Autor |
Nachricht |
NAKCoswig
Neuer [User]
Anmeldung: 30.12.07
Beiträge: 4
Wohnort: Coswig (An ...
|
 Verfasst am: 30.12.2007, 12:11 Titel: Probleme mit der Darstellung? |
 |
|
Hallo,
meine Seite ist nun seit 4 Monaten online. Habe aber schon 2-3 Mal eine Rückinfo bekommen, dass es Darstellungsprobleme in der Navigationsseite gibt.
Würde mich freuen, wenn der eine oder andere mal drüber schaut. Wenn es Probleme bei der Darstellung gibt, freue ich mich über Hinweise zur Lösung.
Vielen Dank.
 http://www.nakcoswig.de
_________________
Gruß,
Sebastian
http://www.nakcoswig.de
|
|
| Nach oben |
|
 |
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 480
|
| Verfasst am: 30.12.2007, 14:18 Titel: |
|
|
Da ist etliches im Argen mit deiner Seite, vor allem weil sie vermutlich mit Frontpage oder einem ähnlich schlechten WYSIWYG-Editor erstellt wurde.
Was die Navi betrifft, wird sie im IE6 nicht komplett angezeigt, weil dort die Zeilenabstände unterschiedlich zum FF sind.
Mittelfristig empfehle ich dir, etwas HTML und CSS zu lernen, auf Frames zu verzichten und die Seite selbst und neu zu coden. Vielleicht ist dir meine Signatur dazu eine Hilfe.
Mach dir von der Navi-Seite mal zunächst eine Sicherungskopie.
Dann füge mal diesen Code unmittelbar vor
ein:
| Code: | <style type="text/css">
body
{
font-family: Arial, "sans serif";
font-size: 100.01%;
margin: 5px;
}
h1
{
font-weight: bold;
font-size: 15px;
margin: 20px 0 0;}
ul
{
margin: 5px;
line-height: 1.5em;
list-style-type: none;
font-size: 13px;
}
a
{
color: #fff;
font-weight: bold;
}
</style> |
Nach lösche mal den kompletten Code und füge dafür folgendes ein:
| Code: | <body>
<ul>
<li><a target="Hauptframe" href="Home.htm">Startseite</a></li>
<li><h1>Kennenlernen</h1></li>
<li><a target="Hauptframe" href="kurzdarstellung.htm">Kurzdarstellung</a></li>
<li><a target="Hauptframe" href="kurzchronik.htm">Kurzchronik</a></li>
<li><a target="Hauptframe" href="franz_huebner.htm">Franz Hübner</a></li>
<li><a target="Hauptframe" href="gemeindeleben.htm">Gemeindeleben</a></li>
<li><a target="Hauptframe" href="impressionen.htm">Impressionen</a></li>
<li><h1>Aktuelles</h1></li>
<li><a target="Hauptframe" href="Gottesdienstzeiten.htm">Gottesdienstzeiten</a></li>
<li><a target="Hauptframe" href="termine_google.htm">Termine</a></li>
<li><a target="Hauptframe" href="monatswort.htm">Wort zum Monat</a></li>
<li><a target="Hauptframe" href="gemeindeblatt.htm">Gemeindebrief</a></li>
<li><h1>Berichte</h1></li>
<li><a target="_blank" href="http://www.nak-mitteldeutschland.de/berichte/uebersicht.html">Bezirk</a></li>
<li><a target="Hauptframe" href="berichte.htm">Gemeinde</a></li>
<li><a href="http://www.nak.org/de/news/?type=100">International</a></li>
<li><h1>Kontakt</h1></li>
<li><a target="Hauptframe" href="kontakt.htm">Kontakt</a></li>
<li><a href="http://noellekati.de/tinc?key=bvAIxAXT&start=-1&reverse=1">Gästebuch</a></li>
<li><a target="Hauptframe" href="links.htm">Links</a></li>
</ul>
<p><!--[if gte vml 1]><v:rect id="_x0000_s1025"
alt="" style='position:absolute;left:3pt;top:-10.5pt;width:101.25pt;height:600pt;
z-index:-1' fillcolor="#5190c3" strokecolor="#5190c3"/><![endif]--><![if !vml]><span
style='mso-ignore:vglayout;position:absolute;z-index:-1;left:3px;top:-15px;
width:137px;height:802px'><img width=137 height=802
src="Navigation_bestanden/image001.gif" v:shapes="_x0000_s1025"></span><![endif]></p>
</body>
</html> |
Damit hast du die Formatierung im head-Bereich zentral hinterlegt und hast ein übersichtliches Listenmenue.
Viel Erfolg!
_________________
sejumas CSS-Einsteigerkurs
|
|
| Nach oben |
|
|
NAKCoswig
Neuer [User]
Anmeldung: 30.12.07
Beiträge: 4
Wohnort: Coswig (An ...
|
| Verfasst am: 30.12.2007, 14:40 Titel: |
|
|
Hallo sejuma,
vielen Dank für deine Unterstützung. Habe deinen Code einmal umgesetzt und online gestellt. Funktioniert.
Natürlich hast du Recht, dass Frontpage einen sehr unordentlichen Code erzeugt. Obwohl ich etwas HTML kann und noch vor Jahren nur in HTML geschrieben habe, so sind solche Programme für umfangreiche Seiten schneller. Da bin ich wohl zu faul geworden.
Mit CSS habe ich mich noch nicht weiter beschäftigt, werde es aber nun tun.
Frames sind etwas altmodisch, kann mich aber sonst nicht besser behelfen, da Tabellen m.A. zu umständlich sind.
Was schlägst du vor? Gibt es ein Programm, welches saubereren Code produziert? Oder wie sollte ich weiter vorgehen.
Ein Phänomen habe ich noch: Manche User sagen, dass der blaue Hintergrund auf der Navigation nicht dargestellt wird und somit die Links weiß auf weiß sind...
Danke.
_________________
Gruß,
Sebastian
http://www.nakcoswig.de
|
|
| Nach oben |
|
|
NAKCoswig
Neuer [User]
Anmeldung: 30.12.07
Beiträge: 4
Wohnort: Coswig (An ...
|
| Verfasst am: 30.12.2007, 15:09 Titel: |
|
|
So, nun habe ich " " vor den Unterlinks eingefügt, damit sie eingerückt sind. Im IE7 wird es richtig dargestellt, im Firwfox ist das gesamte Menü erheblich eingerückt. Wie kommt das?
Danke.
_________________
Gruß,
Sebastian
http://www.nakcoswig.de
|
|
| Nach oben |
|
|
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 480
|
| Verfasst am: 30.12.2007, 16:38 Titel: |
|
|
Zur Hintergrundfarbe:
Füge mal noch das beim body in den Style-Angaben dazu:
| Zitat: | body
{
font-family: Arial, "sans serif";
font-size: 100.01%;
margin: 5px;
background-color: #5190C3;
} |
Die Einrückung im FF kann ich mir nicht erklären. Hängt wohl mit dem sehr microsoft-spezifischen Quelltext zusammen, den der FF anders interpretiert.
Abhilfe:
Lösche mal das raus:
| Code: | ul
{
margin: 5px;
line-height: 1.5em;
list-style-type: none;
font-size: 13px;
} |
Und füge dafür ein:
| Zitat: | ul
{
margin-top: 5px;
margin-left: -35px;
line-height: 1.5em;
list-style-type: none;
font-size: 13px;
}
*html ul
{
margin-left: 5px;
} |
Falls das im FF immer noch nicht ganz hinhaut, dann justiere den rot markierten Pixelwert.
Die Leerzeichen " " nimm besser wieder raus, das sieht nicht schön aus und ist ziemlich umständlich.
Ergänze statt dessen an dieser Stelle um das rot markierte:
| Zitat: | a
{
color: #fff;
font-weight: bold;
padding-left: 10px;
} |
Was ich vorschlage hatte ich bereits erwähnt. Der beste Editor ist der eigene Kopf, kombiniert mit dem ganz normalen Windows-Editor, für Websites komfortabler ist der kostenlose "Phase 5" mit dem ich gerne arbeite. Aber im Prinzip musst du den Code selbst eingeben. Das ist ein Lern- und Zeitaufwand, der sich aber schnell amortisiert und lohnt. Dafür weißt du künftig, an welchen Stellschrauben du drehen musst, um Fehler zu beheben. Vor allem aber hast du einen aufgeräumten, übersichtlichen und sauberen Quelltext.
Um von Frames wegzukommen, brauchst du keine Tabellen, sondern benutze besser CSS. Ich habe mal
hier versucht, die wesentlichen Unterschiede zu erläutern.
Edit:
Das mit dem linken Abstand kann ich momentan nicht mit dem IE7 testn. Falls der Probleme macht, dann füge in den Styleangaben noch folgendes ein:
| Code: | *+html ul
{
margin-left: 5px;
} |
_________________
sejumas CSS-Einsteigerkurs
|
|
| Nach oben |
|
|
NAKCoswig
Neuer [User]
Anmeldung: 30.12.07
Beiträge: 4
Wohnort: Coswig (An ...
|
| Verfasst am: 30.12.2007, 17:20 Titel: |
|
|
Danke für deine Hilfe, ich geh da jetzt mal Stück für Stück ran.
_________________
Gruß,
Sebastian
http://www.nakcoswig.de
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
