Headergrafik verlinken mit Forumsstartseite

[Cafe]

Es rutscht trotzdem runter und bleibt unten, wenn ich den Wert verändere.

Selbst wenn ich auf 50px gehe:

Code: Alles auswählen

		<br class="clear" />
		<div style="width:100%;height:100%;">
		<a href="{U_INDEX}"><img style="width:70%;height:50px;" src="{T_THEME_PATH}/images/transparent.gif" alt="{L_INDEX}" /></a>
		</div>
		<br class="clear" />

[HabNurNeFrage]

Das liegt am Wert in der common.css für die ID #site-description

Finde in http://www.caferacer-forum.de/styles/we_universal/theme/common.css das: /* Name and description
Der Codeblock direkt danach:

Code: Alles auswählen

#site-description { 
margin-top: 180px; 
margin-left: 700px; 
position: absolute; 
white-space: nowrap; 
}

ersetze durch

Code: Alles auswählen

#site-description { 
margin-top: 10px; 
margin-left: 700px; 
position: absolute; 
white-space: nowrap; 
}

Danach dann nur noch den Wert 160px aus der Einsetzung in der overall_header.html solange variieren, bis es passt.
Der Wert hinter margin-top in diesem Beitrag gibt die Entfernung des verschobenen Menüs von dem neuen verlinkten transparenten gif in Pixeln an.

[Crizzo]

Ich versteh nicht so ganz, was ihr da macht, dass scheint mir doch zu umständlich zu sein. Ich grätsch mal dazwischen, mit einem funktionierendem und einfachem Vorschlag:

Öffne: overall_header.html:
Finde und lösche (sofern wirklich immer leer):

Code: Alles auswählen

<ul id="navigation-bottom">
			<li></li>
			
			</ul>

Finde: (wird nur so ähnlich aussehen, weil ich nur den Ausgabe-Code hab.

Code: Alles auswählen

<ul id="navigation-top">
				<li><a href="./faq.php" title="Häufig gestellte Fragen">FAQ</a></li>
				<li><a href="./directory.php" title="Links"><font color="#DF0101"><b>Links</b></font></a></li>
				<li><a href="./search.php" title="Zeigt die erweiterten Suchoptionen an">Suche</a></li> <li><a href="./memberlist.php?mode=leaders" title="Das Team">Das Team</a></li> 
				<li><a href="./impressum.php" title="Impressum" accesskey="l">Impressum</a></li>	
				<li><a href="./ucp.php?mode=register" title="Registrieren">Registrieren</a></li>
					<li><a href="./ucp.php?mode=login" title="Anmelden" accesskey="l">Anmelden</a></li>
				
			</ul>

Ergänze danach:

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}" id="bannerlink"><span>{L_INDEX}</span></a>

Öffne: theme/common.css:
Ergänze ganz am Ende:

Code: Alles auswählen

#bannerlink {
clear: right; 
float: right; 
width:100%; 
height: 163px;
}
#bannerlink span {
position: absolute;
left: -9999px;
right: -9999px; 
}

Danach beachten: KB:tippstyles

und fertig.

Grüße

PS: Und sowas:

Code: Alles auswählen

<br class="clear" />

ist nun wirklich die letzte Methode, um einen "clear" an den Mann zu bringen. Noch dazu, wenn es so unnötig ist und verstehe auch nicht, was ihr hier macht:

Code: Alles auswählen

    #site-description {
    margin-top: 180px;
    margin-left: 700px;
    position: absolute;
    white-space: nowrap;
    }

Wenn man schon position:absolute nutzt, dann gib doch dem Elternelement position:relative und nutze auch top, left, right, bottom (natürlich nur immer eins der gegenüber liegenden Seiten. Bei der #site-description ist sowieso anzudenken, ob es nicht besser wäre sie nach #dashboard einzubauen und dann einfach per float zu platzieren!

[Cafe]

Öffne: overall_header.html:
Finde und lösche (sofern wirklich immer leer):

Code: Alles auswählen

<ul id="navigation-bottom">
			<li></li>
			
			</ul>

Nur um sicher zu gehen, dass ich Dich richtig verstanden habe.
Bei mir steht da:

Code: Alles auswählen

			<ul id="navigation-bottom">
			<li></li>
			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
				<li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a></li>
				<!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}" title="{L_PRIVATE_MESSAGES}">{PRIVATE_MESSAGE_INFO}</a></li> <!-- ENDIF -->
				<!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}">{L_SEARCH_SELF}</a></li> <!-- ENDIF -->
				<!-- IF U_MCP --><li><a href="{U_MCP}" title="{L_MCP}">{L_MCP}</a></li><!-- ENDIF -->
				<!-- IF U_ACP --> <li><a href="{U_ACP}" title="{L_ACP}">{L_ACP}</a></li><!-- ENDIF -->
				<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}" title="{L_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
			<!-- ENDIF -->
			</ul>

Lösche ich das dann nicht, weil nicht leer?

[Crizzo]

Lösche ich das dann nicht, weil nicht leer?

Korrekt. Aber du könntest es mit diesem ersetzen:

Code: Alles auswählen

  <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->           <ul id="navigation-bottom">             
                <li><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a></li>
                <!-- IF S_DISPLAY_PM --><li><a href="{U_PRIVATEMSGS}" title="{L_PRIVATE_MESSAGES}">{PRIVATE_MESSAGE_INFO}</a></li> <!-- ENDIF -->
                <!-- IF S_DISPLAY_SEARCH --><li><a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}">{L_SEARCH_SELF}</a></li> <!-- ENDIF -->
                <!-- IF U_MCP --><li><a href="{U_MCP}" title="{L_MCP}">{L_MCP}</a></li><!-- ENDIF -->
                <!-- IF U_ACP --> <li><a href="{U_ACP}" title="{L_ACP}">{L_ACP}</a></li><!-- ENDIF -->
                <!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}" title="{L_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
             
             </ul><!-- ENDIF -->

Dann wird die Liste auch nur angezeigt, wenn man sie braucht. Aber das ist hier ja ein Nebenkriegsschauplatz, erstmal muss dein Link gehen.

Grüße

[Cafe]

Vielen Dank, hat super geklappt!