[opgelost]Logo bovenaan de pagina plaatsen in CMSMS 1.6

[gerben]

Beste CMSMS,

ik dacht het een beetje onder de knie te hebben, maar de nieuwe versie test mijn echte kennis weer  :-[ Het lukt me niet een logo bovenaan de site te plaatsen, het moet toch in de volgende code geplaatst worden? In de stylesheet 'Layout: Left sidebar + 1 column' In het vetgedrukte heb ik mijn afbeelding geplaatst, verschijnt echter niet.....iemand een tip??

div#header h1 a {
/* you can set your own image here */
background: url(images/cms/Logo.jpg) no-repeat 0 0px;
/* this will make the "a" link a solid shape */
display: block;
/* adjust according your image size */
height: 130px;
/* this hides the text */
text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
text-decoration: none;
}
div#header h1 {
margin: 0;
padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
line-height: 0;
font-size: 0;
/* this will keep IE6 from flickering on hover */
background: url(images/cms/Logo.jpg) no-repeat left top;
}
div#header h2 {
/* this is where the site name is */
float: right;
line-height: 1.2em;
/* this keeps IE6 from not showing the whole text */
font-size: 1.5em;
/* keeps the size uniform */
margin: 35px 65px 0px 0px;
/* adjust according your text size */
color: #f4f4f4;
}

[Jos]

Je voegt het logo op die manier dubbel toe: zowel aan de h1-tag als aan de a-tag die daarbinnen staat. Je zou de background bij de h1 dus kunnen verwijderen.

Is er in je template ook wel iets opgenomen als

...


Verder is het even goed om te kijken in welke directory je het plaatje daadwerkelijk hebt staan.
Staat ie werkelijk in images/cms/Logo.jpg
of heb je hem via Imagemanager geupload naar uploads/images/cms/Logo.jpg

edit:
Misschien ook nog een breedte toevoegen aan je a tag?

Code: Select all

/* adjust according your image size */
   height: 130px;
   width: 300px;

[gerben]

Je voegt het logo op die manier dubbel toe: zowel aan de h1-tag als aan de a-tag die daarbinnen staat. Je zou de background bij de h1 dus kunnen verwijderen.

Is er in je template ook wel iets opgenomen als

...


Verder is het even goed om te kijken in welke directory je het plaatje daadwerkelijk hebt staan.
Staat ie werkelijk in images/cms/Logo.jpg
of heb je hem via Imagemanager geupload naar uploads/images/cms/Logo.jpg

edit:
Misschien ook nog een breedte toevoegen aan je a tag?

Code: Select all

/* adjust according your image size */
   height: 130px;
   width: 300px;

Hoi Jos, perfect, is me nu wel gelukt. Nog twee dingen (zie www.zwembad-amsterdam.nl), over mijn logo staat 'Zwembad-Amsterdam' en de ruimte achter de knop versturen is iets te groot, de body lijkt weer kleiner en onderaan lijkt de footer ook helemaal uit te lijnen. Hoe krijg ik alles netjes onder elkaar?
Wat betreft Search, ik dacht hier iets te moeten aan passen, maar weet niet precies wat,:
div#search {
/* position for the search box */
float: right;
/* enough width for the search input box */
width: 27em;
text-align: right;
padding: 0.5em 0 0.2em 0;
margin: 0 1em;
}
Ik zie dat de nieuwe versie CMSMS wat extra opties biedt, maakt t ook ingewikkelder

[Jos]

twee dingetjes? Volgens mij noem je er een paar meer 

Ik heb even alleen IE8 tot mn beschikking en dus niet die handige webdeveloper-toolbar in firefox. Maar ik zie in de broncode in de header ook dit staan:
Zwembad-Amsterdam
Is dat de tekst die je weg wilt hebben?
De "Zwembad-Amsterdam" die in de h1 staat wordt waarschijnlijk netjes buiten beeld geschoven door de css: text-indent: -999em

De ruimte rechts naast de versturen-button kan door twee dingen gebeuren:
1) de margin buiten de div #search
margin: 0 1em;
Wat wil zeggen 0 ruimte erboven en eronder, en 1em ruimte links en rechts

2) de padding binnen de div#search, maar die staat bij jouw nu al op 0. (volgorde van getallen duidt op boven - rechts - onder - links)

Wat was er nog meer?