Hallo,
ik probeer om een deel van een php blok te stylen met css maar het wil niet lukken.
Het gaat om de tekst bij een foto, deze wil ik verplaatsen en een andere kleur geven maar ik kan op de een of andere manier dat gedeelte niet bereiken.
Het gaat om de div id="tekst" binnen de div id="albums".


<div id="wrap">
<?php 
$albums = $albums->get_albums();
?>
<div id="imagebar">
<?php
if (empty($albums)) {
	echo '<p>Je hebt nog geen album</p>';
} else {
	foreach ($albums as $album) {
?><div id="albums">
<div id="tekst">
<?php
 echo'<a href="view_album.php?album_id=', $album['id'],'">',$album['name'], '</a>';
?></div><?php		
		echo'<a href="view_album.php?album_id=', $album["id"],'"><img src="uploads/thumbs/', $album["id"], '/', $album["imagename"],'" title="" /></a>';
	}
}
?>
</div>
</div>
</div>

Ik krijg geen foutmeldingen maar er gebeurd ook niets met de div id="tekst".

Kan iemand mij hiermee helpen?

Bedankt...

#tekst {
   background-color:blue;
}
#tekst a {
   background-color:green;
}


Je foreach geeft meerdere div'jes met dezelfde id. Een id moet echter uniek zijn. Gebruik daarom class in HTML en de class selector in CSS:


.tekst {
   background-color: blue;
}
.tekst a {
   background-color: green;
}
ja natuurlijk, nooit die foreach gezien. iedere id attribuut (id="????") mag over de hele HTML pagina slechts één keer voorkomen. Om meerder elementen hetzelfde te stylen gebruik je het attribuut class (class="????").
Dank jullie wel, het werkt beide. Stom, nooit gedacht aan die a erbij.

Reageren