Page 3 of 5
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 2:13 pm
by Gregor
RonnyK wrote:
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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 2:24 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 2:30 pm
by Gregor
Thanks Ronny, quite some work you did! The search is back in place, on the right side. It's looking great!
Cheers,
Gregor
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 3:38 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 3:45 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 3:49 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 3:53 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 3:58 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 4:15 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 4:24 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 4:54 pm
by Gregor
Ronny,
Thanks again. Removed the ones you striked out, except Tools and Typography (found an error).
Gregor
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 6:53 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 7:52 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 8:00 pm
by 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
Re: How can I put text on the right side of the header?
Posted: Tue Jan 23, 2007 8:18 pm
by 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