Beiträge von Hero

Zitat von Estrella

OMG ich habe es hinbekommen danke nochmal!

...

Vielen Dank noch mal an Hero Ohne Deine Hilfe hätte ich vermutlich meinen PC aus dem Fenster geworfen

Gern. Ich war auch mal Anfänger und weiß, wie das ist. Nicht aufgeben!

Zitat von Estrella

Jetzt muss ich nur noch meinen eigenen Fehler finden :o:o:o

Vielleicht liegt es an den Dateirechten? Der Upload-Ordner muss beschreibbar sein. Nur dann werden dort Bilder gespeichert, die du hochlädst. Sieh nach, ob da überhaupt Bilder sind. Dann hast du auch gleich den richtigen Pfad überprüft. Viel Glück.

Zitat von djheke

Habe mal mein Beispiel...

Ja, das erfüllt die Bedingungen ebenfalls. Kann man so machen.

Zitat von modem-kind

wie das aussieht bei Hero würde mich Interessieren... jo

Ich verwende eine Ordered List. Den CSS-Code habe ich bereits gepostet. Der große Vorteil einer OL ist, dass die Zeilennummern nicht mit ausgewählt werden. Bei einer Tabelle wäre das anders.

Die Alternative wären zwei getrennte Elemente. Also eines für Zeilennummern und ein weiteres Element für den Highlightcode. Das wäre aber nicht elegant. Es musste eine Möglichkeit geben, der OL den letzten Schliff zu geben. Die kam meiner Vorstellung ja bereits am Nächsten. Gefunden habe ich die Lösung am Ende selbst bei W3C. Nun haben die Code-Abschnitte rechtsbündige Zeilennummern ohne Punkt und werden nicht mit ausgewählt, weil die Nummerierung der OL nicht zum Content gehört.

In ein paar Tagen geht meine Seite damit online. Bisher habe ich einen JS-Highlighter verwendet. Das war zwar gut, aber ich wollte davon weg. Eine Webseite sollte im Wesentlichen ohne JS funktionieren. Das Highlighting gehört auf meiner Seite einfach dazu. Programmiererisch kein Ding, aber beim Styling Tricky, wenn man anspruchsvoll ist.

Dann gib jeweils den absoluten Pfad an, das wird immer angezeigt. Absolut meint: "http://domain.tlv/wp-content/uploads/whereveritis/logo.png". Sowohl für den transparenten Platzhalter, als auch für die Hintergundbilder.

Zitat von Estrella

Oder muss ich den ganzen Inhalt des DIV bildlogo rauslöschen und alles in der CSS definieren?

Den Link würde ich im DIV-Container lassen und ein transparentes PNG verwenden.

<div id="bildlogo">   
           <a href="https://adressefürdiewebsite/"> 
            <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png width="10px" height="10px"
             alt="blablalba" title="nochmehrbla" />
          </a>
       </div>

Die tatsächlichen Logos lassen sich dann über den CSS-Code anzeigen/austauschen, den ich oben bereits gepostet habe. Den Code kannst du irgendwo im Footer unterbringen. Das sorgt dann für den Austausch der Bilder, wenn die Seite skaliert wird.

Zitat von djheke

Zu spät

Trotzdem Danke.

Ich habe nun doch noch selbst eine Lösung im Netz gefunden, wie ich eine Ordered List mit rechtsbündigen Zeilennummern versehen kann. W3C sei Dank!

https://www.w3.org/Style/Examples/007/color-bullets.en.html

Mein CSS sieht so aus:

code ol {
    list-style: none;
    list-style-position: inside;
    counter-reset: li;
    display: block;
    overflow-x: auto;
}


code li {
    counter-increment: li;
    white-space: nowrap;
}


code ol li::before {
    content: counter(li);
    display: inline-block;
    width: 1rem;
    margin-right: 1rem;
    text-align: right;
    direction: rtl;
}

Funzt!

Aber es ist doch egal, welche Skriptsprache im Backend verwendet wird. Browser interpretieren nichts anderes als HTML und CSS. Javascript hatte ich bereits ausgeschlossen. Also ...

Ich mache das in PHP. Ich suche also eine HTML/CSS-Lösung für die Nummerierung. Das geht auch aus dem Beitrag hervor.

Godspeed: Ist ein bisschen wenig Info, die du da gibst. Handelt es sich um ein Framework? Welche Optionen hast du (Php, Javascript) ?

Du solltest das Logo gegen ein kleines transparentes gif oder png austauschen und dein eigentliches Logo als Hintergrundgrafik einbinden. Dazu kannst du im Footer-Template ein bisschen CSS-Code anhängen, welches dein Logo bei der entsprechenden Browsergröße tauscht.

<style>


div#bildlogo {
    background: #ffffff url('logo-groß.png');
    background-size: 100%;
}


@media screen and (max-width: 767px) {
    div#bildlogo {
        background: #ffffff url('logo-klein.png');
    }
}


</style>

So würde ich es versuchen.

Hi@all!

Ich prograqmmiere seit 1999 für das Web und bin ein erfahrener Programmierer. Für meine Projekte verwende ich nahezu ausschließlich Selbstgeskriptetes. Nun habe ich aber ein Problem, das ich alleine nicht lösen kann und das mich an den rand des Wahnsinns treibt. Ich versuche mich an einem Synthaxhiglighter ohne Javascript. Das eigentliche Skripten ist kein Ding, das habe ich erledigt. Woran ich scheitere ist, die Codeabschnitte so darzustellen, dass Zeilennummern zwar sichtbar sind, diese aber nicht mit ausgewählt werden, wenn man den Code markiert. Wie gesagt, soll das ohne Javascript funktionieren.

Was am Nächsten an meine Bedürfnisse kommt, ist eine Ordered List. Die Nummern werden im Gegensatz zu einer Tabelle nicht mitmarkiert. Da stören mich allerdings die Punkte hinter den Zeilennummeren.

Man kann die Nummerierung einer Ordered List zwar durch einen eigenen Counter ersetzen, dann allerdings sind die Nummern nicht mehr rechtsbündig.

Was ich also suche, ist ein Weg, wie ich folgendes realisieren kann.

1. Rechtsbündige Zeilennummerierung ohne Punkt.
2. Der Text sollte ohne Zeilennummern zu markieren sein.
3. Javascript sollte nicht verwendet werden.

Für Hilfe wäre ich sehr dankbar. Vielleicht kennt jemand einen Weg, wie das zu realisieren ist?!

Hier ein Beispiel, wie das aussehen soll:

So sollte der Text zu markieren sein: