Hallo
Vielen Dank für den Input, hab gerade geschaut, sollte eigentlich alles passen.
Nein, dass passt nicht. Du bist einerseits leider damit überfordert den Fehler trotz Aufzählung der Möglichkeiten selbst zu finden und gibst uns andererseits nicht die Informationen, um dir konkret zu helfen. Schade.
Gruss
MrMurphy
Hallo
Quelltext als Bilder bereitzustellen ist absolut ekelig.
Weiterhin sind Quelltextschnipsel in der Regel nicht hilfreich.
Für dein Problem gibt es drei Standardfehler, von denen einer auch bei dir zutreffen wird:
1. Das Bild liegt nicht auf dem Server bereit
2. Das Bild befindet sich in einem anderen Verzeichnis als dem verküpften
3. Pfad- oder Dateiname sind falsch geschrieben. Sie können zum Beispiel verbotene Zeichen enthalten oder die Groß-/Kleinschreibung stimmt nicht überein.
Gruss
MrMurphy
Hallo
In den Kommentaren zum Wikipedia-Artikel des Spiegel habe ich noch den folgenden interessanten Link zu einem Film gefunden:
KenFM zeigt: Die dunkle Seite der Wikipedia
Gruss
MrMurphy
Hallo
Die Leserkommentare ließen unmißverständlich durchscheinen, wo das Problem liegt.
Nein, leider nicht.
Was glaubt Ihr, wie die Zukunft von Wikipedia in 5 Jahren aussehen wird?
Genau so wie jetzt auch.
Wird Wikipedia.de dann als nicht weiter gepflegte Seite in Form einer Karteileiche im Netz verbleiben oder wird das Portal irgendwann sogar gänzlich verschwinden?
Weder ... noch.
Oder wird Wikipedia doch noch einmal die Kurve kriegen?
Wikipedia wird seinen Stellenwert behalten. Von daher muss es keine Kurve kriegen um seinen Stellenwert zu behalten.
Wird es Nutznießer geben, die daraufhin eine eigene Enzyklopädie nach Vorlage von Wikipedia auf die Beine zu stellen versuchen?
Ja klar - falls Wikipedia wirklich verschwinden sollte. Die Frage ist, ob sie einerseits ähnlich professionell aufgezogen werden und / oder die grundsätzlichen Fehler vermeiden können.
Wie müsste Eurer Meinung nach eine solche Projektseite aufgezogen werden, wenn nicht wie Wikipedia?
Technisch? Kann einiges unternommen werden. Grade in Hinblick auf aktuelle Geräte wie Smartphones und Tablets. Und auf einen vereinfachten Editor.
Wirkungsvoller, aber auch schwieriger umzusetzen und mit dem größten "Brett vorm Kopf"-Faktor wären jedoch Änderungen in den Grundlagen und im menschlichen Bereich.
Das läßt sich ja auch in vielen Kommentaren zum Spiegel-Artikel nachlesen, bei denen Besserwisser über "bessergestellte" Besserwisser meckern und jammern. Und beide sind nicht an wirklichen Verbesserungen interessiert, sondern wollen nur ihre persönliche Wahrheit durchsetzen.
Gruss
MrMurphy
Hallo
gibt es einen CSS-Algorithmus
Nein.
Wüsste da jemand etwas?
SVG verwenden und als object-Element in die Webseite einbinden. Allerdings wirst du nicht darum herumkommen zunächst die Grundlagen von SVG zu lernen.
Das kann dann auch von Suchmaschinen ausgelesen werden, wobei nicht jedes Wort auch unbedingt von Suchmaschinen erkannt werden muss. Wobei ich davon ausgehe, dass die Darstellung nicht für die ganze Webseite gelten soll, sondern nur für bestimmte Wörter.
Gruss
MrMurphy
Hallo
ich möchte bei einer Homepageseite einen bestimmten Druckbereich festlegen
Das hört sich eher nach einer Tabellenkalkulation an. In Webseiten funktioniert es anders, dort können keine Druckbereiche festgelegt werden.
Die Teile, welche nicht ausgedruckt werden sollen, werden in Container eingeschlossen, welche eine Klasse bekommen, zum Beispiel mit dem Namen "nichtdrucken". Der Name kann natürlich beliebig gewählt werden sofern er nach den CSS-Regeln zulässig ist. In deinem Beispiel bieten sich als Container span-Elemente an.
Anschließend wird im CSS festgelegt, dass die Elemente mit der Klasse "nichtdrucken" nicht ausgedruckt werden, zum Beispiel:
@media print {
.nichtdrucken {
display: none;
}
}Dazu kann natürlich auch eine komplette CSS-Datei nur für die Druckausgabe verwendet werden.
Eine komplette Datei könnte dann folgendermaßen aussehen:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Druckbereich 01</title>
<meta name="description" content="HTML5, CSS3">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@media all {
header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
display: block;
}
* {
box-sizing: border-box;
}
html {
font-family: sans-serif;
font-size: 120%;
line-height: 1.3;
}
body {
padding: 1rem;
margin: 0;
}
}
@media print {
.nichtdrucken {
display: none;
}
}
</style>
</head>
<body>
<p><span class="nichtdrucken">sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed </span>diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<span class="nichtdrucken"> sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua</span></p>
</body>
</html>Gruss
MrMurphy
Hallo
und natürlich eine Websuche durchgeführt
Die Frage ist: Wonach hast du gesucht? Wie wär's mit "html mehrere klassen zuweisen"?
Bisherige Maßnahmen: Ich habe ein Semikolon, Komma dazwischengesetzt
Leider knapp daneben. Mehrere Klassen werden durch ein Leerzeichen getrennt. Also zum Beispiel
<li><a href="kontakt.html" class="hvr-radial-out first" >Kontakt</a></li>Den Teil
class"cur href"=kann ich überhaupt nicht nachvollziehen, der kann eigenlicht nur falsch sein. Wie das href-Attribut richtig angewendet wird kannst du meinem Beispiel entnehmen.
Wenn du damit etwas bestimmtes erreichen willst musst du deine Vorstellungen etwas genauer beschreiben.
Gruss
MrMurphy
Hallo
Sieht viel besser aus!
Für dich vielleicht, für die meisten Besucher eher nicht. Warum sieht man das sonst so gut wie nie? Oder glaubst du, unter den Millionen von Webseitenerstellern bist du der Erste, der so eine Idee hat?
Im Endeffekt ist das aber dein Problem.
Zur aktuellen Seite:
Um bestimmte Layouts zu erzeugen muss der Quelltext entsprechend vorbereitet sein. Das ist hier nicht mal ansatzweise der Fall. Dabei geht es noch nicht einmal um das Inline-CSS, welches Änderungen zusätzlich erschwert.
Um die von dir gewünschte Darstellung mit sinnvollen Mitteln zu erreichen müsste der gesamte HTML-Quelltext umgeändert werden. Damit wirst du wahrscheinlich überfordert sein. Du musst also zunächst ein Template suchen, das für so ein Layout geeignet ist.
Mit zwei, drei, vier oder auch ein paar mehr Anpassungen ist es leider bei den Voraussetzungen nicht getan.
Gruss
MrMurphy
Hallo
was spricht denn sooo sehr dagegen... ??
Die Benutzerfreundlichkeit der Webseite. Wobei Besucher jeder und jede und jedes ist, das die Informationen der Webseite aufnehmen will. Also nicht nur Menschen mit all ihren körperlichen Handicaps, sondern auch "Maschinen" wie Google und andere.
Zudem werden bestimmte Elemente entsprechend ihres vorgesehenen Inhalts von den Browsern unterschiedlich behandelt. Ein praktisches Beispiel ist doch gleich das Thema dieses Threads. Rahmen von Tabellen werden anders angezeigt und benötigen andere CSS-Anweisungen als Rahmen von anderen Elementen.
Heutzutage fliegen den Webseitenersteller ihre falsch angewandten Tabellen meist spätestens beim Thema "Responsive Design" um die Ohren. Tabellen können sich wegen ihres vorgesehenen Inhalts nicht so verhalten wir andere Elemente.
Gruss
MrMurphy
Hallo
Vielleicht ist für die SVG-Interessierten auch interessant, dass Video2Brain aktuell knapp zwei Tage lang einen "Tag der offenen Tür" veranstaltet, bei denen gegen Anmeldung, aber sonst kostenfrei (so verstehe ich es jedenfalls), alle Videotrainings abgerufen werden können.
Dort gibt es auch ein relativ gutes SVG-Training:
https://www.video2brain.com/de/videotraini…ungen-crashkurs
Natürlich lohnt es auch in den anderen Trainings zu stöbern
https://www.video2brain.com/de/
Gruss
MrMurphy
Hallo
Mit dem Verweis ersparst du dir die selbe Antwort noch einmal zu bekommen.
Für uns Hilfswillige ist es hingegen mehr als ärgerlich Antworten zu geben, die du bereits kennst. Die zu erstellen kostet nämlich Zeit, unsere Zeit und geht von unserer Freizeit ab.
In den meisten HTML-/CSS-Foren sind deshalb solche Crosspostings untersagt.
Andere User weisen dich deshalb nicht so dezent auf dein egoistisches Vorgehen hin.
Gruss
MrMurphy
Hallo
Es wäre nett wenn du auf bereits vorhandene Themen in anderen Foren verweisen würdest, damit wir nicht unnötige Informationen schreiben, die dir bereits genannt wurden:
https://www.html.de/threads/objekt…88/#post-379647
Gruss
MrMurphy
Hallo
Quelltext als Grafik in einem Forum gehen in Richtung Frechheit. Probleme sind am Besten in der Praxis zu orten. Soll etwa jeder Hilfswillige den Quelltext aus der Grafik abtippen?
height-Angaben sollten möglichst vermieden werden.
Du solltest dich über das richtige clearen zum Floaten informieren. Das scheint nicht zu stimmen.
Aktuell ist für deinen Layoutwunsch aber eher das Flexbox-Modell geeignet. Im Gegensatz zu float es es zudem speziell für solche grundlegenden erstellt worden.
Gruss
MrMurphy
Hallo
Ich wollte mal probieren ein Menü bzw. sowas ähnliches wie eine Navbar aus diesen Formen zu bauen.
Diese Information gleich zu Beginn hätte mir viel Zeit gespart. Bei zukünftigen Frage wäre es nett wenn du neben dem aktuellen Problem gleich dein eigentliches Ziel benennen würdest.
Aber scheinbar ist es ja eher komplizierter,
Ja, da die "Dreiecke" zwar sichtbar sind, die zugehörigen Rechtecke sich jedoch übereinander stapeln, so dass die unteren für eine Navigation nicht zu erreichen sind.
Am Ende sollte es ein Rechteck gefüllt mit Dreiecken sein und mit klick auf eins der Dreiecke kommt man zu einer anderen Seite.
Dazu gibt es zwei Techniken:
1. HTML area map
Auf einer Grafik werden per CSS Bereiche bestimmt, deren Aussehen beim Hovern oder Klicken geändert werden kann und mit denen Links verknüpft werden können.
Siehe zum Beispiel
http://www.mediaevent.de/xhtml/area-map.html
2. SVG
SVG sind Bilder, deren Bestandteile direkt als Link bestimmt werden können.
Sie haben gegenüber den area maps nur Vorteile und sind benutzerfreundlicher. Deshalb sollten sie bevorzugt werden, auch wenn sie zunächst etwas Einarbeitungszeit benötigen.
Siehe
http://webkrauts.de/artikel/2014/text-in-svg
(Abschnitt: Links in SVG)
Gruss
MrMurphy
Hallo
Ich habe doch eine Lösung aufgezeigt. Was stört dich daran?
Oder besser: Was willst du überhaupt erreichen? Bislang hast du dein Ziel nur sehr schwarmmig formuliert, da ist eine konkrete Hilfe kaum möglich.
Heutzutage werden solche Formen üblicherweise mittels des Grafikformats SVG erstellt und dann entweder als img-Element oder background-image eingebunden.
Gruss
MrMurphy
Hallo
Dein Vorgehen ist nicht geeignet um float zu üben oder gar kennenzulernen. Aber Puzzle ist ein schönes Spiel. Also denn:
Grundsätzlich werden auch keine Dreiecke sondern Rechtecke gefloatet. Daran ändert sich auch nichts wenn du die Größe der Rechtecke auf 0 setzt und teilweise transparente Rahmen erstellst.
Damit irritierst du nur dich selbst. Darauf deutet zumindest hin das du von Dreiecken schreibst, obwohl es sich um Rechtecke (beziehungsweise in deinem Beispiel um spezielle Rechtecke: Quadrate) handelt.
Um das Verhalten der Rechtecke zu verstehen musst du dich mit dem Dokumentenfluss beschäftigen. Also wie sich Elemente verhalten, die sich im Dokumentenfluss befinden und solche, welche sich durch float nicht im Dokumentenfluss befinden. Bei deinen Spielereien natürlich auch noch, wie sich deren Rahmen verhalten. Die können sich nämlich durchaus vom Inhalt des Elements entfernen.
Suchmaschine: float dokumentenfluss
Erschwerend kommt hinzu, dass die Browser solche eher sinnfreien Anordnungen teilweise auch noch unterschiedlich anzeigen. Das wirst du merken, wenn du dich etwas intensiver mit float und bei dem Verhalten von border beschäftigst.
Mit dem Wissen sollte dir dann auch bewußt werden, dass bei float die Reihenfolge der Elemente im Quelltext entscheidend ist. Die kann durch float nicht beliebig verändert werden.
Deine gesuchte Lösung sollte mit folgendem HTML-Quelltext
<body>
<div id="box">
<div id="submenu1"></div>
<div id="submenu2"></div>
<div id="submenu4"></div>
<div id="submenu3"></div>
</div>
</body>und folgendem CSS
#box {
width: 800px;
height: 500px;
background-color: #2EFEF7;
}
#box>div {
width: 0;
height: 0;
border-style: solid;
}
#submenu1 {
border-width: 200px 0 0 200px;
border-color: transparent transparent transparent blue;
/*float: left;*/
}
#submenu2 {
border-width: 200px 200px 0 0;
border-color: red transparent transparent transparent;
float: left;
}
#submenu3 {
border-width: 0 0 200px 200px;
border-color: transparent transparent orange transparent;
/*float: left;*/
}
#submenu4 {
border-width: 200px 0 0 200px;
border-color: transparent transparent transparent lime;
float: left;
}erreicht werden.
Gruss
MrMurphy
Hallo
Für konkretere Hilfe benötigen wir einen Link zu deiner aktuellen Seite.
Gruss
MrMurphy
Hallo
Quellcodeschnipsel helfen in der Regel nicht weiter. Zumal CSS ohne den zugehörigen HTML-Teil. Am hilfreichsten ist immer noch ein Link zu der betroffenen Seite.
Wenn Elemente nebeneinander gefloatet werden sollen, sollten alle in die gleiche Richtung gefloatet werden.
Wenn gefloatet wird muss auch gecleart werden. Das fehlt bei dir.
Am sinnvollsten ist aber aktuelles HTML / CSS zu verwenden und damit das Flexbox-Modell.
Gruss
MrMurphy
Hallo
Doppelter Content (Inhalt) sollte vermieden werden. Das ist schlechter Stil und führt häufig zu späteren Fehlern, da alle gleichen Inhalte immer gleichzeitig aktualisiert werden müssen.
Oder gibt es da einen eleganteren Weg?
Ja. Als sinnvollsten zur Zeit das Flexbox-Modell, da mit der order-Eigenschaft ausdrücklich eine andere Reihenfolge der Anzeige als im Quelltext vorgesehen ist. Mittels der Media-Queries kann so die Reihenfolge für verschiedene Fenstergrößen angepasst werden.
Für konkretere Hilfe benötigen wir einen Link zu deiner aktuellen Seite.
Gruss
MrMurphy
Hallo
Zunächst werden das footer- und das articel-Element geschlossen, obwohl sie nicht geöffnet wurden. Wobei es das articel-Element überhaupt nicht gibt und weder das footer- noch das article-Element bei XHTML zulässig sind.
Dann sollten die restlichen der aktuell 114 Fehler beseitigt werden.
https://validator.w3.org/check?verbose=…front.de%2Fhome
Wenn es dann noch Probleme gibt kannst du dich noch mal melden.
Gruss
MrMurphy