Beiträge von Basi

Ich kenne mich mit dem Editor leider nicht aus. Empfehle dir aber auf einen anderen Editor umzusteigen. Es gibt derzeit zahlreiche Programme, die für Coding ausgelegt sind und dabei helfen Projektdateien beisammen zu halten, Code farblich darzustellen für bessere Lesbarkeit, Fehler anzuzeigen.

Empfehlen kann ich da zum Beispiel:

Sublime Text
Brackets
Visual Studio Code

Welches du wählst macht keinen immensen Unterschied. Jeder hat da seine ganz persönlichen Bedürfnisse und Vorlieben.

In diesem Beitrag findest duz noch mehr Informationen zu Editoren und welche Vor- bzw. Nachteile sie bieten.

Welchen Editor verwendest du denn?

Ohne Code kann niemand nachvollziehen was du da tust und wo eventuell Probleme auftreten.

Außerdem wirdn icht richtig klar was du probierst und was daran nicht klappt.

Ein "simples Bootstrap Menü" kann alles bedeuten.

Wir brauchen auch den dazugehörigen HTML Code.

Du kannst das auch ohne Javascript lösen. Zum Beispiel so:

<ul>
    <li><a href="#">Team</a></li>
    <li><a href="#">Partner</a></li>
    <li><a href="#">Impressum</a></li>
</ul>

ul { 
    width: 200px; 
}




li {
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
}




a { 
    display: inline; 
    overflow: hidden;
    text-decoration: none;
}




li:after { content: " .................................................................................."; }

Du würdest mit der Anzahl der Zeichen auf ein Problem stoßen. Bei proportionalen Schriftarten sind die einzelnen Zeichen unterschiedlich breit, daher kannst du damit nur rechnen wenn du a) eine nichtproportionale Schriftart verwendest und b) die Schriftgröße (die als Höhe angegeben wird) in die Breite umrechnest (was je nach Schriftart variieren kann. Text ist also kein guter Indikator für Breite.

Mit Javascript könnte das so aussehen:

<ul id="menu">
    <li><a href="#">Team</a></li>
    <li><a href="#">Partner</a></li>
    <li><a href="#">Impressum</a></li>
</ul>

ul { 
    width: 200px; 
}




li {
    list-style: none;
}




li span {
    display: inline-block;
    border-bottom: 1px dotted black;
}




a { 
    display: inline; 
    overflow: hidden;
    text-decoration: none;
}

var articles = document.getElementById("menu").getElementsByTagName("li");




for(var i = 0; i < articles.length; i++)
{
    var anchorWidth = articles[i].getElementsByTagName("a")[0].offsetWidth;
    var articleWidth = articles[i].offsetWidth;
    var spanWidth = articleWidth - anchorWidth;




    var span = document.createElement("span");
    span.style.width = --spanWidth + "px";




    articles[i].appendChild(span);
}

Das sorgt natürlich für etwas mehr Kontrolle.

Um jetzt etwas dazu sagen zu können, müssten wir aber noch nachvollziehen können was sich in $data befindet und wie $data generiert wird (codetechnisch).

Wenn du Events hinzufügst solltest du dies immer mit einer anonymen Funktion machen:

einfuegen.onclick = function() // Keinen Funktionsnamen angeben
{ 
    alert('Hallo'); 
};

Wenn du mit inline-block formatierst, dann werden auch ungeschützte Leerzeichen angezeigt. Dadurch, dass du deinen Code umgebrochen hast (wie es sich auch gehört), fügt der Browser für jeden Umbruch ein Leerzeichen ein.

Probier mal:

<li><a href="#">Punkt1</a></li><li><a href="#">Punkt2</a></li><li><a href="#">Punkt3</a></li><li><a href="#">Punkt4</a></li>

Ansonsten bleibt nur floaten.

Dafür musst du das Bild freistellen. Wie das geht kannst du hier nachlesen. Dazu brauchst du nur GIMP.

Dann kannst du dein neues Bild einfügen und mit einer Maske anpassen. Ich habe das Freistellen schon mal übernommen und die Datei samt Maske angehängt. Ich erkläre dir auch noch kurz was du damit tun musst.

Wenn du GIMP installiert hast, öffnest du das Programm und öffnest dann die .xcf Datei.

Dann kannst du von deinem Desktop aus einfach das Bild, welches du einfügen willst, per Drag&Drop in GIMP importieren. Wenn du Shift + T drückst, kannst du das Bild dann entsprechend skalieren. Wenn du beim Skalieren Steuerung gedrückt hältst, bleibt das Seitenverhältnis erhalten.

Dann brauchst du den Ebenendialog (Layers). Wenn du den nicht bereits offen hast, findest du ihn über Steuerung + L oder über (in der englischen Version) Windows -> Dockable Dialogs -> Layers.

Rechtsklick auf die Ebene mit dem Namen Mask -> Mask to Selection (das ist der 6. Punkt von unten). Dann ein Rechtsklick auf das von dir eingefügte Bild -> Add Layer Mask (12. Punkt von unten). Da wählst du dann Selection (z. Dt. wohl Auswahl) und bestätigst das.

Dann musst du die Datei nur noch speichern.

Wenn noch etwas unklar ist einfach nachfragen.

Hier die Datei: html-seminar.de/woltlab/attachment/1016/

Welche Bilder genau meinst du? Die müsste man dann entsprechend freistellen und den Hintergrund ersetzen. Wenn du mir genau sagst welche Bilder du meinst, schreib ich gerne auf wie das geht.

Eine generelle Lösung gibt es da nicht, weil es unschicklich ist das Standardverhalten von Browsern zu ändern. Jeder Nutzer ist seinen Browser und das Verhalten eben dessen gewohnt und ärgert sich höchstens, wenn irgendetwas plötzlich ganz anders als erwartet reagiert.

Daher musst du auf solche Alternativlösungen zurückgreifen.

Einfach "Ordner öffnen..." und einen anderen Ordner öffen. Den aktuellen Ordner zu schließen ist in Brackets soweit ich weiß nicht möglich.

Code?

Hallo,

bitte lies dir hier durch, wie du deinen Code präsentieren solltest. Aus einem Bild können wir ihn schlecht herauskopieren um zu testen.

Der zweite Parameter den du suchst ist das mysqli Objekt, keine Ahnung wie das bei dir heißt, dein Code gibt das durch die Unvollständigkeit nicht preis.

Warum zensierst du Phillip-Homepage auf dem Bild?

Was genau meinst du mit HTML drumherum? Ich weiß ja nicht was du da umsetzen möchtest.

Hi, das ist ein klein wenig umständlich. Habe mal eine Funktion dafür geschrieben:

function getParameters()
{
    var parameterFragments = location.search.substr(1).split("&");
    var parameters = {}




    for(var i = 0; i < parameterFragments.length; i++)
    {
        var splittedParameter = parameterFragments[i].split("=");
        parameters[splittedParameter[0]] = decodeURIComponent(splittedParameter[1]);
    }




    return parameters;
}

So könnte das dann aussehen:

Url: http://...?name=Klaus%20Meier&alter=25

var parameters = getParameters();




console.log(parameters); // Object { name: "Klaus Meier", alter: "25" }
console.log(parameters.name) // Klaus Meier
console.log(parameters.alter) // 25

Dann scheint irgendetwas mit deiner Verzeichnisstruktur, Berechtigungen, installierten Plugins, Browsereinstellungen oder deinem restlichen Code nicht zu stimmen.

Klingt nach Clickbaiting. Ohne Benutzererkennung und -verwaltung wird das nichts.

Dann wäre das: Benutzer registriert sich -> benutzer erhält eindeutige ID -> Benutzer kann Links mit eindeutiger ID versenden -> Linkziel trackt aufrufe im Zusammenhang mit der ID und prüft Fingerprints -> Rückmeldung ans System -> Bild kann angezeigt werden.

Dafür braucht es nur HTML, PHP und eine Datenbank.

Wenn du auf jeden Fall den Internet Explorer unterstützen musst (weil dein Zielpublikum dies vielleicht nicht zulässt), solltest du anstelle von ::first-letter dem ersten Buchstaben ein span-Element zuweisen. Der Internet Exlorer geht beim ::first-letter Selektor genau so vor, Firefox jedoch nicht. Um es einheitlioch zu gestalten, ist es also der beste Weg.

Ansonsten solltest du es einfach so lassen.

Mit welchem Browser? Wie sieht dein Doctype aus?