hi,
ich glaube du hattest recht, in einer geladenen css-Datei stand für img -> als width:100%,
also in dem Fall dann die 500px.
Ich lasse es jetzt in der einen Datei so mit dem "important", dann kann das 100% für alle anderen bleiben.
Auf alle Fälle wieder was gelernt.
Danke nochmals,
Tino
hallo,
danke für die schnelle Antwort,
jetzt geht es, das "!important" muss es gewesen sein, das 500er Bild wird nun als 300px dargestellt.
Ich benutze nichts, kein Bootstrap, alles selbst programmiert und eigene kleine css-Sachen.
gruß
Tino
hallo,
wahrscheinlich wieder einmal eine ganz banale Frage:
Ich habe alle meine Thumbnails 500px x 333px.
Nun wollte ich sie verkleinert darstellen aber die width-attribute sprechen nicht an ??
<img alt="" title="" src="artikel3/thumbs/bild_07.jpg" width="300" height="200"/>auch mit ccs nicht.
<style>
#fixed-width { width: 300px; height: 200px; }
</style>
<img alt="" title="" src="artikel3/thumbs/bild_07.jpg" id="fixed-width" />Das Bild wird unverändert mit 500px dargestellt.
was mache ich schon wieder falsch, danke euch.
Tino
hallo,
nochmal danke an alle, die mir hier geholfen haben,
soweit sieht mein swiper jetzt ganz gut aus, das mit dem fullscreen geht nicht, aber egal.
schönen tag noch
Tino
hallo,
danke euch allen, ich lass es einfach so
Tino
hi,
alles klar, ich lass es dann so, und man wird sehen
danke an alle info-geber
Tino
hi,
ich denke fast, dass ich es gar nicht bräuchte, aber wenns irgendwer so wichtig findet ist es eben so drin, mir egal, wirkt so doch professioneller 
was ist den CDN?
gruß
Tino
hi,
nochmal wegen dem fullscreen:
<script>
var elem = document.documentElement;
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}
</script>
<body onload="openFullscreen();">hab ich grad bei : http://www.w3schools.com/ gefunden,
funktioniert aber nicht, geht sowas bei dir, hab gelesen, dass damit auch Android-Versionen Probleme haben,
wäre optisch halt schön wenn gerade im Landscape, die recht breite Browserzeile weg wäre.
Aber wie gesagt, ist nicht so wichtig.
So jetzt genug für heute
Mercy
Tino
hallo, oder guten abend,
das ist ja schön so, und mit soviel weniger code !
ich habe es noch mit sowas hier versucht:
@media only screen and (orientation:landscape) {
img:not(#logo) {
width: auto;
height: 100%;
}wurde aber auch nicht so besonders,
dann war die eine zeile:
object-fit: contain;wohl entscheidend.
Bekommst du die Eingabezeile des Browsers noch weg, also sozusagen in einem schwarzen Fullscreen?
Ist aber echt grad nicht so wichtig, ich bin jetzt sowiseso 2 Tage mal nicht am PC.
Wegen Tablet, da hab ich noch nichts gemacht, unter 800px gehts in die Mobile-Version und darüber in die Web-Version, die müssen dann halt etwas mehr scrollen 
Die Responsive-Sache will ich eh noch viel besser machen, aber vorerst bin ich froh, dass es soweit geht.
Vielen Dank dir nochmal oder schon wieder.
Tino
ok, denn die Seite ist mittlerweile einigermaßen einsatzbereit...(Bitte alle perfekten Wordpress-user nicht ansehen):
https://keeplifesimple.de/ geh da bitte auf Galerie und in der Rubrik "Klettern" (denn da sind auch Hochkantbilder drin) dann auf dem smartphone den swiper nutzen.
In der Web-version nutze ich ja die fancybox, sieht ganz gut aus, aber am smartphone waren wir ja ohne besser dran, für Breitbilder sieht es ja gut aus, aber ohne den Box-schnickschnack, die Bilder möglichst groß und mittig,
ebenso wie es das Android macht wenn du einfach deine Fotos durchklickst.
Danke Tino
zu nextuser: Ich habe vor 15 jahren webseiten gemacht, damals noch mit html und perl, cgi und sowas......
nun ist ja alles anders, aber in der corona zeit hab ich endlich mal wieder versucht was zu programmieren, ich komm auch dank euch wieder etwas rein und verstehe immer mehr....ich möchte nichts fertiges nutzen, was gut aussieht ich aber nicht verstehe.....
ps. ich schraub auch an unserem dacia rum und besteige berge allein.
dank euch und grüße
Tino
ps: nochwas falls es geht: Fullscreen ohne die Browserzeile nur bei den swipern ?
hallo,
nein, ich habe von dem oben verlinkten Beispiel, die einfachste Version: "
Wir verwenden Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu."
Dann ein link zur Datenschutz Seite und der OK-Button.
Nichts anklickbar, keine Auswahl, die Seite zeigt ja auch nur Fotos, Texte und du kannst mir was mailen, kein Passwort speichern, oder Einloggen, oder sowas.
Tino
hallo,
du meinst die swiper-seite:
https://swiperjs.com/demos/und da das demo: "space between slides"
danke
Tino
Mit gesamt, meist du dann auf allen Seiten oder nur der index.php seite.?
Denn bei mir kannst du alles ansehen ohne es bestätigen zu müssen, da es rel. klein ist.
Bei manchen Seiten steht es halt riesengroß in der Mitte, so das man es mit ok wegklicken muss um überhaupt was machen zu können.
Ich habe es halt rel. klein oben im Eck platziert, auch farblich passend, so dass es einen nicht stört beim durchblättern.
Es ist doch etwa so wie ein "Eltern haften für ihre Kinder" Schild am Kinderspielplatz, es MUSS dortstehen, aber keiner sagt wie groß, so denk ich es mir halt.
Tino
hallo,
einen kleinen schönheitsfehler hat der swiper noch,
<style>
html, body {
position: relative;
height: 100%;
}
body {
background: #eee;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color:#000;
margin: 0;
padding: 0;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
img:not(#logo) {
max-width: 100%;
height: auto;
vertical-align: text-top;
}
</style>das sind die css-daten von der swiper-seite zum Beispiel mit "Space-between".
Sie sind ganz gut mittig zentriert, aber wenn du das smartphone in die landscape-ansicht drehst, sind sie viel zu groß, also zb. Hochkant-bilder sollten dann doch recht klein mittig und ganz zu sehen sein.
Hast du noch eine idee dazu?
Danke Tino
hallo,
ich habe mir von folgender Seite:
https://www.programmier-tipps.de/2018/07/08/dsgvo-einfaches-cookie-popup-ohne-plugin-selbst-erstellen/?unapproved=335&moderation-hash=e37acb2ea59296116efa7606cff746ac#comment-335ein sript für einen selbstgemachten Cookie Popup Hinweis abgekupfert.
Meine Frage, ich habe es nur auf der index.php eingebunden und nicht so rießig mittig, sondern dezent rechts oben eingebettet.
Nun kann man aber die Links klicken und es ist nicht mehr zu sehen, nur wenn ich auf die startseite index.php springe sieht man es wieder, falls man es nicht geklickt hat.
Ist dies so rechtlich ausreichend oder muss es auf allen menu-seiten eingebunden werden, denn man kann die seite ja nutzen ohne es zu klicken, wenn es einen nicht stört.
Auf "Rechtlichen"-Seiten habe ich nur gelesen, dass es auf der Seite stehen muss.
Gruß Tino
ja,
eben diese index.html, die ich als erstes gepostet habe,
aber in der steht ja nichts drin, kein content, leine bilder, keine keywords, etc....
ich hatte halt etwas angst, dass suchroboter die seite sehen und keinen inhalt sehen und mit eben dem nachladen nichts anfangen können.
Tino
hallo,
das hat sich eben so ergeben und ich habe für die mobile version viel weniger effekte, mouseovers gefallen mir dort nicht, andere thumbnails, etc....
zur frage, ist es egal für suchroboter, oder wäre es sinnvoller, als erste seite die index_web.php mit inhalten zu zeigen und in der nur abzufragen, ob es sich als endgerät um ein smartphone handelt.
tino
hallo,
vorweg, ich habe als allererste Startseite eine html-seite, die in zwei völlig unterschiedliche Seiten zweigt, eine mobile und eine web-version.
Ich weiß, dass das aus responsive-Sicht vielleicht Quatsch ist, aber ich habe die Zeit, nicht so viel Inhalt und kann so mehr Sachen testen, egal
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script>
$(document).ready( function() {
var height = $(window).height();
var width = $(window).width();
if (width < 800) url = 'index_mobile.php'; else url = 'index_web.php';
$('body').load(url);
});
</script>
</head>
<body>
</body>
</html>alles weitere passiert in index_web.php bzw. index_mobile.php.
Jetzt meine Frage, was ist mit den Suchrobotern zur Indexierung, wenn die auf der Startseite sozusagen nix finden,
Ich wollte auch einen sitemap-generator testen, der hat nichts gefunden, erst als ich dann das: index_web.php
dazugeschrieben habe wurde sie mit allen unterseiten erstellt.
Ist dass für die Suchmechanismen so ok, oder werde ich nie gefunden, da für sie die erste Seite "leer" ist
Danke euch
Tino
hallo,
replaceState: true,diese kleine Sache scheint es gewesen zu sein,
ich muss und kann dir schon wieder nur danken.... von dir habe ich schon mehr gelernt als damals an einer uni
das swipen gefällt mir so gut, vor allem sind die Bilder fullscreen mit einem Mini-Rand, alle Fancyboxen, etc die ich getestet habe hatten diesen breiten Rand, mit dem Button zum Schließen oben, etc.. auf alle Fälle war das Bild nie so groß wie bei unserem Beispiel jetzt.
mercy dir nochmal,
ich schätze fast ich frag dich das ein oder andere mal noch Sachen...
gruß
Tino
hallo,
Browser history API
PhotoSwipe manipulates the browser's history so that the user can link to each gallery item and close the gallery via the "back" button. The initial URL is restored when the gallery is closed.das steht bei der Seite: photoswipe.com...... abe wie kann man sowas bei unserer Sache nutzen, es nervt ja total, wenn man 10x die Back-Buttons drücken muss um wieder zu der Thumbnail-seite zu kommen ?
Tino