Top posters
Totaal aantal leden: 13360Nieuwste lid: Oma LiesTotaal aantal berichten: 242857Totaal aantal topics: 29679Online vandaag: 6
Toon bijdragen
Deze sectie stelt je in staat om alle bijdragen van dit lid te bekijken. Je kunt alleen de bijdragen zien waar je op dit moment toegang toe hebt.
Dit doe je met de "@media" tag in css.Eén kant en klare oplossing is leuk, maar... is er ergens een soort cursus te vinden zodat ik mijn andere websites ook kan bewerken?
ik ga dus opzoek naar een RTX3080 hahaha...
[img]http://url naar plaatje[/img]
HTTPS moet je toch niet op elke pagina aanpassen???soms heb je volledige verwijzingen op bepaalde pagina's naar foto's of andere links, wanneer deze http zijn moet je ze even aanpassen, anders krijg je meldingen van mixed content.
Je moet gewoon je server de opdracht geven om alles in HTTPS te zetten, SSL certificaat meegeven...
Tja, dit is een probleem bij veel web ontwerpers, de browser cached externe bestanden, en je css is een extern bestand wat wordt ingeladen, daar zit een tijdstempel op. Je ziet daarom wel eens een versie achter het css bestand staan, om de server er van te overtuigen dat je een nieuw bestand hebt.. bijv:Hoe verwijder je de cache?Het is me gelukt door wifi uit te schakelen en dan te herladen (melding "geen verbinding"). Dan wifi weer aan en nog eens herladen. Maar het moet toch makkelijker kunnen.
ook onder windows met je browser moet het goed zijn ( firefox, chrome, edge).Dan denk ik dat e wat mis is met je browser Fred want nu ziet het er hier wel goed uit...Op mijn Windows computer heb ik 4 browsers die allemaal het hele frame zwart maken, dus hetzelfde effect als
IFRAME width=100% height=100%
In Android ziet het er inderdaad uit zoals bij jou. Mijn conclusie is dan, dat (deze versie van) Windows die css niet herkent.
Die css doet exact hetzelfde als < IFRAME height=100% width=100% src="Youtube link" etcNee is niet hetzelfde en ik constateer een foutje in jou css bestand.
Wat doet die css wat dit niet doet?
je mist een "punt" voor de eerste class.
er staat nu:
video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
Moet zijn:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
De punt is toegevoegd en de site is niet veranderd. Ik zie nog steeds geen verschil tussen deze css en width/height=100%.
Die css doet exact hetzelfde als < IFRAME height=100% width=100% src="Youtube link" etcNee is niet hetzelfde en ik constateer een foutje in jou css bestand.
Wat doet die css wat dit niet doet?
ik heb er naar gekeken en als eerste moet je dat "berekeningen" script weghalen, want dat werkt niet bij embedded youtube filmpjes.Dat zal ik zeker proberen. Maar het is onbekend terrein voor me, dus ik hoop dat het goed gaat...
het is verder heel simpel:
Je maakt een div tag voor het embedded iframe filmpje, in jou geval wordt het :
<div class="video-container">
<iframe src='utubelink?autoplay=1' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' frameborder=0></iframe>
</div>
je maakt een css bestand bijv responsive.css en linkt dat in dezelfde pagina onder de <head> tag.
<link rel="stylesheet" href="responsive.css">
In dat css voeg je de onderstaande code toe:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Dat zou alles moeten zijn.
Verder zag ik nog een link naar je counter, deze heeft http en moet je aanpassen naar https, anders krijgt men de melding van mixed content.
Vreemd dat ik geen melding krijg van mixed content wanneer ik de site test...
Pagina opgebouwd in 0.097 seconden met 30 queries.