nicht angemeldet
Matthias Apsel
Gunnar Bittersmann
Der Martin
Der Martin
dedlfix
dedlfix
Gunnar Bittersmann
dedlfix
Gunnar Bittersmann
Hallo,
(ich arbeite bisher nur mit css, kein Java und php)
ich möchte unter meine Fotos, die ich auf meiner Website am linken Rand untereinander mittels indivuelle layer platziere, kleine Begleittexte notieren und beides noch einrahmen.
Auf diese Art...
<div id="layer15" class="grossfotorahmen" title="Traditionelle
Käseherstellung, Freilichtmuseum Ballenberg"><img
alt="Käseherstellung Ballenberg"
src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200"><br>
<small>Traditionelle Käseherstellung, Freilichtmuseum
Ballenberg</small></div>
...kommt der Text automatisch unter das Bild zu stehen (hab ich per Zufall so hingekriegt), soweit klar.
Wie kann ich nun beides, Foto und Text, einrahmen, float gibt es ja nur right und left, aber für unten fand ich keinen Begriff. Oder muss ich einen fiktiven rechts- float machen, um ihn dann mit clear zu neutraliesieren?
das sind die css-formate:
#layer15 { position: absolute; top: 455; width: 300px; height: 300px; }/*fotos Käseherstellung-Ballenberg(hochbild) */
.grossfotorahmen { border-style: dashed; border-color: red; border-width: thin;}
Kann mir jemand da weiterhelfen ?
Vielen Dank, bari.
P.S. Für einen Sekundenmoment hatte ich tatsächlich beides eingerahmt gehabt, konnte das aber nicht behalten.
Deine Beschreibung ist doch recht irreführend.
Einerseits erzählst du von einem Rahmen und dann wieder von Textumfluss.
Eine kleine Skizze würde hier helfen.
Grüße
-1UP
Hi,
...kommt der Text automatisch unter das Bild zu stehen (hab ich per Zufall so hingekriegt), soweit klar.
So sehen Zufälle aus. ;-)
Wie kann ich nun beides, Foto und Text, einrahmen,
Hast du doch schon. Du musst allerdings dem Inhalt auch Höhe geben.
#layer15 { height: 300px; } 300!
Dann noch ein „img {display: block;}“ und du bist so ziemlich am Ziel. Das brrrr vielleicht noch löschen, das stört die Ästhetik.
Naja, bei genauer Betrachtung – … eleganter wäre ja so eine Konstuktion:
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<title>Titel</title>
<style type="text/css">
p.bild-links {
border: dashed 1px #fb0b0b;
width: 300px;
}
p.bild-links img {
display: block;
}
</style>
</head>
<body>
<p class="bild-links"><img alt="Käseherstellung Ballenberg" src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200" />Traditionelle Käseherstellung, Freilichtmuseum Ballenberg</p>
</body>
</html>
Warum schreibst du so einen Käse? ;-)
Ciao, Performer
Om nah hoo pez nyeetz, Performer!
Naja, bei genauer Betrachtung – … eleganter wäre ja so eine Konstuktion:
<body>
<p class="bild-links"><img alt="Käseherstellung Ballenberg" src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200" />Traditionelle Käseherstellung, Freilichtmuseum Ballenberg</p>
</body>
(in HTML5) besser wohl, da es sich um ein Bild mit Beschreibung handelt:
<figure>
<figcaption>Traditionelle Käseherstellung, Freilichtmuseum Ballenberg</figcaption>
<img alt="Käseherstellung Ballenberg" src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200" />
</figure>
verwende Klassenbezeichner nicht nach dem gegenwärtig gewünschten Aussehen sondern nach dem Inhalt.
@bari
die ID layer15 und die absolute Positionierung lässt ein ungünstiges Grundkonzept der Seite vermuten. Versuch mal, das Projekt zu zeigen. So kann dir besser geholfen werden.
Matthias
Hello,
Naja, bei genauer Betrachtung – … eleganter wäre ja so eine Konstuktion:
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Titel</title>
<style type="text/css">
p.bild-links {
border: dashed 1px #fb0b0b;
padding:10px;
width: 200px;
}
p.bild-links img {
display: block;
}
</style>
</head><body>
<p class="bild-links"><img alt="Käseherstellung Ballenberg" src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200">Traditionelle Käseherstellung, Freilichtmuseum Ballenberg</p>
</body></html>
musste ich gleich ausprobieren. Gefällt mir.
Funktioniert witzigerweise so sogar in IE8
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
--
☻\_
/▌
/ \ Nur selber lernen macht schlau
<http://bergpost.annerschbarrich.de>
Hello,
und wie geht es weiter, wenn man davon mehrere nebeneinander haben will?
<!doctype html>
<html lang="de">
<head> <meta charset="UTF-8"> <title>Titel</title> <style type="text/css">p.bild-links {
border: dashed 1px #fb0b0b;
padding:10px;
width: 200px;
}
p.bild-links img {
display: block;
}
</style>
</head><body> <p class="bild-links"><img alt="Käseherstellung Ballenberg" src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200">Traditionelle Käseherstellung, Freilichtmuseum Ballenberg</p> </body></html>
>
> musste ich gleich ausprobieren. Gefällt mir.
> Funktioniert witzigerweise so sogar in IE8
Aber ich krieg ja nir genug :-O
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
--
☻\_
/▌
/ \ Nur selber lernen macht schlau
<http://bergpost.annerschbarrich.de>
Hi,
und wie geht es weiter, wenn man davon mehrere nebeneinander haben will?
immer am Fluss entlang und dann links ab. ;-)
Ciao, Performer
PS: p.bild-links {float: left;}
@@Performer:
nuqneH
Warum schreibst du so einen Käse? ;-)
Damit was um die Löcher drumrum ist.
Ernsthaft: Darum sollte man Käse schreiben.
Qapla'
Hallo zusammen,
Vielen Dank für die super Hilfe und Ideen! - Wie es manchmal so geht, nach einmal drüber schlafen sieht man eine Lösung, und heute klappt es mit folgender Lösung:
div.rahmen {
border-left-style: solid; border-left-width: 1px; border-left-color: grey;
border-right-style: solid; border-right-width: 1px; border-right-color: grey;
border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: grey;
border-top-style: solid; border-top-width: 1px; border-top-color: grey; }
Warum kann man da nicht einfach
div.rahmen {border: 1px solid grey:} fuer alle 4 Seiten schreiben, ging bei mir nicht.
So sehen Zufälle aus. ;-)
ja, genug im html-Wald herumgelaufen (manchmal geirrt), stösst man hie und da doch auf einen Pilz...
Wie kann ich nun beides, Foto und Text, einrahmen,
Hast du doch schon. Du musst allerdings dem Inhalt auch Höhe geben.
hab ich eben gemerkt, resp. ich muss die Höhe im layer etwas grösser als diejenige der foto machen, da der Legendentext nicht zur foto gehört.
#layer15 { height: 300px; } 300!
Dann noch ein „img {display: block;}“ und du bist so ziemlich am Ziel. Das brrrr vielleicht noch löschen, das stört die Ästhetik.
Naja, bei genauer Betrachtung – … eleganter wäre ja so eine Konstuktion:
<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8" />
<title>Titel</title>
<style type="text/css">
p.bild-links {
border: dashed 1px #fb0b0b;
width: 300px;
}
p.bild-links img {
display: block;
}
</style>
</head>
<body>
<p class="bild-links"><img alt="Käseherstellung Ballenberg" src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200" />Traditionelle Käseherstellung, Freilichtmuseum Ballenberg</p>
</body>
</html>
Werde mich mit deiner Idee noch befassen.
> Warum schreibst du so einen Käse? ;-)
Frag ich mich auch manchmal - umso mehr wenn er dann nicht so "mundet" wie der beschriebene;-)
\--
>Damit was um die Löcher drumrum ist.
eben, ohne Löcher doch kein Käse...;-)
\--
>die ID layer15 und die absolute Positionierung lässt ein ungünstiges >Grundkonzept der Seite vermuten. Versuch mal, das Projekt zu zeigen. So >kann dir besser geholfen werden.
>Matthias
wie meinst du das, soll ich mein ganzes html-Skript posten und das css auch?
Kann ich schon machen. Es ist nicht so gross, aber halt eine "Baustelle". Mein bisheriges Prinzip: nachdem ich anfangs mit verschachtelten Tabellen gearbeitet habe und dabei mal auf die Nase geflogen bin, weil ich etwas ungewollt gelöscht habe und danach das Tabellenkonstrukt nicht mehr hingekriegt habe, bin ich zu den layern übergegangen, d.h. ich schreibe jeden Text und platziere jede foto in einen (meist separaten) layer, die manchmal verschachtelt sind.
\--
Desten Dank auch an diejenigen, die ich nicht explizit zitiert habe.
\--
Gruss
bari.
...und jetzt noch komplett mit dem html-text (ging in meinem vorhergehenden mail vergessen):
<div id="layer15" class="rahmen" title="Traditionelle
Käseherstellung, Freilichtmuseum Ballenberg"><img
alt="Käseherstellung Ballenberg"
src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200"><br>
<small>Traditionelle Käseherstellung, Freilichtmuseum
Ballenberg</small></div>
div.rahmen {
border-left-style: solid; border-left-width: 1px; border-left-color: grey;
border-right-style: solid; border-right-width: 1px; border-right-color: grey;
border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: grey;
border-top-style: solid; border-top-width: 1px; border-top-color: grey; }
--
bari.
Mahlzeit,
div.rahmen {
border-left-style: solid; border-left-width: 1px; border-left-color: grey;
border-right-style: solid; border-right-width: 1px; border-right-color: grey;
border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: grey;
border-top-style: solid; border-top-width: 1px; border-top-color: grey; }
Vorsicht, hier gibt's eine britisch-amerikanische Stolperfalle. Das Schlüsselwort für die Farbe lautet "gray", auch wenn inzwischen wohl einige Browser auch die britische Schreibweise "grey" akzeptieren.
Ich empfehle grundsätzlich eine Farbangabe im RGB-Klartext, also #808080. Dann gibt's keine Verwechslungen, und man erkennt auch bei "schrägen" Farben sofort, um was für einen Farbton es sich handelt (jedenfalls ungefähr), während man sich unter den "Codeworten" für die Farben oft nicht viel vorstellen kann.
Warum kann man da nicht einfach
div.rahmen {border: 1px solid grey:} fuer alle 4 Seiten schreiben, ging bei mir nicht.
Sollte aber. Das ist die Kurzschreibweise, und zur ausführlichen Form oben völlig äquivalent.
So sehen Zufälle aus. ;-)
ja, genug im html-Wald herumgelaufen (manchmal geirrt), stösst man hie und da doch auf einen Pilz...
Oder auf ein Pils. ;-)
Warum schreibst du so einen Käse? ;-)
Frag ich mich auch manchmal - umso mehr wenn er dann nicht so "mundet" wie der beschriebene;-)
Gunnar meinte eher die unnötige Vergewaltigung des 'ä' zum ä.
Damit was um die Löcher drumrum ist.
eben, ohne Löcher doch kein Käse...;-)
Och, ein guter Gouda oder Edamer hat auch kaum Löcher, und ist trotzdem lecker.
wie meinst du das, soll ich mein ganzes html-Skript posten und das css auch?
Nein, verlinken. Dann kann man es sich direkt online ansehen. Übrigens: Es gibt kein "HTML-Skript".
So long,
Martin
[latex]Mae govannen![/latex]
Warum kann man da nicht einfach
div.rahmen {border: 1px solid grey:} fuer alle 4 Seiten schreiben, ging bei mir nicht.Sollte aber. Das ist die Kurzschreibweise, und zur ausführlichen Form oben völlig äquivalent.
Vermutlich das grey. Mag sein, daß es als Wert für *-color akzeptiert wird, für die Kombi-Eigenschaft jedoch nicht. Dann gilt üblicherweise, daß bei unbekannten Werten die gesamte Regel ignoriert wird.
Stur lächeln und winken, Männer!
Kai
Hi,
Warum kann man da nicht einfach
div.rahmen {border: 1px solid grey:} fuer alle 4 Seiten schreiben,
ging bei mir nicht. ^
|
Sollte aber. |
|
Vermutlich das grey. |
|
Vermutlich der Doppelpunkt. ------------| ;-)
Ciao, Performer
> > > div.rahmen {border: 1px solid grey:} fuer alle 4 Seiten schreiben,
ging bei mir nicht. ^
|
Sollte aber. |
|
Vermutlich das grey. |
|
Vermutlich der Doppelpunkt. ------------| ;-)
Ciao, Performer
ja klar! (ist mir schon mal passiert). Vielen Dank, sehe deine doppelpunktgenaue Web-Art erst jetzt.
noch eine Frage: ich würde gerne ein Posting "fachlich hilfreich" ankreuzen. Dazu muss ich mich registrieren. Wenn ich mich registriere, muss ich Passwort eingeben und wiederholen. Spätestens hier denke ich, etwas übersehen zu haben, oder es fehlt ein normales login. Welches Feld hab ich da übersehen, wo ich mich einfach einloggen kann? Oder wie ist das gemeint?
Gruss,
bari.
Hallo,
noch eine Frage: ich würde gerne ein Posting "fachlich hilfreich" ankreuzen. Dazu muss ich mich registrieren.
richtig soweit.
Wenn ich mich registriere, muss ich Passwort eingeben und wiederholen. Spätestens hier denke ich, etwas übersehen zu haben, oder es fehlt ein normales login.
Auch richtig. Es gibt strenggenommen kein Login, sondern "nur" eine Authentifizierung.
Welches Feld hab ich da übersehen, wo ich mich einfach einloggen kann?
Auf der Forumshauptseite oben links: "Benutzerspezifische Ansicht"
Ciao,
Martin
Hallo Martin,
Welches Feld hab ich da übersehen, wo ich mich einfach einloggen kann?
Auf der Forumshauptseite oben links: "Benutzerspezifische Ansicht"
wunderbar, wäre nicht sogleich darauf gekommen.
Vielen Dank,
bari.
Hi,
Welches Feld hab ich da übersehen, wo ich mich einfach einloggen kann?
Auf der Forumshauptseite oben links: "Benutzerspezifische Ansicht"
Warum steht da nicht einfach:
Registrierung
Login
Denn um nichts anderes geht es doch. Oder wäre das zu allgemeinverständlich?
Wo bleibt hier die vielbeschworene Benutzerfreundlichkeit?
Ciao, Performer
Tach!
Welches Feld hab ich da übersehen, wo ich mich einfach einloggen kann?
Auf der Forumshauptseite oben links: "Benutzerspezifische Ansicht"
Warum steht da nicht einfach:Registrierung
Login
Denn um nichts anderes geht es doch. Oder wäre das zu allgemeinverständlich?
Jein, es ist ein wenig anders. Die Registrierung und das "Login" sind nur das Mittel zum Zweck, eine benutzerdefinierten Ansicht rechnerübergreifend zur Verfügung zu stellen. Wenn eine Wiedererkennung anderweitig möglich wäre, dann würde eine solche Registrierung und Authentifizierung gar nicht benötigt werden. Es ist ja noch nicht mal ein fest zu verwendender Name für das Posten damit verbunden. Das Reservieren eines Namens ist nur eine Option. Insofern ist das ein signifikanter Unterschied zu anderen Systemen, wo eine Registrierung eine eindeutige Identifikation des Posters sicherstellt.
Wo bleibt hier die vielbeschworene Benutzerfreundlichkeit?
Benutzerfreundlich wäre in meinen Augen vielleicht, das Leistungsmerkmal und die Vorteile der benutzerdefinierten Ansicht mehr hervorzuheben. Wobei ja bereits der Satz
"Du kannst dich im Forum Seite registrieren. Es werden dann vielfältige Seite Anpassungs-Möglichkeiten angeboten, die die Forumsnutzung erleichtern."
über dem Forum steht. Man muss das im Prinzip nur lesen. Aber dazu hat ja keiner die Zeit ...
dedlfix.
Tach!
"Du kannst dich im Forum Seite registrieren. Es werden dann vielfältige Seite Anpassungs-Möglichkeiten angeboten, die die Forumsnutzung erleichtern."
Bin mal wieder auf den Copy&Paste-Fehler reingefallen. Der Satz steht natürlich ohne das zweimalige "Seite" da. Das "Seite" ist nur der Alt-Text von den Symbolen.
dedlfix.
@@dedlfix:
nuqneH
über dem Forum steht. Man muss das im Prinzip nur lesen. Aber dazu hat ja keiner die Zeit ...
Ja. Auch zum Charta-Lesen nicht.
Das UI sollte dem Rechnung tragen.
Und ich stmme mit Performer überein, dass „Benutzerspezifische Ansicht“ eine blöde Bezeichnung dafür ist, was woanders „Einloggen“ heißt.
Und ja, ich bin mir dessen bewusst, dass Authentifikation technisch kein Einloggen ist. Der gemeine Nutzer aber nicht.
Qapla'
Hi,
Der gemeine Nutzer …
der bin ich ja auch selbst. Ich mag es, wenn meine Faulheit unterstützt wird und ich auf bekannte Muster in der Orientierung bzw. Bedienung zurückgreifen kann. Ich bin dabei auch bereit, großzügig Begriffe auszulegen. ;-)
Ciao, Performer
Tach!
Der gemeine Nutzer …
der bin ich ja auch selbst. Ich mag es, wenn meine Faulheit unterstützt wird und ich auf bekannte Muster in der Orientierung bzw. Bedienung zurückgreifen kann. Ich bin dabei auch bereit, großzügig Begriffe auszulegen. ;-)
Gut, als Kompromiss könnte man das "Einloggen für benutzerspezifische Ansicht" an einer mehr prominenten Stelle unterbringen.
dedlfix.
Hi,
Gut, als Kompromiss könnte man das "Einloggen für benutzerspezifische Ansicht" an einer mehr prominenten Stelle unterbringen.
die Stelle selbst empfinde ich durchaus als richtig, nur die „Benutzerspezifische Ansicht“ entspricht nicht den allgemeinen Gepflogenheiten.
Ich habe eben von meinen Lesezeichen wahllos Webseiten aufgerufen, von denen ich annahm, ich könnte mich zu irgend einem Zweck anmelden oder einloggen, sei es zum schreiben, lesen, Bilder ansehen, Waren bestellen, Software herunter oder Dateien hoch laden, Bestellungen aufgeben oder was auch immer. Der Link war jeweils so beschriftet:
Anmelden
Login
Log in
Anmelden
Einloggen
Einloggen
anmelden
Kundenlogin
login
Mein Konto & Login
Anmeldung
FreeMail
Bei zwei Links kann man vermuten, worum es geht, doch nirgends steht so ein Wortungetüm wie „Benutzerspezifische Ansicht“. Das ist viel zu lang, viel zu kompliziert. Meine Rechtschreibprüfung mag das Wort auch nicht. ;-) Dabei spielt es gar keine Rolle, ob die Beschriftung an sich richtig oder falsch ist, sie entspricht einfach nicht den Regeln. Für das neue Forum sollte das neben einigen anderen Kleinigkeiten berücksichtigt werden. Am jetzigen Forum würde ich keine Änderungen mehr anbringen, da ist eh Hopfen und Malz verloren … :-D
Ciao, Performer
@@Performer:
nuqneH
Der Link war jeweils so beschriftet:
Anmelden
Login
[…]
Wobei „Anmelden“ nicht eindeutig ist. Ist damit die Neuanmeldung (Registrierung) gemeint oder die Anmeldung (Login) als schon registrierter Nutzer?
Den Begriff sollte man eher vermeiden. Bei Twitter, VZ und XING heißt es es „Einloggen“ vs. „Registrieren“. Facebook fällt mit „Anmelden“ vs. „Registrieren“ aus der Reihe. Bei Google+ ist es gar „Anmelden“ vs. „Anmelden“. WTF?
Qapla'
Hallo zusammen, wenn ich mich als gemeiner Nutzer oder Laie auch noch einklinken darf:
warum nicht einfach beim Text...
"Bisher wurde dieses Posting 0 mal als fachlich hilfreich bewertet. Um ein Posting zu bewerten, müssen Sie sich registrieren.",
...der unter jedem Posting steht (und somit genau dort, wo man sich entweder einloggen will oder eben nicht), den Link anstatt zu "registrieren" direkt zu dem Begriff "Benutzerspezifische Ansicht" (=Einloggen, Login...) ?
bari.
Om nah hoo pez nyeetz, bari!
...der unter jedem Posting steht (und somit genau dort, wo man sich entweder einloggen will oder eben nicht), den Link anstatt zu "registrieren" direkt zu dem Begriff "Benutzerspezifische Ansicht" (=Einloggen, Login...) ?
Man kann ja nicht wissen, ob derjenige, der dieses Posting bewerten möchte überhaupt schon registriert ist, also eine benutzerspezifische Ansicht besitzt/en kann. Ergo zwei Links: Registrieren / Einloggen.
Matthias
@@Kai345:
nuqneH
Vermutlich das grey. Mag sein, daß es als Wert für *-color akzeptiert wird, für die Kombi-Eigenschaft jedoch nicht.
Vermutlich nicht. Ich würde erwarten, dass ein Browser entweder 'grey' versteht oder nicht, aber konsequent.
Qapla'
Super Tipps! Vielen Dank!
Vorsicht, hier gibt's eine britisch-amerikanische Stolperfalle. Das Schlüsselwort für die Farbe lautet "gray", auch wenn inzwischen wohl einige Browser auch die britische Schreibweise "grey" akzeptieren.
Danke, (wusste nicht mal dass es grey und gray gibt).
Ich empfehle grundsätzlich eine Farbangabe im RGB-Klartext,
ja, klar.
div.rahmen {border: 1px solid grey:} fuer alle 4 Seiten schreiben, ging bei mir nicht.
Sollte aber. Das ist die Kurzschreibweise, und zur ausführlichen Form oben völlig äquivalent.
Geht jetzt plötzlich, mit grey oder gray, und besser natuerlich auch mit dem ganzem code.
Gunnar meinte eher die unnötige Vergewaltigung des 'ä' zum ä.
habe ein amerikanisches Laptop (mit der US-Tastatur, was mich schon genug der Angewoehnung kostete um z.b. die Tasten fuer die runden Klammern eine Tastatur nach links verschoben zu merken) und wechsele staendig die Spracheinstellung, was das Schreiben des ä,ö,ü unmoeglich macht, ausser ich wechsele wiederum.
Aber, ich dachte, grundsaetzlich sei es besser ae, oe, ue zu schreiben.
eben, ohne Löcher doch kein Käse...;-)
Och, ein guter Gouda oder Edamer hat auch kaum Löcher, und ist trotzdem lecker.
Ja, klar. Kaese mit oder ohne Löcher... empfehle einen 2-jährigen Emmentaler aus traditioneller Produktion und Reifung - exquisit!, und dazu ein Pils (Puristen ziehen Wein vor, bin keiner). Gratis Promotion-tip: Schweizer sollten eigentlich jene Käsesorten, die viele Löcher haben, per Volumen anstatt per Gewicht verkaufen. Wussten doch schon namhafte Schriftsteller die Schweizer Alpenluft zu schätzen ;-) .
Aber noch eine ernsthafte Frage in diesem allgemeinen Zus.-hang: ist es besser im css und auch im html 1px oder einfach 1 etc zu schreiben?
also z.b. .layer {margin: 5 5 5 5;} oder ...{margin: 5px 5px 5px 5px;}, dasselbe auch bei height, width etc.
wie meinst du das, soll ich mein ganzes html-Skript posten und das css auch?
Nein, verlinken. Dann kann man es sich direkt online ansehen.
zuvorkommend von dir!, komme wieder, sobald ich soweit bin.
Übrigens: Es gibt kein "HTML-Skript".
wie heisst das richtig?
Schoenen Abend,
bari.
Hi,
Vorsicht, hier gibt's eine britisch-amerikanische Stolperfalle. Das Schlüsselwort für die Farbe lautet "gray", auch wenn inzwischen wohl einige Browser auch die britische Schreibweise "grey" akzeptieren.
Danke, (wusste nicht mal dass es grey und gray gibt).
naja, ich hatte in der Schule drei Jahre lang einen Amerikaner als Englischlehrer. Der hat ziemlich konsequent immer wieder auf die feinen Unterschiede zwischen britischem und amerikanischem Englisch hingewiesen.
Meistens sind es ja nur kleine Variationen der Schreibweise (z.B. BE: centre, AE: center), aber oft auch völlig andere Begriffe für ein- und dasselbe. Ganz besonders oft gibt es solche Abweichungen bei Begriffen aus dem Automobilbereich. So wird ein amerikanischer Autofahrer möglicherweise verständnislos dreinblicken, wenn der Engländer ihm erzählt, er hätte irgendwas "into the boot" gepackt. Wenn er dann endlich begreift, dass der Kofferraum des Autos gemeint ist, sagt er vielleicht, "Oh, you mean the trunk! Why don't you say that?" :-)
div.rahmen {border: 1px solid grey:} fuer alle 4 Seiten schreiben, ging bei mir nicht.
Sollte aber. Das ist die Kurzschreibweise, und zur ausführlichen Form oben völlig äquivalent.
Geht jetzt plötzlich, mit grey oder gray, und besser natuerlich auch mit dem ganzem code.
War es vielleicht wirklich der Doppelpunkt anstelle des Semikolons, wie es dem Performer aufgefallen ist?
Gunnar meinte eher die unnötige Vergewaltigung des 'ä' zum ä.
habe ein amerikanisches Laptop (mit der US-Tastatur, was mich schon genug der Angewoehnung kostete um z.b. die Tasten fuer die runden Klammern eine Tastatur nach links verschoben zu merken) und wechsele staendig die Spracheinstellung, was das Schreiben des ä,ö,ü unmoeglich macht, ausser ich wechsele wiederum.
Okay, das kann ich nachvollziehen. Wobei ... benutzt du willentlich das US-Layout? Wenn nicht, kann man ja auch eine Standardtastatur mit deutschem Layout anschließen (und das Layout im Tastatur-Treiber entsprechend umstellen). Unterwegs vielleicht nicht gerade; wenn man zuhause am Laptop arbeitet, ist eine "richtige" Tastatur aber sowieso eine gute Idee.
eben, ohne Löcher doch kein Käse...;-)
Och, ein guter Gouda oder Edamer hat auch kaum Löcher, und ist trotzdem lecker.
Ja, klar. Kaese mit oder ohne Löcher... empfehle einen 2-jährigen Emmentaler aus traditioneller Produktion und Reifung - exquisit!, und dazu ein Pils (Puristen ziehen Wein vor, bin keiner).
Hehe, ich würde auch jederzeit ein mittelmäßiges Bier einem guten Wein vorziehen. :-)
Aber noch eine ernsthafte Frage in diesem allgemeinen Zus.-hang: ist es besser im css und auch im html 1px oder einfach 1 etc zu schreiben?
Nein. Eine Maßangabe muss eine Einheit haben. Auch in CSS. Wenn sie fehlt, ist das Maß ungültig und sollte(!) ignoriert werden, weil dann nicht klar ist, ob es 1px, 1%, 1em, 1mm oder auch 1pt sein soll. Erfahrungsgemäß versuchen die meisten Browser bei fehlender Maßeinheit aber zu raten, und gehen von 'px' aus. Falsch ist es dennoch.
Nur wenn der Wert 0 ist, darf die Einheit entfallen, denn 0px ist dasselbe wie 0cm oder 0em.
Übrigens: Es gibt kein "HTML-Skript".
wie heisst das richtig?
Dokument, Markup, Code ...
Ciao,
Martin
Om nah hoo pez nyeetz, bari!
Aber noch eine ernsthafte Frage in diesem allgemeinen Zus.-hang: ist es besser im css und auch im html 1px oder einfach 1 etc zu schreiben?
gibt es einen Unterschied zwischen Millimeter und Kilogramm?
Der CSS-Teil des Wikis sollte dir bei deinen Fragestellungen behilflich sein. u.a. Eigenschaften
Matthias
Schönen Tag Matthias,
Komme nochmals auf deinen Vorschlag zurück.
Zuerst:
Om nah hoo pez nyeetz, bari!
was heisst das?
ist es besser im css und auch im html 1px oder einfach 1 etc zu schreiben?
gibt es einen Unterschied zwischen Millimeter und Kilogramm?
Der CSS-Teil des Wikis sollte dir bei deinen Fragestellungen behilflich sein. u.a. Eigenschaften
inzwischen klar.
--
Nun zu deinem Vorschlag mit figure, figcaption, hier ist der code dazu:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
<title>Test mit caption</title>
<style type="text/css">
#layer1 { position: absolute; top: 30px; left: 0px; width: 282px; height: 200px; }
#layer2 { position: absolute; top: 30px; left: 300px; width: 200px; height: 335px; }
.rahmen {border: 1px solid #f00;}
body {font-family: helvetica,arial,sans-serif;}
</style>
</head>
<body>
Meine Homepage
<div id="layer1">
<figure> <figcaption style="border: 1px solid #f00;"> <img
title="Traditionelle Käseherstellung, Freilichtmuseum
Ballenberg" style="padding-left: 0px;"
alt="Käseherstellung Ballenberg"
src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200"><small>
Traditionelle Käseherstellung Freilichtmuseum
Ballenberg</small></figcaption></figure>
</div>
<div id="layer2" class="rahmen" title="Traditionelle
Käseherstellung Freilichtmuseum Ballenberg"><img
alt="Käseherstellung Ballenberg"
src="Kaesen-Ballenberg_200x300.jpg" border="0" height="300"
width="200"><br>
<small>Traditionelle Käseherstellung Freilichtmuseum
Ballenberg<br>
</small></div>
</body>
</html>
~~~``{:.language-xml}
Vom Codieren her (Zeichenmenge) gibt es letztlich kaum einen Unterschied.
-Aber beim Rahmen schon: ich habe mit figure, figcaption keinen farbigen Aussenrahmen um das ganze Objekt hingekriegt (ein Mindestaussenrand scheint generell programmiert zu sein); drinnen sohon, aber diese Breite musste ich mit Pröbeln herausfinden, meine Breite der foto, 200px, war nicht passend,viel zu schmal, schliesslich passten 282px.
-Das Platzieren des Textes hingegen ist variabler, oben oder unten, je nachdem wo man den Text in das Objektfeld schreibt. Er schaut dann halt, ob text-align: middle, left oder right u.Umst. über den eigentlichen Fotorand hinaus, was etwas unschön ist.
-> wenn es keine anderweitigen triftigen Gründe für deinen Vorschlag gibt, ziehe ich bis auf Weiteres meine Variante vor (den Zwischenraum zwischen zwei fotos muss ich halt berechnen, wohingegen mit figure, figcaption man ein div nahtlos ans andere setzen könnte; der gegebene Aussenrand wäre dann der Zwischenraum. Sehe ich das richtig so?
Letze Frage: ich müsste meine noch nicht fertige Homepage auf einem Server ins Netz stellen, damit man sie per url ansehen könnte, oder?
Besten Dank für deine Ratschläge. Tschüss,
bari.
Om nah hoo pez nyeetz, bari!
Nun zu deinem Vorschlag mit figure, figcaption, hier ist der code dazu:
figure und figcaption sind HTML5-Elemente, du kannst also nicht mit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ein HTML4.01-Dokument ankündigen
Wenn du statt
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
content="text/html; charset=UTF-8" verwendest _und_ deinen Editor anweist, die Dokumente als UTF-8 ohne BOM zu speichern, brauchst du keine Üäte verstümmeln.
#layer1 { position: absolute; top: 30px; left: 0px; width: 282px; height: 200px; }
#layer2 { position: absolute; top: 30px; left: 300px; width: 200px; height: 335px; }
Du denkst zu starr. Deine Seite soll auf allen möglichen Ausgabemedien gut aussehen. Lass die Seite sich selbst anpassen, indem du soweit wie möglich auf absolute Positionierung verzichtest. Sei dir außerdem bewusst, dass deine Styleangaben bestenfalls Vorschläge sind. _Jeder_ kann die Seite nach seinen Wünschen gestalten.
In der Endfassung sollte der CSS-Code in eine eigene Ressource.
Letze Frage: ich müsste meine noch nicht fertige Homepage auf einem Server ins Netz stellen, damit man sie per url ansehen könnte, oder?
Ja.
Matthias
@@Matthias Apsel:
nuqneH
Wenn du statt
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">content="text/html; charset=UTF-8" verwendest _und_ deinen Editor anweist, die Dokumente als UTF-8 ohne BOM zu speichern
und deinen Server anweist, die Dokumente als UTF-8 auszuliefern
brauchst du keine Üäte verstümmeln.
Das brauchst du bei ISO 8859-1 auch nicht.
Qapla'
figure und figcaption sind HTML5-Elemente, du kannst also nicht mit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ein HTML4.01-Dokument ankündigen
Wenn du statt
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">content="text/html; charset=UTF-8" verwendest _und_ deinen Editor anweist, >die Dokumente als UTF-8 ohne BOM zu speichern, brauchst du keine >Üäte verstümmeln.
was heisst/ist BOM ?
(Wikipedia sagt eine Westafrikanische Sprache, vom Aussterben bedroht..., und der Suchdienst von selfhtml führt einem zu "bombenbau", ich hab' ja definitiv keine zerstörerische Absicht...;-)
ernsthafter:
abstrakt ist meine touristische Homepage hat ein 3x4-Seiten-Gerüst, 4 Seiten/Sprache (de, eng und russisch, evtl franz) index, Busisessreisen, Ferien od Urlaub, Kontakt, sind die 4 Seitentitel (links). Vom Thema her könnte ich die mittleren zwei zusammennehmen, doch ich möchte relativ viele Fotos zeigen (bis zu 4 von den grossen (bxh: 300x225/200, px) und zirka 4 vom Format 200x100 oder oder ähnlich. Links, unterhalb dem 100px hohen, immer gleichen Kopfteil stehen jeweils die grossen fotos, rechts folgt ein Text und unterhalb die kleinen fotos mit einer Art einfachen Legende dazu (fotos rechts, Text dazu auf gleicher Höhe links, in diesem rechten Teil).
Das wär's eigentlich.
#layer1 { position: absolute; top: 30px; left: 0px; width: 282px; height: 200px; }
#layer2 { position: absolute; top: 30px; left: 300px; width: 200px; height: 335px; }Du denkst zu starr.
... ich komme (noch) nicht draus.
Deine Seite soll auf allen möglichen Ausgabemedien gut aussehen. Lass die Seite sich selbst anpassen, indem du soweit wie möglich auf absolute Positionierung verzichtest.
Sei dir außerdem bewusst, dass deine Styleangaben bestenfalls Vorschläge sind. _Jeder_ kann die Seite nach seinen Wünschen gestalten.
Den Vorgang "sich selbst anpassen" muss ich erst noch verstehen. Kannst du mir ein Bsp geben, wo/wie ich auf deiner Homepage (billiger-im-urlaub.de oder die andere mit den Autobahnen) etwas am Layout ändern kann? Oder wie ist das gemeint.
In der Endfassung sollte der CSS-Code in eine eigene Ressource.
leider nochmals, was heisst das?
Letze Frage: ich müsste meine noch nicht fertige Homepage auf einem Server ins Netz stellen, damit man sie per url ansehen könnte, oder?
Ja.
denke darüber nach - nicht dass mir noch etwas abhanden kommt;-), besser wenn alle Seiten mal geschrieben sind oder gleich so?
Besten Dank für deine Tipps - habe nun ein paar Dinge nachzulesen, damit ich noch einigermassen mitkomme (spiele ein paar Ligen tiefer und bin nicht mehr der Jüngste...;-) .
A+
bari.
Om nah hoo pez nyeetz, bari!
was heisst/ist BOM ?
Byte-Order-Mark, ein solches brauchst du nicht, weil du UTF-8 (und nicht UTF-16 oder -32) verwendest.
Den Vorgang "sich selbst anpassen" muss ich erst noch verstehen.
Eine Seite sollte ein flexibles Layout haben, da du ja nicht wissen kannst, mit welcher Größe und Schriftgröße sich das Dokument angeschaut wird. (Für "neumodisches Zeug" wie Smartphones kannst du auch ein eigenes Design angeben - sogenanntes Responsive Webdesign). Wenn du dir beispielsweise diesen Ferienkalender anschaust, siehst du, dass je nach Breite des Browserfensters 3 oder 4 Monate nebeneinander passen.
Durch absolute (oder fixierte) Positionierung ist dies nicht möglich. Wenn die Seite nicht groß genug ist, sind die Inhalte nicht erreichbar. (Beispiel1; Beispiel2, kleines Browserfenster, Link für Buchstabe A)
Kannst du mir ein Bsp geben, wo/wie ich auf deiner Homepage (billiger-im-urlaub.de oder die andere mit den Autobahnen) etwas am Layout ändern kann? Oder wie ist das gemeint.
Dafür kannst du sogenannte User-Styles verwenden, für den Firefox etwa das AddOn Stylish oder auch eigene JavaScripte etwa mit Greasemonkey. Damit kannst du jede Seite nach deinen Wünschen anpassen, zusätzlich zu den grundlegenden Sachen, wie Bilder an/aus, Mindestschriftgröße (Sehbehinderte) ...
In der Endfassung sollte der CSS-Code in eine eigene Ressource.
leider nochmals, was heisst das?
Du solltest das CSS in eine eigene Datei stecken. Dazu steckst du ins head-Element folgendes:
<link rel="stylesheet" href="Dateiname.css" type="text/css">
und packst alle deine Styleangaben in die Datei "Dateiname.css". Dies muss eine reine Text-Datei sein, die auch als UTF-8 gespeichert werden sollte. Das hat den Vorteil, dass die Angaben nur ein einziges Mal übertragen werden müssen und auch nur an einer Stelle bearbeitet werden brauchen.
denke darüber nach - nicht dass mir noch etwas abhanden kommt;-), besser wenn alle Seiten mal geschrieben sind oder gleich so?
gleich so, je eher du konkrete Hilfe bekommen kannst um so weniger hast du ggf. umsonst Energie verpulvert, etwa wenn du für jede Seite denselben Fehler machst.
Für unterschiedliche Sprachen gibt es auch automatische Sprachvereinbarungen, da ist Gunnar Experte. Ich hatte das mal probiert, war aber nicht so zufrieden, deshalb meine Lösung mit nur wenig Komfort-Einbuße. (Da kann man auch noch mal schön die Breitenanpassung, hier ohne definierte Mindesbreite, beobachten, Lediglich die Google-Werbung tanzt aus der Reihe)
Matthias
Eine Seite sollte ein flexibles Layout haben, da du ja nicht wissen kannst, mit welcher Größe und Schriftgröße sich das Dokument angeschaut wird. (Für "neumodisches Zeug" wie Smartphones kannst du auch ein eigenes Design angeben - sogenanntes Responsive Webdesign). Wenn du dir beispielsweise diesen Ferienkalender anschaust, siehst du, dass je nach Breite des Browserfensters 3 oder 4 Monate nebeneinander passen.
im Gegensatz zu der Site fahrenheit.net entsteht aber bei mir (mit Google-Chrom) ein Querbalken, die Monate werden "abgeschnitten" wenn ich das Fenster verkleinere (mit dem mittleren Feldchen oben rechts). Bei fahrenheit.de ist tatsächlich "phänomenal" wie sich das Fenster anpasst.
Durch absolute (oder fixierte) Positionierung ist dies nicht möglich. Wenn die Seite nicht groß genug ist, sind die Inhalte nicht erreichbar. (Beispiel1; Beispiel2, kleines Browserfenster, Link für Buchstabe A)
ja, klar geworden (nehme an, das "Zeug" über dem A oben links ist mit "fixiert" programmiert.)
Kannst du mir ein Bsp geben
Dafür kannst du sogenannte User-Styles verwenden, für den Firefox etwa das AddOn Stylish oder auch eigene JavaScripte etwa mit Greasemonkey. Damit kannst du jede Seite nach deinen Wünschen anpassen, zusätzlich zu den grundlegenden Sachen, wie Bilder an/aus, Mindestschriftgröße (Sehbehinderte) ...
für letzteres habe ich jeweils Ctrl gedrückt und mit der Maus gescrollt (bei Zeitungen z.B., wobei diese haben sich auch angepasst und grössere Schriften gewählt, NZZ z.B.), aber auch klar, je nutzerfreundlicher desto besser, keine Frage.
Du solltest das CSS in eine eigene Datei stecken. Dazu steckst du ins head-Element folgendes:
<link rel="stylesheet" href="Dateiname.css" type="text/css">
ja, wenigstens etwas habe ich schon erfüllt (und begriffen;-) Das war ja mein Einstieg in das Forum (glaub' ich, wo ich noch Windows-Editor mit Word- verwechselte...) und mittlerweile erkennen meine html-Dokumente externe Stylesheets. Im vorangehenden Bsp habe ich der Einfachheit halber alles in ein html-Dok geschrieben, eure css-Angaben reinkopiert und geschaut, was bei mir passiert und wie ich es verändern/anpassen kann (Rahmen).
gleich so, je eher du konkrete Hilfe bekommen kannst um so weniger hast du ggf. umsonst Energie verpulvert, etwa wenn du für jede Seite denselben Fehler machst.
Ja, gut. Vielleicht klappst heute noch.
Für unterschiedliche Sprachen gibt es auch automatische Sprachvereinbarungen, da ist Gunnar Experte.
Hab' ich auch gemerkt.
Lediglich die Google-Werbung tanzt aus der Reihe)
interessanterweise...
à+, dann wieder mit mehr Fleisch am Knochen,
bari.
Om nah hoo pez nyeetz, bari!
Eine Seite sollte ein flexibles Layout haben, [...] Wenn du dir beispielsweise diesen Ferienkalender anschaust, siehst du, dass je nach Breite des Browserfensters 3 oder 4 Monate nebeneinander passen.
im Gegensatz zu der Site fahrenheit.net entsteht aber bei mir (mit Google-Chrom) ein Querbalken, die Monate werden "abgeschnitten" wenn ich das Fenster verkleinere (mit dem mittleren Feldchen oben rechts). Bei fahrenheit.de ist tatsächlich "phänomenal" wie sich das Fenster anpasst.
was einfach daran liegt, dass für die Brückentagsseite eine Mindestbreite festgelegt ist, wenn du die unterschreitest, gibts Scrollbalken.
Matthias
Eine Seite sollte ein flexibles Layout haben
im Gegensatz zu der Site fahrenheit.net entsteht aber bei mir (mit Google-Chrom) ein Querbalken, die Monate werden "abgeschnitten" wenn ich das Fenster verkleinere
was einfach daran liegt, dass für die Brückentagsseite eine Mindestbreite festgelegt ist, wenn du die unterschreitest, gibts Scrollbalken.
o.k., das wär auch geklärt, danke.
Wollte meine in der ersten Version fertig gestellte Homepage auf den Server laden, das ging aber nicht. Könnte ein Screenshot davon machen. Wie kann ich ein Screenshot in ein Posting laden, wie ich das bei JaiMe vom 23.7. 20.31h gesehen habe? Muss ich mich einloggen dazu, eine Datei an selfhtml senden, oder wird eine Verbindung auf mein Laptop hergestellt?
Und, ich konnte keinen eigenen Ordner im Fenster oben rechts der vier Fenster (unterhalb des Transferprotokolls) kreieren, wo ich meinen Ordner mit allen html-Doks und den Fotos drag&drop reintun wollte. Einen Ordner mit Rechtsklick konnte ich zwar im ersten der paar vorhandenen Ordnern kreieren, der ist dann aber nirgens erschienen. Im Kurs waren schon ein Ordner mit meinem Namen vorbeitet, insofern entfiel das Erstellen eines Ordners aber transferiert haben wir schon (das wär mir nicht fremd).
bari.
Om nah hoo pez nyeetz, bari!
Wie kann ich ein Screenshot in ein Posting laden, wie ich das bei JaiMe vom 23.7. 20.31h gesehen habe? Muss ich mich einloggen dazu, eine Datei an selfhtml senden, oder wird eine Verbindung auf mein Laptop hergestellt?
Du kannst nur den erstellten Screenshot ins Netz laden und dieses Bild in dein Posting integrieren.
Und, ich konnte keinen eigenen Ordner im Fenster oben rechts der vier Fenster (unterhalb des Transferprotokolls) kreieren, wo ich meinen Ordner mit allen html-Doks und den Fotos drag&drop reintun wollte. Einen Ordner mit Rechtsklick konnte ich zwar im ersten der paar vorhandenen Ordnern kreieren, der ist dann aber nirgens erschienen. Im Kurs waren schon ein Ordner mit meinem Namen vorbeitet, insofern entfiel das Erstellen eines Ordners aber transferiert haben wir schon (das wär mir nicht fremd).
Da kann ich leider nicht helfen, da ich weder deinen Server und dessen Konfiguration kenne noch das verwendete Programm erkenne.
Ich empfehle filezilla in Verbindung mit den Hilfe-Seiten deines Webspace-Anbieters.
Matthias
Wie kann ich ein Screenshot in ein Posting laden
Du kannst nur den erstellten Screenshot ins Netz laden und dieses Bild in dein Posting integrieren.
Und, ich konnte keinen eigenen Ordner im Fenster oben rechts der vier Fenster (unterhalb des Transferprotokolls) kreieren
Da kann ich leider nicht helfen, da ich weder deinen Server und dessen Konfiguration kenne noch das verwendete Programm erkenne.
war etwas spät gestern abend, heute fand ichs, war hierarchisch zu weit oben im Ordnerbaum.
Ich empfehle filezilla in Verbindung mit den Hilfe-Seiten deines Webspace-Anbieters.
habe genau diese Programm.
meine Webseite: www.swiss-travel-hans.ch, Google hat sie bisher noch nicht finden können, ist aber auch erst ein paar Minuten her.
Frage: uns wurde gesagt, man soll, oder muss (?), die erste Seite der Homepage mit index.html bezeichnen. Darf die nun nur index heissen oder kann sie auch z.B. 2_index-d.html (d für mich für deutsch) heissen, wie ich sie intern benannt habe, weil ich mehrere Versionen hatte?
bari.
@@bari:
nuqneH
Frage: uns wurde gesagt, man soll, oder muss (?), die erste Seite der Homepage mit index.html bezeichnen. Darf die nun nur index heissen oder kann sie auch z.B. 2_index-d.html (d für mich für deutsch) heissen, wie ich sie intern benannt habe, weil ich mehrere Versionen hatte?
Sie darf heißen, wie sie will. Nur ist index.html (oder index.htm bzw. index.php) Standard, der ohne weiteres Zutun funktioniert. Wenn du andere Datainamen verwenden willst, musst du deinen <http://de.selfhtml.org/servercgi/server/htaccess.htm#optionen@title=Server entsprechend konfigurieren>.
Ich würde übrigens nicht 'd' verwenden, sondern 'de' bzw. andere Sprachkürzel aus dem IANA-Register.
Qapla'
Sie darf heißen, wie sie will. Nur ist index.html (oder index.htm bzw. index.php) Standard, der ohne weiteres Zutun funktioniert. Wenn du andere Datainamen verwenden willst, musst du deinen <http://de.selfhtml.org/servercgi/server/htaccess.htm#optionen@title=Server entsprechend konfigurieren>.
hat mir eben der Serveranbieter erstellt. Meine Homepage ist nun unter
http://www.swiss-travel-hans.ch/2_index-de.html
einsehbar (sollte zumindest). Noch werden nicht alle fotos gezeigt, da ich irgendwie die Endungen mal klein, mal gross geschrieben habe, und das stimmt nicht immer mit dem html-code überein, muss ich noch ändern. Auch wird die Seite mit Google noch nicht gefunden, was mir ja noch recht ist, denn sie ist ja noch nicht fertig (englischer Teil fehlt noch, russischer Text sollte wenigstens verständlich sein, er wurde von einer native speakerin ein erstes Mal korrigiert, usw.).
Ich würde übrigens nicht 'd' verwenden, sondern 'de' bzw. andere Sprachkürzel aus dem IANA-Register.
habe ich geändert, mit allen links dazu.
Bin also gespannt auf eure Ratschläge zu meiner Site.
bari.
P.S. je nach Thema ist vielleicht ein neues Posting angebracht, oder?
Om nah hoo pez nyeetz, bari!
Auch wird die Seite mit Google noch nicht gefunden, was mir ja noch recht ist, denn sie ist ja noch nicht fertig
Dafür gibts die robots.txt und für Anfänger auch Schritt für Schritt.
Matthias
Om nah hoo pez nyeetz, bari!
Fangen wir mal oben an und nur so auf die Schnelle:
Was bei dir layer1 - 4 ist könnte in ein Element in html5 würde ich header empfehlen. Hier mein Vorschlag für html 4.01
<div id="header">
<h1>Swiss-Travel-Hans</h1>
<p>Lauftext</p>
<div>
Lauftexte nerven, warum nicht statisch?
Selektiere per #header h1 die Überschrift und verpasse ihr zwei Hintergrundbilder und per #header p den jetzt noch Lauftext und formatiere ihn entsprechend.
mehrere Hintergrundbilder
Hintergründe im Wiki
gib dem Body-Element eine Mindest- und Maximalbreite.
Matthias
Fangen wir mal oben an und nur so auf die Schnelle:
Was bei dir layer1 - 4 ist könnte in ein Element in html5 würde ich header empfehlen. Hier mein Vorschlag für html 4.01
<div id="header">
<h1>Swiss-Travel-Hans</h1>
<p>Lauftext</p>
<div>
Lauftexte nerven, warum nicht statisch?
ja, mich im Prinzip auch, stiess per Zufall bei euch auf diese Funktion und musste es natürlich ausprobieren, ist bis dato hängengeblieben.
Selektiere per
#header h1die Überschrift und verpasse ihr zwei Hintergrundbilder und per#header pden jetzt noch Lauftext und formatiere ihn entsprechend.
schaue ich mir an.
gib dem Body-Element eine Mindest- und Maximalbreite.
Besten Dank fürs erste für alle Ratschläge und Tipps! Wird spannend nach der Bergpause mit all den Möglichkeiten zu arbeiten.
Schönen Abend,
A+
bari.
@@bari:
nuqneH
http://www.swiss-travel-hans.ch/2_index-de.html
Was genau hat '2_' im URI zu suchen?
Ich würde dir Dateinamen wie index.de.html empfehlen. Damit ist es einfacher, Sprachvereinbarung (language negotiation) zu implementieren. Das willst du doch tun, oder‽ (Wenn nein: Doch, das willst du!)
Dann muss man fürs erste nichts weiter tun, außer ggfs. MultiViews einzuschalten.
Im Menü der russischen Version wird ein weiteres Problem deutlich: „немецкий английский русский“.
Was soll ein des Russischen Unkundiger (und eben an solche richtet sich ja das Sprachauswahlmenü) damit anfangen, wenn er nicht einmal kyrillische Schrift lesen kann? Der Menüpunkt muss in der jeweiligen Zielsprache beschriftet sein, also „deutsch English русский“, und das so in allen Sprachversionen.
Wobei die aktuelle Sprache nicht im Menü auftreten müsste; auf keinen Fall aber verlinkt sein sollte. „Verlinke niemals auf die aktuelle Seite!“ Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen]
P.S. je nach Thema ist vielleicht ein neues Posting angebracht, oder?
Ja.
Qapla'
Om nah hoo pez nyeetz, Gunnar Bittersmann!
http://www.swiss-travel-hans.ch/2_index-de.html
Das möchte er vielleicht nicht.
Auch wird die Seite mit Google noch nicht gefunden, was mir ja noch recht ist, denn sie ist ja noch nicht fertig
Matthias
Vielen Dank für die prompten Ratschläge. Jetzt beginnt das Projekt erst richtig... Heute aber kann ich nur noch auf leichte Kost eingehen, da der Berg ruft und ich mir eine kurze Pause gönne (also nicht denken, der hat plötzlich keine Lust mehr).
http://www.swiss-travel-hans.ch/2_index-de.html
Wie man hier verlinkt.
Was genau hat '2_' im URI zu suchen?
habe mich auch gefragt, nahm es beim 2.x Transferieren weg - und wusste wieder weshalb: so habe ich sie bei mir im Ordner alle beieinander und dazu noch zuoberst (was das Arbeiten mit ihnen und v.a. die Übersicht über sie erleichtert, oder ich müsste sie abstrakt benennen), dann folgen alle andern nötigen Dateien. Der andere Grund ist einfach die Entwicklung des "Projekts", zuerst war die 1. Version usw.; bevor ich einen neuen Ordner anlegte, waren sie in einem.
Ich würde dir Dateinamen wie index.de.html empfehlen. Damit ist es einfacher, Sprachvereinbarung (language negotiation) zu implementieren. Das willst du doch tun, oder‽ (Wenn nein: Doch, das willst du!)
ja, ja, Sprachen spielen schon eine nicht unwesentliche Rolle.
Dann muss man fürs erste nichts weiter tun, außer ggfs. MultiViews einzuschalten.
das schaue ich mir noch an.
Im Menü der russischen Version wird ein weiteres Problem deutlich: „немецкий английский русский“.
Was soll ein des Russischen Unkundiger (und eben an solche richtet sich ja das Sprachauswahlmenü) damit anfangen, wenn er nicht einmal kyrillische Schrift lesen kann? Der Menüpunkt muss in der jeweiligen Zielsprache beschriftet sein, also „deutsch English русский“, und das so in allen Sprachversionen.
ja, merke ich jetzt auch.
Wobei die aktuelle Sprache nicht im Menü auftreten müsste; auf keinen Fall aber verlinkt sein sollte. „Verlinke niemals auf die aktuelle Seite!“ Punkt 10 der zehn meist-missachteten Homepage-Design-Richtlinien [Nielsen]
habe eben darüber nachgedacht, aber noch nicht die Literatur dazu gelesen. Ist mir auch etwas eigenartig vorgekommen, doch ich wollte auch nicht, dass der Link als Nicht-Link (gewöhnlicher Text) erscheint - er muss irgendwie als toter Link erkennbar sein und den Leser darauf hinweisen, dass er sich auf dieser Seite befindet (wenn er mit der Maus darüber fährt); die Art wie bei Matthias' Homepages gefällt mir gut.
P.S. je nach Thema ist vielleicht ein neues Posting angebracht, oder?
Ja.
wenn ich zurück bin, fange ich ein Neues an.
A+
bari.
@@bari:
nuqneH
Nun zu deinem Vorschlag mit figure, figcaption
Der an ganz anderer Stelle kam. Bitte plaziere deine Antwort genau zu dem Posting, auf das du dich beziehst. Das Forum hat eine Baumstruktur, zerstöre sie nicht!
<figure> <figcaption style="border: 1px solid #f00;"> <img
title="Traditionelle Käseherstellung, Freilichtmuseum
Ballenberg" style="padding-left: 0px;"
alt="Käseherstellung Ballenberg"
src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200"><small>
Traditionelle Käseherstellung Freilichtmuseum
Ballenberg</small></figcaption></figure>
Nein, so war der Vorschlag nicht. Das 'img'-Element gehört nicht ins 'figcaption'-Element.
Qapla'
...
...Das Forum hat eine Baumstruktur, zerstöre sie nicht!
ja, da habe ich den Faden im thread verloren - Absicht war da nicht dabei;-)
<figure> <figcaption style="border: 1px solid #f00;"> <img
title="Traditionelle Käseherstellung, Freilichtmuseum
Ballenberg" style="padding-left: 0px;"
alt="Käseherstellung Ballenberg"
src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200"><small>
Traditionelle Käseherstellung Freilichtmuseum
Ballenberg</small></figcaption></figure>Nein, so war der Vorschlag nicht. Das 'img'-Element gehört nicht ins 'figcaption'-Element.
danke, hab' da was ausprobiert und nicht mehr original zurückkopiert.
bari.
@@bari:
nuqneH
habe ein amerikanisches Laptop (mit der US-Tastatur, was mich schon genug der Angewoehnung kostete um z.b. die Tasten fuer die runden Klammern eine Tastatur nach links verschoben zu merken) und wechsele staendig die Spracheinstellung, was das Schreiben des ä,ö,ü unmoeglich macht, ausser ich wechsele wiederum.
Ich verwende auch US-Tastatur, aber mit dem Treiber 'US International'. ["][a] liefert ä.
Aber, ich dachte, grundsaetzlich sei es besser ae, oe, ue zu schreiben.
Klares Nein.
Qapla'
An Qapla'
Danke für deine Hinweise.
Ich verwende auch US-Tastatur, aber mit dem Treiber 'US International'. ["][a] liefert ä.
Bei mir kommt noch folgende Spezialität dazu:
1. habe das französische MS-Office, und brauche auch ab und zu die franz Tastatur (wegen den accents).
2. schreibe ab und zu russisch und dafür klebte ich mir mal die kyrillischen Buchstaben auf die Tasten (wobei gerade dort die runden Klammern der US-Tastatur entsprächen, wenigstens das wäre dann übereinstimmend), somit wechsele ich mit Shift+Alt gleichzeitig gedrückt von einer Sprache zur anderen.
Gibt es da keine neuen/anderen Unannehmlichkeiten mit dem US-Treiber ?
Aber, ich dachte, grundsaetzlich sei es besser ae, oe, ue zu schreiben.
Klares Nein.
...beim Schreiben ces html-codes (?).
Bei importierten Graphiken dem Text alt=... schreibe ich ein ä,ö,ü, doch im html-code erscheinen dann automatisch die Umlaute, resp die Zeichenfolge dafür. Wenn ich dann im Browser (SeaMonkey) auf ein Bild doppelklicke, erscheint dann doch ein ä,ö,ü im Fenster wo man für alt=... den Text eingeben/ändern kann. Liegt also nicht an mir (?), nehme ich an.
Schönen Tag,
bari.
@@bari:
nuqneH
Bei mir kommt noch folgende Spezialität dazu:
Ich schreibe auch öfter mal was auf polnisch oder russisch. Dazu schalte ich meinen Tastaturtreiber um. Sieht bei mir so aus:
Der deutsche Treiber kommt nur zur Anwendung, wenn jemand anderes mal an meinem Rechner sitzt.
- schreibe ab und zu russisch und dafür klebte ich mir mal die kyrillischen Buchstaben auf die Tasten
Ja, die russische Tastatur hat eine völlig andere Belegung. Deshalb hatte ich unter Windows für kyrillische Schrift öfter den serbischen Treiber verwendet, bei dem die kyrillischen Zeichen an der Stelle ihrer lateinischen Pendants auf der QWERTY-Tastatur liegen (bspw. з bei [z]). Nur blöd, dass im Serbischen nicht alle Zeichen verwendet werden, die man im Russischen braucht; es gibt bspw. kein я auf der serbischen Tastatur.
Ich war immer zu faul, mir einen eigenen Tastaturtreiber zu schreiben. Auf dem Mac hab ich das Problem nicht mehr, da gibt’s mit „Russisch – Phonetisch“ einen solchen Treiber. Griechisch und hebräisch entsprechend.
Qapla'
Sieht bei mir so aus:
Ja, die russische Tastatur hat eine völlig andere Belegung. Deshalb hatte ich unter Windows für kyrillische Schrift öfter den serbischen Treiber verwendet, bei dem die kyrillischen Zeichen an der Stelle ihrer lateinischen Pendants auf der QWERTY-Tastatur liegen (bspw. з bei [z]). Nur blöd, dass im Serbischen nicht alle Zeichen verwendet werden, die man im Russischen braucht; es gibt bspw. kein я auf der serbischen Tastatur.
Ich war immer zu faul, mir einen eigenen Tastaturtreiber zu schreiben. Auf dem Mac hab ich das Problem nicht mehr, da gibt’s mit „Russisch – Phonetisch“ einen solchen Treiber. Griechisch und hebräisch entsprechend.
Vielen Dank für die ausführlichen Angaben. Ich werde mich mit dem Thema Treiber etwas später befassen und komme u.U. darauf zurück. Habe mein Hirn nun schon eine Zeit lang verkrümmen müssen mit den Sprachwechseln und den damit verbundenen Tastenkonfigurationen, dass ich eine gewisse Übung habe und ich fürchte ein Abgewöhnen ist ein neuerlicher Kampf. Gewohnheit ist gewissermassen eine der grössten Hindernisse...
bari.
@@bari:
nuqneH
Habe mein Hirn nun schon eine Zeit lang verkrümmen müssen mit den Sprachwechseln und den damit verbundenen Tastenkonfigurationen
Das ist, was ich NICHT mache. Ich wechsle nicht die Locale, sondern nur den Tastaturtreiber innerhalb meiner (angepassten deutschen) Locale. Ich will ja nicht wegen meiner US-Tastatur plötzlich in Meilen und Gallonen messen; 1:00 pm dazustehen haben, wenn’s 13 schlägt, oder die Woche mit Sonntag beginnen.
Qapla'