Top posters
Totaal aantal leden: 13365Nieuwste lid: Aart1975Totaal aantal berichten: 243154Totaal aantal topics: 29726Online vandaag: 61
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?
zou je kunnen schetsen op papier wat hij bij jou doet tijdens het draaien en terug draaien en wat vervolgens niet goed is? Ik begrijp het niet volledig.. Op een tabblad draait hier alles goed mee..Dat kan ik:
Ik volg je op de hielen Fred hahahaha Als jij nu even rust neemt dan ben ik je in 2 jaar ingehaald hahahaAlleen als ik doodga, verandert mijn leeftijd niet meer. En daar heb ik voorlopig geen zin in. 😉
Ja iDD daar had ik even nog niet aan gedacht, tja ik werk niet met verschillende servers en alles staat op 1 en dezelfde server,, tja en dan vergeet je even na te denken (ouderdom zeker)...Bij mij stond een deel van mijn programmering op een gedeelte van de server waar geen https mogelijk was (niet in het geheugen dat onder mijn domeinnaam valt) en het grootste deel waar dat wel mogelijk was (onder mijn domeinnaam).
HTTPS moet je toch niet op elke pagina aanpassen???Nou, dat is ook weer leuk... maar toch moest ik wat aanpassingen doen, want een deel van mijn sites (bezoekersteller bijvoorbeeld) bevond zich nog op een onbeveiligde server, dus ik heb al die elementen moeten verhuizen en dan ook de url daarvan aan moeten passen.
Je moet gewoon je server de opdracht geven om alles in HTTPS te zetten, SSL certificaat meegeven...
@ King Fred IIKijk, dat moet je maar net weten. Ik wist niet wat "margin-top" met dat getal betekende, dus...
Om van je zwarte balken boven en onder af te komen verander dan even padding-top in je CSS bestand als volgt:
.video-container {
position: relative;
padding-bottom: 56.25%;
margin-top: 10px;
height: 0;
overflow: hidden;
}
Uiteraard kan je het aantal pixels bij margin-top zelf naar smaak aan passen.
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.
heb je de cache verwijderd van je browser? Dat is wel noodzakelijk vaak als je de css aanpastHoe verwijder je de cache?
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
Die punt heb ik toegevoegd en ik zie nog steeds geen verschil met "width=100% 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?
je mist een "punt" voor de eerste class.
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;
}
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>
Dat zal ik zeker proberen. Maar het is een onbekend terrein voor me, dus ik hoop dat het goed gaat...
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.
Pagina opgebouwd in 0.164 seconden met 29 queries.