Hulp nodig met .css
Enkele weten al dat ik een schone nieuwe website aan het opzetten ben. Bij het opzetten van deze nieuwe website wil ik dat alles eens perfect draait, met name SEO.
Echter ik loop tegen een probleem aan, dat waar ik zelf geen oplossing voor heb, omdat het simpel weg niet uitvoert hoe het zou uitgevoerd moet worden. En dat probleem is .css.
Zal eerst aangeven wat wel lukt,
Code:
<meta name="language" content="nederlands"/>
plaatsen in de index.php bestand van de template die ik gebruik. Dit geeft dus aan, dat het netjes wordt opgeslagen wordt in de index.php en te zien is in de paginabron.
Maar nu komt het probleem.
Dit is een originele scripting die in het bestand
component.php staat vermeld
Code:
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/[b]template.css[/b]" type="text/css" />
Het enige dat wat ik zou moeten wijzigen is dus de bestandsnaam geven van een nieuwe .css, en dat is geworden content.css
Code:
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/[b]content.css[/b]" type="text/css" />
De bovenste link plaats in dus in de zelfde bestand folder als de component.php
Wat staat er in dat bestand content.css.
Code:
img.head {
width:250px;
height:180px;
}
Ik neem aan dat dit zo goed beschreven zal zijn.
Nu dat ik dat gedaan heb, moet er ook een verwijzing zijn vanuit een artikel met
class="head"
De foto
Code:
<p><img src="images/klein/jan/Screenshot-250-180.png" alt="Saint Tropez" [b]class="head"[/b] /></p>
Het artikel slaan we op, en dan zou dus alles moeten werken,
dat doet het dus niet?
Dan maar terug naar het .css bestand, om andere mogelijkheden toe te passen.
Op het element zelf (zonder class en zonder id) */
img { }
/* 2. Een class meegeven */
img.classname { }
/* 3. Een id meegeven */
img#idname { }
het zou dus er zo uit moeten komen te zien
<!-- Manier 1 -->
<img src="path">
<!-- Manier 2 -->
<img src="path" class="classname">
<!-- Manier 3 -->
<img src="path" id="idname">
Alles werkt dus niet, en dat is wel heel erg apart.
Goed dan pakken we het anders aan met de verwijzing van de eerder gemaakt
Code:
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/content.css" type="text/css" />
Deze zetten wij nu eens in de
index.php zoals we dat eerder hebben gedaan met de <meta name="language" content="nederlands"/>
die hij dus wel degelijk laat zien in de bron code.
Maar de
Code:
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/content.css" type="text/css" />
laat hij niet zien in de bron code zoals dit ook totaal geen effect heeft.
Dan passen het geheel aan lekker simpel dat moet zeker lukken
Maar de
Code:
<link rel="stylesheet" href="htttp://www.nieuws-feiten.nl/test/templates/jsn_mico_pro/css/color/content.css" type="text/css" />
laat hij niet zien in de bron code zoals dit ook totaal geen effect heeft. zelfs deze link beschrijving laat hij niet eens zien in de broncode zoals dat ook totaal geen eefect heeft.
Ook al verwijs ik de hierboven staande naar de root of alleen naar /templates heeft absoluut geen nut.
Nu zal men afvragen waarom dat niet gewoon de
script text die in de .css bestand staat
in het artikel eraan toevoegen
Code:
<script type="text/css">
img.head {
width:250px;
height:180px;
}
</script>
Dat werkt natuurlijk wel, maar geeft wel degelijk
script fouten aan bij W3C en dat is dus wat ik wilde voorkomen.
Ook al zet ik het volgende
Code:
img.head {
width:250px;
height:180px;
}
in alle mogelijke .css bestanden van de template kleur die ik gebruik en niet gebruik,
hij wil maar niet die tekst gebruiken of dat het gezien wordt.
Heeft iemand anders een ander idee, gezien dat ik er nu wel een beetje klaar mee ben en opties.
Onderwerp Auteur
