css aansturing naar modules werkt niet

[nofarmer]

Ik wil een 'gepersonaliseerde' module weergeven in een website, ik heb in het css- bestand een suffix toegevoegd en deze ook gekoppeld via modulebeheer alleen worden de wijzigingen niet zichtbaar! Is dit een bug?

[renem]

Wat wordt er niet zichtbaar?

Ik herken het probleem niet en gebruik vaak suffixes.

[Macsimice]

Misschien een stomme vraag, maar heb je in je source gekeken hoe en waar de suffix wordt toegepast? Cross-check dit met je css, en dan zou je toch moeten kunnen ontdekken waarom eea niet werkt?

[nofarmer]

Ik gebruik in mijn css de toevoeging _test

/* ##################### MODULE SETTINGS ###################### */
table.moduletable
{
width: 170px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}

table.moduletable th
{
padding-left: 5px;
padding-top: 5px;
height: 20px;
background: #000000;
color: #FFFFFF;
text-align: left;
font-weight: bold;
}

table.moduletable td
{
padding-top: 5px;
}

/* ##################### MODULE SETTINGS TEST ###################### */
table.moduletable_test
{
border-top: 2px solid #006fd5;
border-left: 2px solid #006fd5;
border-bottom: 2px solid #006fd5;
border-right: 2px solid #006fd5;
}

table.moduletable_test th
{
text-transform: uppercase;
background: #006fd5;
}

table.moduletable_test td
{
padding-left: 5px;
}

In mijn module (mod-newsflash) geef ik als toevoeging bij Module Class Suffix de toevoeging _test
volgens mij moet het dan normaal toch gewoon goed gaan. Ook als ik geen suffix toepas reageert de module ook niet op de standaard table.moduletable instellingen in de css.

Ik gebruik trouwens Joomla 1.5.8 en mijn pagina is opgebouwd uit <div>

[Macsimice]

Aan je css ligt het niet. Kijk even in je broncode waar je suffix aan de tags wordt toegevoegd, dat is de makkelijkste manier om te checken of eea juist wordt toegekend.

[nofarmer]

In de broncode is de aansturing wel goed: alleen die <h3> snap ik niet, die hoort er i.i.g. niet.

<div class="moduletable_test"><h3>Foto's</h3>

<div class="moduletable_test"><h3>Tenoren gezocht</h3>

[Macsimice]

Je specificeert in je css dit:

table.moduletable_test

Maar dat moet dan dit zijn:

div.moduletable_test

of anders:

.moduletable_test

Die titel kun je in de back-end als het goed is gewoon uitzetten (c.q. niet laten zien).

[nofarmer]

Het werkt deels, de module reageert alleen op de .moduletable_test
niet op .moduletable_test th en .moduletable_test td

[renem]

Weet je zeker dat er de module is opgebouwd uit tabellen? (th en td) die H3 heeft te maken met hoe je de module laat renderen. RAW, xhtml, rounder ed.

[nofarmer]

de module's die ik gebruik zijn mod_latestnews, mod_zoomthumbs & mod_latest_events, ik kan zelf niet beoordelen of deze opgebouwd zijn uit tabellen of niet....

als ik de css-file eigenschappen meegeef aan <h3> dan is het wel zichtbaar.

[Macsimice]

Als je het betreffende stukje broncode even post wil ik er wel even naar kijken voor je.

[nofarmer]

bij deze de bestanden, alvast bedankt

index.rar

style.rar

[Macsimice]

Sorry voor de late reply, feestdagen enzo he. Gelukking Nieuwjaar dus.

De html opbouw verschilt per module, het enige wat ze volgens mij gemeen hebben, is dat ze altijd in een div met class moduletable staan (dus niet zoals de naam doet vermoeden in een table, een kleine erfenis van joomla 1.1 neem ik aan).

In het geval van de menus heeft het te maken met de Menu Style (Module Manager). Ik heb het niet gechecked, maar als het goed is wordt in de 'legacy' stijlen 'vertical' en 'horizontal' de html als tables gerendered, maar in de andere gevallen is een menu een eenvoudige list (dus <ul><li></li></ul>) en moet je die in je css dus ook zo aanspreken.

Nogmaals, het makkelijkste is om de broncode in je browser op te roepen (rechter muisklik codering/toon broncode ofzoiets) en het betreffende stukje html even bekijken. Dan zie je vanzelf wat je met je css moet doen.

Hoop dat t lukt,
vr gr