Hulp gevraagd bij layout

[jolly205]

Hoi allen,

Kunnen jullie mij helpen bij het volgende:

- in mijn sjabloon heb ik wat regels (links) ingevoegd in het blok van de searchbox. Nu lijkt dat invoegen van regels invloed te hebben op de positie van de titel + tekst (springt naar onderen). Hoe kan ik dit voorkomen?

- ik heb de tekstkleur in mijn stylesheet aangepast. Hij geeft het alleen nog niet weer op de site. Snap niet waarom.

Kunnen jullie mij helpen? Linkje naar website:
http://www.boekettenboutique.nl/Test/index.php

Alvast dank

[velden]

Ik zou beginnen met de site eens door een html validator te halen. Er zitten een paar storende fouten in (niet afgesloten div's bijv.).

Als je de search box verhoogd - en dat doe jij door er plaatjes in te plaatsen - dan ligt het voor de hand dat de onderliggende content naar beneden wordt geduwd.

Je zou dit kunnen voorkomen door een positition:absolute; te kiezen voor je search div. Maar dan moet je ook nog wat andere aanpassingen doen om de div rechts boven te krijgen op de juiste plek.

Maar begin maar eens ervoor te zorgen dat je html opmaak syntactisch correct is. Wellicht dat het probleem dan al is opgelost.

Dat je wijzigingen in het stylesheet niet doorkomen komt waarschijnlijk doordat je in je template nog een verwijzing naar de .css file hebt staan. Aangezien die later wordt geladen overruled die de cmsms stylesheet.

Code: Select all

<link rel="stylesheet" type="text/css" href="images/template/serenity/stylesheet.css">

[jolly205]

Hoi,

Dank voor de tip.Ik ga vanavond eens met een validator aan de slag.

Dat tweede punt. Even kijken of ik het goed begrijp. Moet ik dan verwijzen naar de samengestelde stylesheet die automatisch wordt gegenereerd door CMSMS?

Gr. Peter

[velden]

Hoi,

Dat tweede punt. Even kijken of ik het goed begrijp. Moet ik dan verwijzen naar de samengestelde stylesheet die automatisch wordt gegenereerd door CMSMS?

Gr. Peter

Ja, en dat doe je al met {cms_stylesheet} maar waarschijnlijk heb je ook nog ergens in je template een verwijzing naar de file-based css file. En die verwijzing moet dus weg.

[jolly205]

Deze twee punten lijken opgelost. Het oorspronkelijke sjabloon (serenity) had wat xhtml fouten in zich. Niet alle <div> tags waren afgesloten. Ik heb nu geen html fouten meer maar de positie van de content krijg ik niet goed uitgelijnd. Ik heb op een verkeerde plek een </div> tag geplaatst. Iemand tips hoe ik de boosdoener kan traceren?

[velden]

Dit zou je eigenlijk makkelijk zelf moeten kunnen oplossen. Kijk eens naar Google Chrome met Inspector of Firefox met Firebug.

Code: Select all

</div>
                 <!-- Begin TopImage -->
                 <!-- Begin Wrapper -->
<div id="wrapper">	

Ik denk dat je vóór je wrapper div nog een </div> moet plaatsen om de toparea div af te sluiten.
Uiteraard haal je die onderaan weer weg.

Hetzelfde voor:

Code: Select all

</div>		
		 <!-- End Left Column -->

Het zou voor jezelf ook makkelijk zijn om de code netjes uit te schrijven met inspringen en/of een goede editor. Dan maak je dergelijke fouten niet zo makkelijk.

Tenslotte moet je in de stylsheets de top-margin van de linker en rechter kolom verwijderen.

[Rolf]

Tip: goede website om de werking van div's te leren: http://sceneone.nl/positionering/positie.php

ps. wat ik verder nog al tip kan geven, installeer een code highlighter module als AceEditor. Hiermee kun je de code in de templates veel netter bewerken en is de kans op fouten veel kleiner. Gebruik dan de tab toets om de regels te laten inspringen.

[jolly205]

De top margins van de linker en rechter kolom waren idd het probleem.

Onderaan de pagina zit nog wel een witte balk die ik weg wil hebben.

[Rolf]

http://forum.cmsmadesimple.org/viewtopi ... 13&t=13900