How can I put text on the right side of the header?

[Gregor]

Gregor,

can you post the header CSS and template again. I don't know what is running at the moment.

I think you might have misplaced something in your template. The footer is now outside of the container.

Ronny

Ronny,

I think because of moving with code, I moved the footer. It seems to be back in place.

Thanks,
Gregor

[RonnyK]

Gregor,

I downloaded your site to my harddisk and deleted the

Code: Select all

/* div#header h2 {
   margin-top: 5px;
   margin-right: 12px;
   float: right;
   line-height: 1.1em;
   text-decoration:none;   /* old firefox would have shown underline for the link, this explicitly hides it */}
}
*/


/*
div#header h2 a {
/* you can set your own image here */
   background: #61363C url(uploads/images/logo1.jpg) no-repeat 0px 0px;
   display: block;
   height: 80px;             /* adjust according your image size */
   width: 198px;
   text-indent: -999em;    /* this hides the text */
   text-decoration:none;   /* old firefox would have shown underline for the link, this explicitly hides it */
}
*/

Also the multiple blank lines between these two and the div for search. The search then positions correctly.

Ronny

[Gregor]

Thanks Ronny, quite some work you did! The search is back in place, on the right side. It's looking great!

Cheers,
Gregor

[RonnyK]

Gregor,

another small remark. I notice that search still goes down a little on FF. I think is caused because you have multiple css'es attached that have the same elements. I noticed for example that all header elements are defined twice.

That might explain some unexplainable behaviour. The styles are overwritten with later definitions.

Ronny

[Gregor]

Ronny,

Thanks for testing. As far as I can see, the template "CSSMenu left + 1 column - nieuw" (this is the only default and active one) has the following stylesheets attached:
Title 
Album (for default, ImageGallery, and Thickbox templates) 
Colours 
Forms 
Gastenboek (standaard/voorbeeld stylesheet) 
Navigation: CSSMenu - Vertical 
News 
Temp (for example pages) 
Typography 
Layout: Left sidebar + 1 column 
Tools

Could you see the name of the attached css's? Suggestion if I give you access to my cms?

Gregor

[RonnyK]

Gregor,

to have the text-color not changed on hovering (comment out the last two lines):

Code: Select all

/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
/*   background-color: #C3D4DF; */
/*   color: #99B3E5; */
}

Ronny

[RonnyK]

Gregor,
it is colors, see css attached:

Code: Select all

/* Start of CMSMS style sheet 'Colours' */
/* Layout sections */
	body {
		background: #ccc;
		color: #333;
		}
		
	div#pagewrapper {
		border: 1px solid #000;
		background: #fff;
	    }
		
	div#header {
		color: #fff;
		}
		
	div#footer {
		color: #fff;
		background-color: #385a72;
		}
		
/* Links */		
	a,
	a:link 
	a:active, a:visited {
		color: #385C72;
	}

/* Headings */	
	h1, h2, h3, h4, h5, h6 {
		color: #000;
	}
/* End of 'Colours' */

Overigens ook TYPOGRAPHY

[Gregor]

Ronny,

Thanks forthe tip. I removed the heading in colours and commented two lines out. So far it works. Hope I don't lose the changes when updating to a new version...

Gregor

[RonnyK]

Gregor,

I managed to correct the search link in FF as well. As far as I see are you attaching old css as well. I deleted in the saved data all non CMSMS css and the position is correct. I think you integrated your site into CMS including existing CSS. If you unattach these, everything works fine. Why do you have a "temp" for new content, every content-page can have its own template attached, so I wouldn't create one in your live-stylesheet. Basically you could copy your live-template to a test-template, and unattach the live-stylesheet there and attach the test-stylesheet. With the content-page you can tell what template should beapplicable for that page. So never have to worry about multiple declared elements.

positioning search with these padding gives it a little space:

Code: Select all

/* position for the search box */
div#search {
   float: right;
   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

Ronny

[RonnyK]

Gregor,

these can be unattached. If you don't like the behaviour then, re-attach them:

Title   
Album (for default, ImageGallery, and Thickbox templates) 
Colours 
Forms 
Gastenboek (standaard/voorbeeld stylesheet) 
Navigation: CSSMenu - Vertical 
News 
Temp (for example pages) 
Typography 
Layout: Left sidebar + 1 column 
Tools

Ronny

[Gregor]

Ronny,

Thanks again. Removed the ones you striked out, except Tools and Typography (found an error).

Gregor

[RonnyK]

Gregor,

the css for forms is the one that makes FF put search down.
The code

Code: Select all

	form div,
	form p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
	}

makes it happen. I don't know if you use forms, or not, but this little code is doing it. If you decide to unattach forms or change anything, you can change the padding in the div#search as mentioned earlier, to give it some air.

Something cosmetic, "volgende pagina" is lowercase, "Vorige" is uppercase; "^top" is English; "^Boven".

Your menu is not working correct in both IE and FF, if you select"Fotoalbum", the following 2 entries get selected as well and get a Parent-id even though they have no childs.

Ronny

[Gregor]

Ronny,

I saw what you mean with the position of the search-box. I use forms. Does this mean that there is some in consistance between the css's? Thinking about, if the 'margin.....' over writes earlier made settings, can I comment the margin out in the search-div?

The cosmetic things have been changed. Thanks.

The problem in the menu was noticed earlier by me. I don't know how to solve it. Ehh, suggestions

Gregor

[RonnyK]

Gregor,

is your form still working correctly if you unattach the stylesheet? I'm not sure if you need the css for it. If it shows correctly without the css attached, I assume your running with the CMSMS css.

For the menu, there might be something wrong in the hierarchy of your menu. Do you see anything strange in the content-page, concerning the chapter-numbers? Did you make specific changes in the menu.css?

MODIFIED:
I notice indeed that the mentioned menu-items all have number 6. See below, you might change it using the re-order pages function.

Code: Select all

	<li><a href="http://www.uisge-beatha.eu/index.php?page=fotoalbum"><dfn>6: </dfn>Fotoalbum</a>

</li>
	<li><a href="http://www.uisge-beatha.eu/index.php?page=Nieuwtjes"><dfn>6: </dfn>Nieuwtjes</a>

</li>
	<li><a href="http://www.uisge-beatha.eu/index.php?page=gastenboek"><dfn>6: </dfn>Gastenboek</a>

</li>

I believe that a similar problem was described yesterday, and solved using the reorder pages.

Ronny

[Gregor]

Ronny,

I un-attached Forms, and the boxes of the form (menu 'Reageer') are resized to a size larger than the site width, but the search-button is at the proper height. Re-attaching the form gives correct boxes, but the search-button is no longer at the correct place.

Reordering the menu did solve the problem. Thanks for the tip.

You give them a finger and they try to take your hand... a picture to be placed in the center of the header? I there a standard procedure for, or are the steps as we took today to be re-taken

Gregor