login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS wordt niet gezien

Offline John01 - 06/01/2017 11:58
Avatar van John01Nieuw lid Goede dag ieder hier.

Ik ben John, en ik heb een vraag over css. Ik weet niet meer, hoe het werkt en na diverse pogingen werd het maar eens tijd om een vraag te stellen hoe.

Ik begin mijn artikel als eerst met de volgende:

Plaatscode: 142538

In een al eerder aangemaakt bestand van een template personal.css staat dan ook het volgende erin beschreven:

Plaatscode: 142539

Zoals u hebt kunnen zien, gebruikte ik in het artikel:

Plaatscode: 142540

En de verwijzing naar het css bestand class="img"

Niets laat hij zien dat er een verbinding is met de toegevoegde script. Dit begrijp ik niet meer waarom dit gebeurd, graag zou ik willen weten hoe dit op te lossen.

Voorbaat vriendelijk dank voor de aangeboden hulp

7 antwoorden

Gesponsorde links
Offline nielsvdwal - 06/01/2017 13:28
Avatar van nielsvdwal PHP gevorderde Hoi John,

Heb je de website ergens draaien zodat we daar eens kunnen kijken?
Met de code die je laat zien, zou de div de opgegeven hoogte en breedte moeten hebben, de afbeelding zelf doe je niets mee qua formaten.
Offline Thomas - 06/01/2017 14:02 (laatste wijziging 06/01/2017 15:53)
Avatar van Thomas Moderator Wat @niels hierboven zegt: je specificeert met deze stijlregels / constructie geen afmetingen voor de afbeelding, enkel voor de div.

Een div is eigenlijk niets meer dan een bak of container waar je dingen in kunt stoppen. Je moet er tot op zekere hoogte zelf zorg voor dragen dat alles in de bak past, en aangeven hoe groot de voorwerpen die je erin stopt precies zijn.
Offline John01 - 06/01/2017 16:07 (laatste wijziging 06/01/2017 16:13)
Avatar van John01 Nieuw lid Dank u wel mensen, voor uw reactie.

Waarom wordt er dan div.img in vermeld???

div.img {
width:250px;
height:180px;
}

Men zou dan denken dat hiermee een foto de formaten mee worden mee bedoeld zou worden. Als dat dit het geval is, hoe kan dan wel een formaat van een foto worden vermeld in een css bestand zoals vanuit html.

Op de eerste plaats had ik het zo gedaan
.img {
width:250px;
height:180px;
}

werkte ook niet, dus dan maar het volgende uitproberen
#img {
width:250px;
height:180px;
}
Dat werkte dus ook niet, en nog wel in een bestaande .ccs bestand.

Maar ik ben nog ergens achter gekomen, hij plaatst ook niet in de bron van hoofdpagina de volgende link

<link href="/test/templates/cli/picture.css" rel="stylesheet" type="text/css" />
of deze
<link href="/test/templates/jsn_mico_pro/picture.css" rel="stylesheet" type="text/css" />
en of op deze manier
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/jsn_mico_pro/picture.css" rel="stylesheet" type="text/css" />

Maar goed kijk maar eens naar de bron http://www.nieuws-feiten.nl/test/

Ondanks dat de link wel degelijk in de index.php aanwezig is, maar niet in de bron vermelding


Even een aanpassing toevoegen.

Kan het zijn dat ik geen class="" moet gebruiken maar een id="afbeelding" <div id="afbeelding"></div>
Offline nielsvdwal - 06/01/2017 16:34
Avatar van nielsvdwal PHP gevorderde Ik begrijp dat je nog niet zo ver bent met html/css.

In css kan je op verschillende manieren opmaak geven aan elementen.
De 3 meest gebruikte manieren zijn:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. /* 1. Op het element zelf (zonder class en zonder id) */
  2. img { }
  3. /* 2. Een class meegeven */
  4. img.classname { }
  5. /* 3. Een id meegeven */
  6. img#idname { }


Hoe je deze dan gebruikt in je html:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!-- Manier 1 -->
  2. <img src="path">
  3.  
  4. <!-- Manier 2 -->
  5. <img src="path" class="classname">
  6.  
  7. <!-- Manier 3 -->
  8. <img src="path" id="idname">


Let hierbij op dat:
- 1. Dit pas je toe op alle img elementen
- 2. Dit pas je toe op 1 of meerdere img elementen met de class 'classname'
- 3. Dit pas je op 1 img element toe (id = uniek)

Als ik me niet vergis gebruik je Joomla, daar kan ik je verder niet mee helpen.
Offline John01 - 06/01/2017 16:47
Avatar van John01 Nieuw lid wel vreemd dat wanneer ik in html dit beschrijf

<p><img src="images/klein/jan/Screenshot-185-84.png" alt="Saint Tropez" class="scaled" /></p>

en in css het volgende

img.scaled {
width: 185px;
height:84px;
}

werkt niet

en dan wel in de officieel .ccs bestand, en niet een eigen gemaakte .css bestand.

Als ik dat wel doe, zoals eerder is beschreven met een link in de index,php bestand staat het er wel degelijk in, maar niet in de broncode ??? Als ik een <meta er aan toevoeg in het zelfde bestand, dan is dat wel zichtbaar. Daarom raak ik hierdoor helemaal de kluts kwijt.
Offline nielsvdwal - 06/01/2017 17:10
Avatar van nielsvdwal PHP gevorderde Je code zou in principe moeten werken.
Hoe je css ingeladen wordt etc. dat weet ik dus niet, aangezien je joomla gebruikt.
Offline John01 - 06/01/2017 18:32
Avatar van John01 Nieuw lid Juist inderdaad, het zou moeten werken.
En dit is namelijk ook de eerste keer dat dit overkomt in Joomla. Echter het kan eventueel aan de template liggen, of dat het iets niet oplaad.

De reden dat ik alles in css wil hebben, heeft te maken met W3C Markup. En juist op dat gebied geeft het dus fout meldingen, en dat zou opgelost moeten worden met een extra .ccs bestand. Dus niet, ach ja het is nog maar net 2017.

Ik heb nu voldoende informatie vanuit jullie gekregen om verder ermee door te gaan tot het wel lukt.

Even voor de goed orde, ik was ICT specialist en alle denkbare diploma's zoals certificaten. Echter ik ben meer dan een 2 half jaar lang, mijn geheugen totaal kwijt geraakt. Sinds een 4 jaar kan ik weer schrijven, lezen zoals leren. En dit is een voorbeeld ervan, dat men wel weet hoe je het moet doen, echter zodra het niet werkt gaat men aan uw zelf twijfelen.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.214s