[Fixed] 2.7 How to integrate image in header with link?

[JochenS]

I tried to integrate an image in the header for the version 2.7 and not use the text. If I do it like in 2.6, it works in general.

But it is below the login box. So I waste height and on the 16:9 monitors this is not nice. Is there an solution? Here is my header section from index.tpl:

Code: Select all

<header id="header">
	<a href="http://fdfaq.ge51.honeywell.de"><img src="/images/header_logo.gif" alt="Honeywell" title="" /></a>  
	<div id="loginBox">
		{loginbox}
	</div>
</header>

[JochenS]

I have added some "floating" elements to achive this.

This one is now updated with viewtopic.php?F2&t=13399

[jason102178]

Are changing all these files necessary to achive the problem with adding image to header, i downloaded and looked at all the files, and some had changes and others had no changes done to them.

[jason102178]

i do think some files dont need to be changed, you included the images folder and the send2friend sendmail, sitemap.tpl,tagcloud, translate favicon, all in which i know isnt for the above solution above... i would only make a zip file to fix the above problem with the image in header

[jason102178]

I would also just insert what files need to be edited and put the code in the FAQ, and leave the css and everything unaltered because i tried implementing this and my whole FAQ took up my whole screen because you also changed the width in the css of the layout....

this is what your changes made it looked like and i edited line 59 in index.tpl and inserted were my logo was and it didnt even insert the logo

https://www.jaysonberger.com/faq1/phpmyfaq.JPG

[JochenS]

Are you shocked? Nice for a large screen, is't it? See https://github.com/thorsten/phpMyFAQ/issues/26

[jason102178]

yeah but it off sets the navigaton bar instead of keeping it centered

[jason102178]

is there just a simple code to use an image with a link and move it to left

[JochenS]

Updated: removed the try of bold format
To start from the default fileset you need the following changes:

1.) Add the following line to /css/style.css (e.g. in line 167)

Code: Select all

#header logoleft {
	float: left; margin-top: -2.5em; }

2.) Add the following line to index.php indexNewUser.tpl and indexLogin.tpl.
Adapt your text and logo.(line 60)

Code: Select all

	<LogoLeft> 
		<a href="{faqHome}"><img src="/images/header_logo.gif" alt="text" title="" /></a>  
	</LogoLeft>

3.) Adapt the offset of the nav bar with the top parameter in the /css/style.css (approx. line 189)

Code: Select all

	position: absolute; left: 0; top: 108px; width: 100%; background: url(../images/nav_background.png); }

4.) Adapt the offset of the main content with the margin-top parameter in the /css/style.css (approx. line 226)

Code: Select all

	#content {
    clear: both; margin-left: 2em; margin-top: 100p} 

[Thorsten]

Hi,

this isn't valid HTML.

bye
Thorsten

[JochenS]

Thanks for the comment. (I tried to make the sufficient changed in bold) Entry is updated.

[jason102178]

so this wouldnt work for me ? to allow me to get rid of the text and add a logo with the link

[JochenS]

Yes this is the procedure for this. Give it a try.

[toddb570]

is there just a simple code to use an image with a link and move it to left

Hi this wouldnt work for me as well,I want to add an image with a banner in left side , couple of link and a logo in right side, stuck on it now.

[Zumbulcik]

Are you shocked? Nice for a large screen, is't it? See https://github.com/thorsten/phpMyFAQ/issues/26

Hi Jochen!

Which code has to be used to allign the header in the middle of the screen and where should I put it in? I am new and I dont know how to handle that