Beiträge von sejuma
-
-
Ich kann's im IE7 leider nicht testen, aber im FF1.5 und IE6 müsste es hinhauen:
Füge mal das noch in die CSS:
Code
Alles anzeigen#menu ul { list-style-type:none; margin:0; padding:0; } li { float:left; font-size:12px; margin-left:22px; display:inline; } li.erster { margin-left:0px; }HTML-Navi:
Code
Alles anzeigen<div id="menu"> <ul> <li class="erster">[url='http://nksa.ch/so/index.htm']News[/url]| [*][url='http://nksa.ch/so/about.html']Über uns[/url]| [*][url='http://www.nksa.ch/so/termine.html']Termine[/url]| [*][url='http://www.nksa.ch/so/kontakt.html']Kontakt[/url]| [*][url='http://www.nksa.ch/so/sitzungen.html']Sitzungen[/url]| [*][url='http://www.nksa.ch/so/links.html']Links[/url]| [*][url='http://www.nksa.ch/so/gbook.html']Gästebuch[/url] [/list] </div>Evtl. bei "li" noch mit dem margin-left-Wert und bei den Links mit der Anzahl der "" noch etwas variieren/experimentieren
-
Das entspricht dem margin-top vom Absatz p.
Der ganze Text kommt ja in diesen Absatz rein.Versuch mal den p-Tag in den zu includeten Teil zu schreiben damit er sich wiederholt.
-
Ich vermute, dass du zu Testzwecken eine ganz lange Buchstabenreihe eingestellt hast. Wenn du dem Text die Chance gibst umzubrechen, dann macht er es auch. Schreib also mal ein paar ganz normale Worte mit Leerzeichen zwischendrin, dann sollte es auch klappen.
-
Sofern dein Webspace php-fähig ist bietet es sich an, den Navi-Code zu includen:
https://www.forum-hilfe.de/viewtopic.php?…hlight=includen -
Du musst dir erst mal über die Grundstruktur einer HP klar werden. Es gibt nur einen Headbereich und nur einen body. Alle CSS-Styleangaben kommen in den head-Bereich (oder in eine ausgelagerte Datei).
html wird nur einmal am Anfang geöffnet und nur einmal am Ende geschlossen. -
So schlecht find' ich das Design noch nicht mal. Den orange-blauen Hintergrund find ich zwar nicht so ansprechend, aber der eigentliche Content ist recht übersichtlich. Bei der Seite "News" gehört noch die gleiche Schrift wie auf den anderen Seiten verwendet.
Etwas mehr "Pepp" könnte die Seite schon ertragen, frag mich aber nicht, wie man den hinbekommt.
Tabellenquelltext ist halt etwas veraltet, CSS fänd ich besser. -
Du kannst innerhalb des zentrierten Containers entweder nur mit Pixelbreiten oder nur mit Prozentbreiten arbeiten. Da der Container auflösungsunabhängig zentriert ist und eine feste Breite hat, spielt die innere Platzaufteilung keine Rolle im Hinblick auf die Auflösung.
Probier's mal nach folgendem Prinzip:Code
Alles anzeigen<body style="margin:0; padding:0;width:100%; height:100%;"> <div style="width: 780px; height: 940px; position:absolute; top:50%; left:50%; margin-left:-390px; margin-top:-470px;"> <div style="float:left;width:100px;height:940px;background-color:#C1CDCD"></div> <div style="float:left;width:25px;height:940px;background-color:#838B8B"></div> <div style="float:left;width:150px;height:940px;background-color:#FF7F24"></div> <div style="float:left;width:380px;height:940px;background-color:#CD661D"></div> <div style="float:left;width:25px;height:940px;background-color:#838B8B"></div> <div style="float:left;width:100px;height:940px;background-color:#C1CDCD"></div> </div> <div style="position:absolute;top:50%;left:50%;margin-top:-340px;margin-left:-265px;width:530px;height:100px;background-color:#f00;"></div> </body>Bei der Bannerhöhe ist noch eine Differenz zwischen IE6 und FF. Die Ursache kann ich momentan aber leider nicht finden.
-
Hilft das weiter?
Code
Alles anzeigen<style type="text/css"> a.info{ position:relative; z-index:1; color:#000; text-decoration:none} a.info:hover{z-index:2;background-color:#fff;} a.info span{ display: none; } a.info:hover span{ display:block; position:absolute; background-image: url(bildgross.jpg); top:100px; left:200px;width:250px; height:300px; } </style>Code<a class="info" href="#">[img]bildklein.jpg[/img] <span></span></a> -
Das kannst du doch selbst testen.
Warum schreibst du deine HP so verschlüsselt und nicht als Link? -
Das ist doch schon der Code. Den musst du nur kopieren, einfügen und anpassen:
Den CSS-Teil schreibst du in den Headbereich, z.B. vor </head>:Code
Alles anzeigen<style type="text/css"> ul#navlist { margin-left: 0; padding-left: 0; white-space: nowrap; } #navlist li { display: inline; list-style-type: none; } #navlist a { padding: 3px 10px; } #navlist a:link, #navlist a:visited { color: #fff; background-color: #036; text-decoration: none; } #navlist a:hover { color: #fff; background-color: #369; text-decoration: none; } </style>Den HTML-Teil fügst du dort in deine HP ein, wo das Menue erscheinen soll.
-
Hast du das nur offline getestet oder hochgeladen?
PHP-Dateien musst du immer vorher hochladen und online testen, es sei denn du hast XAMPP o.ä. installiert. -
Geht sicherlich mit Frames, aber damit kenn ich mich nicht aus und will es auch nicht mehr lernen.
Wenn du alle Gästebuch-Dateien in den Ordner "gbuch" geladen hast, dann setze mal einfach folgenden Link:Code[url='gbuch/gbuch.php']Gästebuch[/url] -
-
Da bist du jetzt an einer Stelle angelangt, wo es sich durchaus lohnen könnte, doch schon etwas CSS anzuwenden. Probier's doch einfach mal aus:
Schreib mal dies innerhalb des head-Bereiches (z.B. vor "</head>"):
Code
Alles anzeigen<style type="text/css"> a:link { color:#FF0000; font-weight:200; text-decoration:none; } a:visited { color:#0000FF; font-weight:200; text-decoration:none; } a:hover { color:#FFCB04; font-weight:bold; background-color:#cccccc; text-decoration:none; } a.anderer:link { color:magenta; font-weight:200; text-decoration:none; } </style>Die ersten drei Links sind die Standardlinks, die generell gelten.
"a.anderer.link" ist eine zusätzliche Link-Klasse, die sich durch andere Formatierung vom Standardlink unterscheidet. Hier musst du noch die Angaben für visited und hover entsprechend ergänzen.Diesen CSS-Code kannst du später (oder besser gleich) in eine externe Datei auslagern, damit du ihn nicht auf jeder Seite hinterlegen musst. Damit wird deine HTML-Seite sehr übersichtlich und beinhaltet im besten Fall wirklich nur die HTML-Tags ohne jegliche Formatierungen.
Im HTML-Bereich sehen die Links dann so aus:
Code[url='#']Standardlink[/url] [url='#']Anderer Link[/url]Vielleicht mag dir das jetzt am Anfang etwas zu umständlich erscheinen. Du wirst aber sehr schnell merken, dass es die künftige Arbeit wesentlich erleichtert.
-
Du kannst die Seite jeweils bildschirmfüllend konstruieren, indem du den einzelnen Elementen einen prozentualen width-Wert zuordnest. Die Summe darf maximal 100% ergeben, besser etwas weniger.
Die zweite Alternative wäre, für die gesamte Seite (Teile 1-6) eine fixe Pixel-Breite zu definieren. Diese kannst du dann per CSS zentrieren -
@Xv7:
Deine Lernmethode find ich super. Hab' ich auch so mit CSS gemacht, allerdings noch mit Hilfe eines Buches.
Wer schreibt, der bleibt! Und der Lerneffekt ist dabei weitaus höher, als wenn man einfach alles nur ausprobiert. -
Ist so abstrakt schwer zu beurteilen. Gibt es einen Link?
Hat das Dokument einen Doctype? Was passiert wenn du bei "td" den height-Wert weglässt? -
Setz' mal den img-Tag in einen div:
Code<td height="13" width="50%">[url='bearbeitetebewerbungen.php?&list=1']<div>[img]../images/verwaltung/bb_ib.png[/img]</div>[/url]</td> -
Dazu musst du einen CSS-Styleswitcher
einbauen. Kannst dir auf meiner HP unter "myPteam" mal ansehen. So wie hier die Farben und das Layout verändert werden lässt sich damit natürlich über eine zweite CSS-Datei auch lediglich die Schriftgröße ändern.
Dein Webspace muss PHP-fähig sein.
