16 replies to this topic

[Deb]

Hi,

I realize this is probably css related but I have tried for hours to figure out a way to remove the Site Name, a border & search text in my site template and I cannot find where to do this. This is more css than I've *ever* dealt w/in my life plus it's tableless & XHTML (which I have never done before so I'm triple whammy-d)! I'm really lost, please forgive the probably very basic questions.

Here is the site: http://www.digitalmousedesigns.com

In IE6 top right is the search box and I added a little magnifying glass image. There is a border around it in IE6 that for the life of me I cannot get rid of. In Firefox it says "Submit Query" in tiny letters over the magnifying glass and I cannot find where to remove that either.

In both IE6 and Firefox I have the Site Name in text showing above my logo. I don't need that there (the logo says the same thing) and would like to remove it. I've tried everything that normally works for me in css and in the template(s) to remove it and it won't budge. The best I could do was to make it smaller text.

Any help would be greatly appreciated, thank you.

[lloyd_borrett]

G'day deb,

Looks to me like you've put you logo in as a background image to dic id=header.

But in your template you sill have:

<div id="header">
  <div id="site-name">Digital Mouse Designs</div>
  <div id="search">
 	 <form action="">
 	 <label for="searchsite">Site Search:</label>
 	 <input id="searchsite" name="searchsite" type="text" />
 	 <input type="image" class="f-submit" />
 	 </form>
  </div>

The site name is coming from that div id=site-name line. Just remove it. Or you you can do what I did. I put the site logo in there, This enables me to make it clickable, which is a behaviour most users expect. Doing it that way also enables me to put the logo at the beginning of my printable pages. Print out one of the pages at www.scubadoctor.com.au to see what I mean.

I'm pretty sure the box around the image is coming as a border from the styling for the f-submit. Look for f-submit in the CSS file.

Hope this helps.

Best Regards, Lloyd.

[Deb]

lloyd_borrett, on May 4 2006, 05:35 PM, said:

I'm pretty sure the box around the image is coming as a border from the styling for the f-submit. Look for f-submit in the CSS file.

Well, I got rid of the Site Name issue, thank you. But I'm still not able to get rid of the box/border around my search image. I've edited the f-submit a number of times, still no luck. This "submit query" isn't something that is maybe put out by the database, is it? Since it only does it in Firefox I'm thinking not - but trying to cover all my bases.

Let me ask this please since I haven't found it yet ... which snippet does this little search box use? I've looked at the SearchForm and the SearchPrompt and neither seem to be the one the Mollio template uses.

I'm going to start a new post after I post this. I have several questions about template use that the answers to might help me fix this.

Thanks!

[Dean]

That search box hasn't actually be integrated with the Mollio Templates in the 061 Distribution... it's in the Mollio Template

It's just to show what it would look like if you implemented it in

[Deb]

Ohhhhhhhhhhh! Well, that explains it then! NOW maybe I can make the border around the image go away by using a snippet instead, LOL! Thank you!

[lloyd_borrett]

G'day Deb,

In the template that ships with Etomite 0.6.1 Prelude, that search box is just an example. It's not actually implemented. But since then I've adapted the FlexSearchForm snippet to do the job. See http://www.etomite.com/index.php?showtopic=859&st=75.

There are also some postings about of other snippets I adapted while using the Mollio type C template as the basis for The Scuba Doctor. For example, WebLinkListerRev03.

Best Regards, Lloyd.

Edited by lloyd_borrett, 05 May 2006 - 01:46 PM.

[Deb]

I would love to see your scuba site, but I've tried about six times since yesterday to get to it and never can. The site won't come up.

[Chris Fancy]

Hi Guy's,

Getting to grips with this great Mollio template and i have a question...

How do I increase the height of the header so I can fit in a company logo.?

I've looked in the CSS but can't seem to spot it...

If any body could point me in the right direction that would be great...

I have two clients both like the current "Red & Gray Theme" of Mollio but i have other clients who like the template but prefer a diferant colour, I know it's in the CSS but how Do i change the header background colour also...?

Regards...

www.biz-ict.com/etomite/
www.wilkinsons.tv/etomite/

Edited by Chris Fancy, 30 May 2006 - 09:56 PM.

[lloyd_borrett]

G'day Chris,

The information you're after is actually earlier in this thread.

Best Regards, lloyd Borrett.

[Chris Fancy]

Lloyd,

i've managed to increase the height of the header and add a logo from what you said to Deb, earlier in the thread.

The problem i have now is i can not see the logo, no matter what i do with it's call via a path...
I have put this in my template...

div id="header">
		<div id="site-name"><a href=" "><img src="../assets/images/pbs_logo.gif" alt="Pendle Business Solutions" title="Technology, Marketing, Internet and Web-Hosting Services"></a></div>

I sure there's a problem with the Path...

Also, See screen shot...

i can't find in the main.css where to move the menu down now I have increased the header... any ideas...

Thanks again.

P.S. Working on a full set a new colours for mollio and when i've finished them i'll post for all the enjoy (what a pain though)

Regards,

lloyd_borrett, on May 4 2006, 11:35 PM, said:

G'day deb,

Looks to me like you've put you logo in as a background image to dic id=header.

But in your template you sill have:

<div id="header">
  <div id="site-name">Digital Mouse Designs</div>
  <div id="search">
  	<form action="">
  	<label for="searchsite">Site Search:</label>
  	<input id="searchsite" name="searchsite" type="text" />
  	<input type="image" class="f-submit" />
  	</form>
  </div>

The site name is coming from that div id=site-name line. Just remove it. Or you you can do what I did. I put the site logo in there, This enables me to make it clickable, which is a behaviour most users expect. Doing it that way also enables me to put the logo at the beginning of my printable pages. Print out one of the pages at www.scubadoctor.com.au to see what I mean.

I'm pretty sure the box around the image is coming as a border from the styling for the f-submit. Look for f-submit in the CSS file.

Hope this helps.

Best Regards, Lloyd.

Chris Fancy, on May 30 2006, 10:55 PM, said:

Hi Guy's,

Getting to grips with this great Mollio template and i have a question...

How do I increase the height of the header so I can fit in a company logo.?

I've looked in the CSS but can't seem to spot it...

If any body could point me in the right direction that would be great...

I have two clients both like the current "Red & Gray Theme" of Mollio but i have other clients who like the template but prefer a diferant colour, I know it's in the CSS but how Do i change the header background colour also...?

Regards...

www.biz-ict.com/etomite/
www.wilkinsons.tv/etomite/

lloyd_borrett, on May 30 2006, 11:36 PM, said:

G'day Chris,

The information you're after is actually earlier in this thread.

Best Regards, lloyd Borrett.

Edited by Chris Fancy, 02 July 2006 - 04:39 PM.

[mikef]

Chris Fancy, on Jul 2 2006, 05:36 PM, said:

...
The problem i have now is i can not see the logo, no matter what i do with it's call via a path...
I have put this in my template...

div id="header">
		<div id="site-name"><a href=" "><img src="../assets/images/pbs_logo.gif" alt="Pendle Business Solutions" title="Technology, Marketing, Internet and Web-Hosting Services"></a></div>

I sure there's a problem with the Path...

...

That would be my guess too! Try

<img src="./assets/images/pbs_logo.gif" alt="Pendle Business Solutions" title="Technology, Marketing, Internet and Web-Hosting Services">

or

<img src="assets/images/pbs_logo.gif" alt="Pendle Business Solutions" title="Technology, Marketing, Internet and Web-Hosting Services">

or (if etomite is in the web root )

<img src="/assets/images/pbs_logo.gif" alt="Pendle Business Solutions" title="Technology, Marketing, Internet and Web-Hosting Services">

[Dean]

Can you PM us a link to the website

[Chris Fancy]

Guy's,

Forgot the screen shot...

I have created a test template of Mollio Type_C to play with this to get it right, only the home page uses it the rest are default.

PBS Website

... as you can see i'm getting there on the colour change...

Cheers for this guy's, i'll let you see before I try the solution you mensioned...

Regards,

Attached Files

•  no_picture.JPG   61.31K   82 downloads

Edited by Chris Fancy, 02 July 2006 - 07:34 PM.

[Chris Fancy]

Guy's,

Sorted it, I tried two dots "../assets/" but not one dot "./assets/"... this single dot sorted it.

Also I realised you actually don't need to increase the header padding to make room for a header graphic, if the graphic is bigger than the defined in the main.css it will increase the header to fit anyway...

Thanks again...

Regards...

Edited by Chris Fancy, 02 July 2006 - 08:27 PM.

[vw53a]

Quote

...I realised you actually don't need to increase the header padding to make room for a header graphic, if the graphic is bigger than the defined in the main.css it will increase the header to fit anyway...

Yes, but be carefull that the header image doesn't become larger than the background image (the gray-black-gradient part of sprites.gif) as it may not look to good.

[mikef]

vw53a, on Jul 3 2006, 08:33 AM, said:

Yes, but be carefull that the header image doesn't become larger than the background image (the gray-black-gradient part of sprites.gif) as it may not look to good.

yes, the use of the sprites isn't well thought out in places in the Mollio template. Be sure you don't have any long <li> lists, otherwise you'll find other sprites appearing alongside the lists: http://www.efikim.f2s.com/roguegenecollect...index.php?id=19 doesn't have this corrected yet

Edited by mikef, 03 July 2006 - 08:49 AM.

[Chris Fancy]

Thanks you guy's,

I must have done it just right, I can't see any anomulous sprites anyware, but I will keep that in mind.

Regards,