Page 2 of 2

Re: 2 verschillende sjablonen samenvoegen

Posted: Sat Jun 02, 2007 2:37 pm
by simpel_cms
Ronny,

Bedankt voor je uitleg. Dit is ook weer gelukt.
Ik zit nog met een klein puntje:

Om gastenboek forumulier er netjes uit te laten zien heb ik de volgende css code gebruikt:

Code: Select all

CSS:
fieldset_gastenboek{
width: 340px;
padding: 5px 0 10px 10px;
border: 0;
font-family: verdana;
}

label{
width: 125px;
float: left;
padding: 2px 0 9px 0;
}

input{
margin: 0 0 9px 0;
padding: 1px 0 2px 3px;
width: 150px;
}

.button{
font-weight: bold;
width: auto;
margin: 0 5px 0 0;
padding: 1px 5px 2px 5px;
cursor: pointer;
float: right;
}
Als ik nu naar het zoek veld kijk dan zie ik daar de dubble punt niet netjes achter het woord: zoeken staan.
Deze staat er onder Image

Ik kan dit wel recht zetten door in het css bestand bij input Margin 9 px weg te halen maar dan staat het formuliertje weer schots en scheef.

Heb je enig idee hoe ik dit kan oplossen ?


Alvast bedankt.

Re: 2 verschillende sjablonen samenvoegen

Posted: Wed Jun 06, 2007 8:06 pm
by RonnyK
Dat komt waarschijnlijk omdat je door de CSS aan te passen, het generiiek hebt gemaakt. Je kunt waarschijnllijk door "guestbook .label" vervang guestbook door de naam van je DIV etc.... het enkel voor guestbook laten gelden.

Ronny

Re: 2 verschillende sjablonen samenvoegen

Posted: Sat Jun 16, 2007 12:20 pm
by simpel_cms
Oke. Is gelukt. Alles staat nu netjes naast elkaar.
Waar ik nu nog even mee zit is het volgende.

Hoe kan ik aan het verticale menu een niveau bij maken ?

Onderstaant plaatje laat zien dat dag 1 niet onder planning hoort.
Ik wil dus graag dat dag 1 opschuift naar rechts zodat het streepje onder planning staat.

Image

Volgens mij moet dit kunnen door alleen de stylesheets te wijzigen.
Alleen weet ik even niet hoe.

Re: 2 verschillende sjablonen samenvoegen

Posted: Mon Jun 18, 2007 12:35 pm
by RonnyK
In je CSS van je verticale menu, staat nu zoiets als:

Code: Select all

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   font-size: 90%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/dash.gif) no-repeat 2.8em center; 
}
waarbij de "ul ul", of "ul ul ul" aangeeft hoe diep je zit. De padding geeft de inspring weer, rekenend als "boven, rechts, onder, links", dus hierboven korter op de boven/onderkant gezeten, met meer inspring vanaf links.

Ronny

Re: 2 verschillende sjablonen samenvoegen

Posted: Mon Jun 18, 2007 7:14 pm
by simpel_cms
Bedankt Ronny. Het is weer gelukt.