Navigationsleiste Einstellungen

[Serhat_K]

Hallo erstma

Also ich versuche seit tagen ein (für mich großen) Problem zu lösen aber ich kriege es nicht hin und nun bin ich auf diese seite gestoßen und ich hoffe ihr könnt mir weiter helfen...

also ich habe da eine selbsgemacht Seite (so neben bei: bin anfänger ^^) über ein Spiel und ich will 2 Navigationsleisten haben, eine Links und eine Rechts. Ich habe aber nur 1 Leiste undzwar links. Ich habe alles versucht aber da ich nicht gerade viel Ahnung habe, habe ich es natürlich nicht geschafft. Ich schreib einfach den Link ein und ihr guckt euch das mal an: Meine Webseite

Wenn ihr mir weiter helfen könntet wäre das schön (also unter weiter helfen mein ich ihr sagt mir was ich schreiben muss ^^ )


Ich danke schon mal im Voraus

Mfg.
Serhat_K

Der Beitrag wurde von Serhat_K bearbeitet: 13.03.2007 - 21:22

[jomal]

also ich habe da eine selbsgemacht Seite (so neben bei: bin angänger ^^) über ein Spiel und ich will 2 Navigationsleisten haben, eine Links und eine Rechts. Ich habe aber nur 1 Leiste undzwar links.

Hallo Serhat_K
hab mal Deine Homepage aufgerufen. Ich sehe gar keine Navigationsleiste, jedenfalls nicht das, was ich darunter verstehe.
Du solltest Dich mal mit Frames näher auseinandersetzen (SELFHTML), das könnte schon die Lösung sein. Du definierst Deine gesamte Seite als ein Frame (100%,*), das erscheint mir das Problem zu sein.
Im HTML-Editor findest Du unter Einfügen-Frames schon ein paar Beispiele, die Dir zeigen, wie man Frames verschachtelt. Wenn ich Deine Seite sehe, denke ich, dass Du schnell dahinter kommst, wie Du ein Frame-Muster erzeugst, welches eine Aufteilung etwa 1-4-1 erzeugt.
(Ich hab am Anfang auch ohne Frames gearbeitet, weil ich dachte, es sei kompliziert, ist aber recht simpel, wenn man einmal das Prinzip begriffen hat.)

Und: Versuch macht kluch, leg einfach los.
Viel Glück dabei.

jomal

Ach ja, noch was:
in Deinem Profil steht nicht Deine Homepage, sondern ein Provider oder so.
Solltest Du mal Deine echte Homepage reinschreiben.
die world-of....

Der Beitrag wurde von jomal bearbeitet: 08.10.2006 - 20:49

[Thomas]

Ich schreib einfach den Link ein und ihr guckt euch das mal an: Meine Webseite

Ich vermute mal, du meinst die Seite, die man unter can.drition.net/index.htm findet? Dort hast du auf der linken Seite eine Tabellenspalte mit mehreren Logos untereinander - und du willst jetzt rechts auch noch eine haben? Weniger Tabellen wären hier eindeutig von Vorteil, da der Quelltext so kaum zu erfassen ist (um es vorsichtig auszudrücken).

Ich bin mir auch relativ sicher, dass diverse schließende Tags (</tr> und </td>) fehlen und du eventuell auch ein paar schließende Tags (</table>) zu viel hast. Vom Rest des HTML-Codes schweige ich still. Wenn du das nicht in Ordnung bringen möchtest oder kannst, kannst du probieren, relativ am Ende noch eine Tabellenspalte einzufügen, indem du aus

QUELLTEXT

</td>
    </tr>

</table><br>

</table>

entweder

QUELLTEXT

</td>
<td>hier ist deine rechte Spalte</td>
    </tr>

</table><br>

</table>

oder

QUELLTEXT

</td>
    </tr>

</table><br>
<td>hier ist deine rechte Spalte</td>
</table>

machst und damit dann weiter experimentierst. Die meisten Browser werden es dir verzeihen, allerdings bleibt der Quelltext weiterhin falsch und unleserlich.

Grundsätzlich würde ich dir deshalb empfehlen, erstmal den aktuellen Quelltext aufzuräumen (z. B. mit Tidy, die notwendigen Dateien findest du im Downloadbereich) und dann gezielt eine dritte Tabellenspalte einzubauen. Vorher solltest du dich noch informieren (z. B. bei SELFHTML), wie man Tabellen aufbaut und formatiert.

[Serhat_K]

ok danke euch ich werde es mal gleich machen

[Thomas]

ok danke euch ich werde es mal gleich machen

Viel Erfolg dabei - und lass uns wissen, ob es geklappt hat ...

[Serhat_K]

jop hat geklappt ^^

[Thomas]

Schön - und danke für die Rückmeldung .

[Serhat_K]

also ich hab erneut ein problem

ich hab mir ne Umfrage generien lassen (auf onlyfree.de) und sie in eine Navigationsleiste eingefügt. Im HTML-Editor sieht alles so aus wie ich es möchte (SIEHE HIER!). Die Umfrage ist in der Leiste drinne. Doch wenn ich alles Uploade und dann die Seite aufmache ist die Umfrage nicht mehr in der Leiste sondern "draussen" (SIEHE HIER!)

Der Code für den Teil geht so:

QUELLTEXT

<p class=head>Umfrage</p>
        <p class=content>
<!-- VOTINGCODE ANFANG -->
<form action="http://www.onlyfree.de/cgi-bin/vs/poll.cgi" method="POST"  onSubmit='window.open("","votingservice","width=530,height=450,scrollbars=yes,resizable=yes,menubar=no,location=no,top
=20,left=20");' target="votingservice">
<input type="hidden" name="vid" value="15268">
<input type="hidden" name="layout" value="layout17">
<input type="hidden" name="ses" value="g6rctWZQ9FSBveuHSAeqZLbPh1PY9jDpkyMTyBW">

<table width="150" cellspacing="1" cellpadding="0" border="0" >
<tr>
    <td colspan="2" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;"><b>Welcher Lehrer ist dein Favorit?</b></td>
</tr>

<tr>
    <td width="20%" align="center" ><input type="Radio" name="votefor" value="78066" checked></td>
    <td width="80%" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;">Kakashi</td>
</tr>

<tr>
    <td width="20%" align="center"><input type="Radio" name="votefor" value="78068"></td>
    <td width="80%" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;">Kurenai</td>
</tr>

<tr>
    <td width="20%" align="center"><input type="Radio" name="votefor" value="78070"></td>
    <td width="80%" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;">Asuma</td>
</tr>

<tr>
    <td width="20%" align="center"><input type="Radio" name="votefor" value="78073"></td>
    <td width="80%" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;">Might</td>
</tr>

<tr>
    <td width="20%" align="center"><input type="Radio" name="votefor" value="78075"></td>
    <td width="80%" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;">Ebisu</td>
</tr>

<tr>
    <td width="20%" align="center"><input type="Radio" name="votefor" value="78078"></td>
    <td width="80%" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;">Jiraiya</td>
</tr>

<tr>
    <td width="20%" align="center"><input type="Radio" name="votefor" value="78080"></td>
    <td width="80%" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;">Iruka</td>
</tr>

<tr>
    <td width="20%" align="center"><input type="Radio" name="votefor" value="78083"></td>
    <td width="80%" style="font-family: Verdana, Arial; font-size: 11px; padding: 3px;">Ibiki</td>
</tr>

<tr>
   <td colspan="2" style="padding: 1px;" align="center">
   <input type="Submit" value="VOTE" name="vote" style="background-color: #97a8bb; width: 80px; color: #34506F; font-family: Verdana, Arial; font-size: 10px; border: 1px solid #7FA4CD;">
</td>
</tr>

<tr>
    <td colspan="2" align="center" style="  padding: 2px;">
    <input type="Submit" value="Ergebnisse" name="ergebnisse" style="background-color: #97a8bb; width: 80px; color: #34506F; font-family: Verdana, Arial; font-size: 10px; border: 1px solid #7FA4CD;">
</td>
</tr>

<tr>
    <td colspan="2" align="center" style="font-family: Verdana, Arial; font-size: 11px;  padding: 2px;"></td>
</tr>
</table>
</p>
<!-- VOTINGCODE ENDE -->

        <br>

hoffe ihr könnt mir weiter helfen.

mfg. Serhat_K


PS: Fals ihr den Link braucht... hier ist er: > Naruto Mystery

[i.b.g]

Hallo,

in den Recommendations steht:
"... The P element represents a paragraph. It cannot contain block-level elements (including P itself)..."

Eine Lösung könnte so aussehen, dass Du dem form-Tag die Klasse "content" zuweist:

QUELLTEXT

<p class=head>Umfrage</p>
<!-- VOTINGCODE ANFANG -->
<form class="content" action="http://www.onlyfree.de/cgi-bin/vs/poll.cgi" method="POST"  onSubmit='window.open("","votingservice","width=530,height=450,scrollbars=yes,resizable=yes,menubar=no,location=no,top
=20,left=20");' target="votingservice">

...

</form>
<!-- VOTINGCODE ENDE -->
<br>

Außerdem hattest Du vergessen den form-Tag zu schließen. Die unterschiedlichen Ergebnisse (Screenshots) kommen doch auch sicher von unterschiedlichen Browsern - man weiß ja, dass FF weniger fehlertolerant ist als IE.

[Thomas]

in den Recommendations steht:
"... The P element represents a paragraph. It cannot contain block-level elements (including P itself)..."

Eine Lösung könnte so aussehen, dass Du dem form-Tag die Klasse "content" zuweist:

Und wenn man statt <p> einfach <div> verwendet?

[i.b.g]

Hallo,

Und wenn man statt <p> einfach <div> verwendet?

Erstens habe ich geschrieben, dass ich eine Lösung anbiete, und nicht die Lösung. Zweitens: Warum sollte ich einen zusätzlichen Tag ohne Not hinzufügen? Das Block-Level-Element div - was selbstverständlich eine Möglichkeit darstellt - würde nur wieder ein einziges Block-Level-Element form enthalten. Das ist imho unnötiger Overhead und auch nicht im Sinne einer vernünftigen HTML-Struktur.

[Thomas]

Hallo,

Ich bitte dich um Entschuldigung, dass du dich von der einfachen Frage in meinem Posting so angegriffen fühlst - du hast vollkommen recht, <div> wäre unnötig und unvernünftig. Ich werde in Zukunft sehr viel länger nachdenken, bevor ich wieder etwas poste .

[Serhat_K]

Außerdem hattest Du vergessen den form-Tag zu schließen. Die unterschiedlichen Ergebnisse (Screenshots) kommen doch auch sicher von unterschiedlichen Browsern - man weiß ja, dass FF weniger fehlertolerant ist als IE.

ja das eine ist von FF aber da wo es funktioniert hat, das war Phase 5, also das Prog. auf IE hab ich das gar net ausprobiert.

EDIT: Ich habe es mal auf IE ausprobiert und es hat dort funktioniert. Also die Umfrage ist in der leiste. Wieso funktioniert es den nicht in FF?

EDIT2: Ok es geht jetzt auch in FF. Danke euch sehr

Der Beitrag wurde von Serhat_K bearbeitet: 14.03.2007 - 22:04

[i.b.g]

Hallo,

ja das eine ist von FF aber da wo es funktioniert hat, das war Phase 5, also das Prog. auf IE hab ich das gar net ausprobiert.

Phase 5 benutzt zur Darstellung der Vorschau die Engine des IE, weshalb die Seiten in der Vorschau und im IE gleich aussehen (sollten).

@Thomas
Ich fühl(t)e mich keineswegs angegriffen - nur genervt!

[Thomas]

EDIT2: Ok es geht jetzt auch in FF. Danke euch sehr

Jetzt hast du zweimal das FORM-Tag in deinem HTML-Code, das zweite (ohne class="content") kannst du weglassen. Guck dir doch in einer ruhigen Minute mal an, was der w3c-Validator zu deiner Seite sagt - vielleicht hast du ja Lust, da noch ein bisschen was zu korrigieren ...

@Thomas
Ich fühl(t)e mich keineswegs angegriffen - nur genervt!

Auch das wollte ich nicht ...

[Serhat_K]

also ich hätte da noch ne kleine frage.. was aber nichts mit dem thema zutun hat:

Ich will das auf einer Seite steht: 'Sie werden in x Sec. zur anderen Seite weitergeleitet.' Gibs dafür einen Code?

mfg. Serhat K.

[i.b.g]

Hallo,

Ich will das auf einer Seite steht: 'Sie werden in x Sec. zur anderen Seite weitergeleitet.' Gibs dafür einen Code?

das könnte in etwa so aussehen:

HTML

<html>
<head>
<title>serhats seite</title>
<meta http-equiv="refresh" content="10; URL=http://www.serhat.de/cgi-bin/wiki">
</head>
<body>
Sollten Sie nicht in 10 Sekunden weitergeleitet werden, klicken sie auf diesen Link: <a href="http://www.serhat.de/cgi-bin/wiki">Wiki</a>.
</body>
</html>

Die Zahlenangabe hinter "content" - die 10 also - bestimmt die Wartezeit bis zur Weiterleitung. Die Links sind natürlich Phantasie und müssen durch reale Links ersetzt werden.

[Serhat_K]

achso ok dankeschön

[Serhat_K]

hi ich bins wieder

sorry für den doppelpost

wollt fragen ob ihr den Code für die Uhrzeit wisst?

[Thomas]

wollt fragen ob ihr den Code für die Uhrzeit wisst?

Wenn du mal genauer definierst, was du wissen möchtest? Willst du auf einer HTML-Seite die aktuelle Uhrzeit anzeigen lassen? Das geht nur mit JS, eine Anregung dazu, wie du das umsetzen könntest findest du bei SELFHTML. Ist nicht direkt die Lösung, aber bestimmt als Ansatz brauchbar. Falls du etwas anderes benötigst, formuliere doch bitte die Frage etwas genauer.

[Serhat_K]

ok, sorry

also ich wollt so ne normale uhr die immer die aktuelle Zeit anzeigt. Gibs dafür vieleicht ein Code oder muss man sich da in einer dieser Online Service anmelden?
So besser?^^

[i.b.g]

http://www.google.de/search?as_q=javascrip...amp;safe=images

[Serhat_K]

Ich hab wieder probleme Ich füge erst mal paar Screenshots rein und dann stell ich die Frage:

Von links nach rechts: Phase 5 - Vorschau; Internet Explorer; Mozilla Firefox



Und jetzt zur Frage:
Also das was ihr da oben sieht sind Releaselisten (steht ja da^^). Es sind iFrames. Bei der vorschau (bild 1) ist es perfekt rausgekommen doch bei IE und Mozilla sind die schriften nicht da wo sie seien sollten und auch die größe der schrift passt nicht.

Der code vom iframe:

QUELLTEXT

<table border=0>
<tr>
<td><img src="images/release/release-ffxii.png" alt="" /> </td>
<td>
         <font color="#FFFFFF"><b>Japan -     <font color="#FFFF00">    16. März 2006</b></font></a><br>
     <font color="#FFFFFF"><b>USA -       <font color="#FFFF00">    31. Okt. 2006</b></font></a> <br>
     <font color="#FFFFFF"><b>Europa -    <font color="#FFFF00">    23. Feb. 2007<br></b></font></a><br>
</td>
</tr>
</table>

<table border=0>
<tr>
<td><img src="images/release/release-ffxiirw.png" alt="" />  </td>
<td>
        <font color="#FFFFFF"><b>Japan -         <font color="#FFFF00"> 26. April 2007</b></font></a> <br>
    <font color="#FFFFFF"><b>USA -       <font color="#FFFF00">TBA</b></font></a> <br>
    <font color="#FFFFFF"><b>Europa -       <font color="#FFFF00">TBA</b></font></a> <br>
</td>
</tr>
</table>

<table border=0>
<tr>
<td><img src="images/release/release-ffvi-a.png" alt="" />   </td>
<td>
         <font color="#FFFFFF"><b>Japan -          <font color="#FFFF00">30. Nov. 2006</b></font></a> <br>
     <font color="#FFFFFF"><b>USA -       <font color="#FFFF00">    05. Feb. 2007</b></font></a> <br>
         <font color="#FFFFFF"><b>Europa -       <font color="#FFFF00">TBA</b></font></a> <br>
</td>
</tr>
</table>

<table border=0>
<tr>
<td><img src="images/release/release-ffviicc.png" alt="" />  </td>
<td>            
        <font color="#FFFFFF"><b>Japan -         <font color="#FFFF00">2. August 2007</b></font></a> <br>
    <font color="#FFFFFF"><b>USA -       <font color="#FFFF00">TBA</b></font></a> <br>
    <font color="#FFFFFF"><b>Europa -       <font color="#FFFF00">TBA</b></font></a> <br>
</td>
</tr>
</table>

Ich will das die liste in IE sowie in Firefox genau wie bei der Phase 5 vorschau aussieht... geht das? Wenn nicht gibs da noch ein anderen weg so ein iframe zu machen? Ich habe keine lust die liste in jeder seite einzelnd zu aktualisieren bzw. editieren. Ach und die Seite kann ich euch nicht zeigen da sie noch nicht Online ist.

Ich hoffe ihr könnt helfen...


Mfg. Serhat K.


EDIT: Hey leute, ich habe das problem gelöst... ich musste einfach nur die schrift verkleinern und dann ging es... aber danke an die, die mir helfen wollten ^^

Der Beitrag wurde von Serhat_K bearbeitet: 28.04.2007 - 23:01

[Auge]

Hallo

... Bei der vorschau (bild 1) ist es perfekt rausgekommen doch bei IE und Mozilla sind die schriften nicht da wo sie seien sollten und auch die größe der schrift passt nicht.

Ich will das die liste in IE sowie in Firefox genau wie bei der Phase 5 vorschau aussieht... geht das?

EDIT: Hey leute, ich habe das problem gelöst... ich musste einfach nur die schrift verkleinern und dann ging es...

Falls du, Serhat, das noch lesen solltest:

In jedem Browser gibt es die Möglichkeit, sowohl die bevorzugte Schriftart und -größe als auch eine grundsätzliche Mindestgröße der Schrift festzulegen. Daraus folgt, dass du das Problem nur für die Ansicht in deinem Browser gelöst hast. So du keine Änderungen in den Einstellungen vorgenommen hast, bist du einer von vielen, sodass davon auszugehen ist, dass die Anzeige auch bei vielen anderen so, oder (sehr) ähnlich ist.

Allerdings ist festzuhalten, dass HTML nicht dazu geschaffen wurde, Drucklayouts zu schaffen. Programme, die HTML anzeigen, können Browser wie MSIE, Opera oder Mozilla Firefox sein, deren Fenstergröße sehr unterschiedlich sein kann. Es können aber auch Programme sein, die in der Konsole (unter Windows: Eingabeaufforderung) funktionieren, womit sie nur Text darstellen, der optisch unformatiert daherkommt. Es gibt auch Programme, die HTML-Seiten auf einem PDA oder Smartphone darstellen, wo der Anzeigebereich eine Breite zwischen 160 und 480 Pixeln hat. Von Vorleseprogrammen oder Braillezeilen mal ganz abgesehen.

Du siehst, die Gegebenheiten beim Benutzer können sehr unterschiedlich sein. Das kann Ärgernis ("Das soll aber unbedingt so aussehen!") oder auch Chance (wenn man eine bedingte Veränderlichkeit zulässt) sein. Eine Aussage wie deine obige ("ich habe das problem gelöst") ist also nur bedingt (in deinem Browser ja, in einem anderen vielleicht auch nicht) richtig.

Tschö, Auge

[Google Bot]