Beiträge von Klopoempelingebrau

Also dieses Layout soll im Browser erscheinen, wenn man jetzt Beispielsweiße "JP Lichttechnik" in z.B Google eingibt, also bei den Treffern für ein Schlag Wort. Dann soll jeder der Einträge auf eine meiner Unterseiten verweisen . Als Beispiel:

Gesuchtes Wort: JP Lichttechnik

Der Eintrag Soll dann so aussehen, wie auf dem Bild auf meinem ersten Beitrag zu diesem Thema (Bei dem Bild habe ich Thomann gegooglet, und das war der erste Eintrag:

Als überschrift z.B. JP Lichttechnik

Dann in dem 2 Spalten Layout unterschiedliche Einträge zu unterschiedlichen Unterseiten meiner Website. z.B.:

"Unsere Technik" "unser Angebot"

"Kontakt" "Bilder"

Wie kann ich das erreichen?

Hallo

Ich würde für meine Website gerne so eine Ordnung für die Browser erstellen können, wie im Beispiel gezeigt.

Wie kriege ich das hin?

html-seminar.de/woltlab/attachment/2360/

Super, es klappt. Vielen Dank an dich Sempervivum und an euch andere, die ihr kommentiert habt

oh, s***, mir fehlt das Kopftraining, ja es geht um horizontales Scrollen. Entschuldigt bitte das durcheinander Sempervivum könntest du mir den Code zugänglich machen?

Funktioniert leider auch nicht. 'overflow: hidden;' wenn ich overflow: hidden' reinschreibe, verändert das die Größe der Bilder so, dass alles in das div (wrapvorschaubilder) passt. Das sieht jetzt so aus:

html-seminar.de/woltlab/attachment/2339/

Die Bilder währen eigentlich doppelt so groß.

Mit Scroll-Funktion meine ich, dass ich die Bilder durchscrollen kann, wenn nicht alle Bilder in eine Reihe passen. Die Bilder sollen weiterhin in nur einer Reihe sein.

Als Beispiel:

html-seminar.de/woltlab/attachment/2341/ Hier passen nicht alle Bilder ins Bild, aner ich kann nach rechts scrollen, dann sehe ich die restlichen. Sähe dann so aus:

html-seminar.de/woltlab/attachment/2340/

(Ist mit excel gemacht)

Mein CSS Code sieht jetzt folgendermaßen aus:

#wrapvorschaubilder{
    border: solid 1px gainsboro;
    display: flex;
    flex-wrap: nowrap;  
}


.Vorschaubilder{
    width: 300px;
    padding-left: 20px;
    overflow: hidden
}

Hast du noch eine Idee, wie ich das hinkriegen kann?

Ich habe mich falsch ausgedrückt, entschuldige bitte. Ich würde gerne die Scroll-Funktion hinkriegen, also das alle Bilder in einer Reihe sind und das ich das dann vertikal durch scrollen kann, aber trotzdem danke, jetzt habe ich zumindest den Umbruch weg

Oh, entschuldige bitte. Kann mir jemand sagen, wie ich die scroll funktion einbauen kann?

Also ich habe ein div gemacht, das 90% der Fensterbreite ein nimmt und darin sind die Bilder drin. Die Bilder brechen jetzt jedoch immer um, wenn eine Zeile voll ist. Ich hab schon versucht den Umbruch mit white-space zu verhindern, aber dann wird die Website natürlich um die Breite der Bilder verbreitert, das alle aufeinmal hinterinander passen, was nicht passieren soll. Was muss ich an dem Code ändern?

<div id="wrapvorschaubilder" >
                        <img src="jplichttechnik.de/IMG/Baby%20Party.jpg" id="Vorschaubilder">
                        <img src="jplichttechnik.de/IMG/Anfaenger%20Party.jpg" id="Vorschaubilder">
                        <img src="jplichttechnik.de/IMG/Fortgeschrittene%20Party.jpg" id="Vorschaubilder">
                        <img src="jplichttechnik.de/IMG/Profi%20Party.jpg" id="Vorschaubilder">
                        <img src="jplichttechnik.de/IMG/Profi%20Party%20+%20comprimiert.jpg" id="Vorschaubilder">
                        <img src="jplichttechnik.de/IMG/Legendaere%20Party.jpg" id="Vorschaubilder">
                    
                    </div>

#wrapvorschaubilder{
    border: solid 1px gainsboro;
    width: 90%   
}

#Vorschaubilder{
    width: 200px;
    padding-left: 20px
}

Hallo

Ich würde auf meiner Website gerne ein Fenster einbauen, indem Bilder hintereinander Positioniert sind. Dieses Fenster soll vertikal scrollbar sein.

Als Besispiel:

html-seminar.de/woltlab/attachment/2338/

Ich würde meine Seite gerne mit Schlagwörtern versehen, die bei der Suchoptimierung helfen. Wie Beispielsweise Art der Dienstleistung, Schlagwörter rund um die Website, etc...
Ich vermute, das funktioniert mit open Graph, aber ich habe bisher noch nichts dazu gefunden.

Hallo

Ich würde gerne, das die Links meiner Website nicht mehr mit dem Dateiformat, als bei mir .html, aufhören und dann auch stehen bleiben. Also Statt Beispielsweise "https://jplichttechnik.de/Bilder.html" hätte ich einfach nur gerne "jplichttechnik.de/Bilder"

Aktuell habe ich eine Umleitung von ".../Bilder" auf ".../Bilder.html", aber wie gesagt hätte ich gerne, dass die "schönere URL" stehen bleibt.

Ist das überhaupt möglich?

Also ich hab jetzt den Code geändert, das Bild als jpg umgewandelt und einen og:image:alt Tag eingefügt, bei Whatsapp erscheint leider immer noch nichts. Die Bilder sind unter 300KB. Weiß jemand jetzt noch einen Ratschlag?

<head>
        <title>JP Lichttechnik | Home</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="CSS/style.css">
        <link rel="shortcut icon" type="imagex-icon" href="IMG/tabreiter.ico.ico">
        <meta property="og:title" content="JP Lichttechnik"/>
        <meta property="og:url" content="https://jplichttechnik.de/Home.html"/>
        <meta property="og:image" content="https://jplichttechnik.de/IMG/JP-Lichttechnik.png"/>
        <meta property="og:image:alt" content="https://jplichttechnik.de/IMG/Logo.png"/>
        <meta property="og:description" content="Lichttechnikverleih"/>
        <meta property="og:type" content="Website"/>
        <meta property="fb:app_id" content="2910180315735743"/>
        
    </head>

Alles klar. Weißt du, ob man da noch ein zweites Bild, für genau solche fälle anlegen kann?

Vielen Dank. Das habe ich jetzt im head stehen. Die ID wurde mir von Facebook empfohlen. Das Bild ist 1040 x 697 px groß. Es Funktioniert bei Facebook, bei Whatsapp wird Titel, Beschreibung und Link angezeigt, aber das Bild nicht.Muss für Whatsapp noch etwas anders gemacht werden?

Verwendeter Link: "https://jplichttechnik.de" (wird auf "https://jplichttechnik.de/home.html" umgeleitet.

<head>
        <title>JP Lichttechnik | Home</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="CSS/style.css">
        <link rel="shortcut icon" type="imagex-icon" href="IMG/tabreiter.ico.ico">
        <meta property="og:title" content="JP Lichttechnik"/>
        <meta property="og:url" content="https://jplichttechnik.de/Home.html"/>
        <meta property="og:image" content="https://jplichttechnik.de/IMG/JP-Lichttechnik.png"/>
        <meta property="og:description" content="Lichttechnikverleih"/>
        <meta property="og:type" content="Website"/>
        <meta property="fb:app_id" content="2910180315735743"/>
        
    </head>

Hallo

Ich würde gerne, dass wenn man meine Website mit einem Messanger wie Whatsapp verschickt, über dem Link ein Bild Angezeigt wird. Bis jetzt klappt es nicht, da ist nur der Name der Website zu sehen. Ich habe ein Favicon, aber das wird da nicht angezeigt. Könnt ihr mir weiter helfen?

Sailor Ja, es hat mir weiter geholfen. Vielen, vielen Dank

Hallo

Ich erstelle aktuell eine Webseite für mein Unternehmen und arbeite aktuell an einer Produktseite. Diese Seite beinhaltet 2 divs, Das eine enthält ein Bild, das andere eine Produktbeschreibung. Beide divs werden von einem weiterem div auf Abstand gehalten werden. Um beide divs liegt ein weiters. Diese divs habe ich mit text-aleign: center in der Mitte zentriert. Jetzt habe ich aber das Problem, dass beide Divs nicht an ihrer Oberkante abschließen, sondern an ihrer Unterkannte, was dazu führt, dass immer das div mit weniger Inhalt nach unten rutscht (Siehe Foto). Beide divs sollen sich so platzieren, wie sie es jetzt schon tuen, aber oben an der gleichen stelle miteinander abschließen und nicht untenKann mir jemand hefen und mir sagen, was man dagegen machen kann?

html-seminar.de/woltlab/attachment/2294/

html Code:

<div class="umrandunglr" >


<div class="umranbild">

<img src="../IMG/Stairville%20flood%20panel.jpg" class="bilddetails5" >

</div>

<div id="abstand">
</div>

<div class="umrantext">

<h3>Stairville LED Flood Panel</h3>
<br>
<br>

<table id="detailstabelle">

<tr>
<th>Abstrahlwinkel</th>
<th>40°</th>
</tr>
<tr>
<th>Leistung</th>
<th>18w</th>
</tr>
<tr>
<th>Abmessungen (L x B x H)</th>
<th>260 x 68 x 210 mm</th>
</tr>
<tr>
<th>Gewicht</th>
<th>1,4 Kg</th>
</tr>

<tr>
<th>DMX fähig</th>
<th>Ja</th>
</tr>
<tr>
<th>Im Lieferumfang enthalten</th>
<th>1x Manfrotto Klemme, 1x Safety, <br>  Kein Case vorhanden</th>
</tr>
<tr>
<th>Verfügbare Geräte</th>
<th>8 </th>
</tr>
<tr>
<th>Preis/Tag</th>
<th>4€</th>
</tr>

</table>

<br>
<h5>Hier gehts zur <a href="https://images.thomann.de/pics/atg/atgdata/document/manual/253358_c_253358_253359_v2_de_online.pdf" target="_blank" >Gebrauchsanweisung</a></h5>

</div>


</div>

CSS Code:

.umrandunglr{

text-align: center;
width: 100%;
}


.umranbild, .umrantext, #abstand{
border: solid;
display : inline-block;
}

.umranbild{
background-color: aqua;
width: 32%;
min-width: 400px
}

.umrantext{
background-color: aquamarine
}

.bilddetails5{
width: 60%
}

#detailstabelle{
text-align: left;
border-spacing: 10px;
border-collapse: separate
}

.umrantext h5{
margin-top: 75px;
font-size: 90%;
font-weight: 500
}

#abstand{
width: 20px
}