✔ Macht das Sinn?

[Alice]

Hallo.

Ich möchte folgenden Code ändern.

<a name="top"></a>
<table class="Header-BG" align="center" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td align="left" valign="top">
		<div id="header">
			<h1><a href="$vboptions[forumhome].php$session[sessionurl_q]">Webseite</a></h1>
		</div>
	</td>
	<td align="right" valign="bottom">
		<img src="images/Logo-R.png" alt="" />
	</td>
</tr>
</table>

<a name="top"></a>
<div class="Header-BG">
	<div align="left" valign="top">
		<div id="header">
			<h1><a href="$vboptions[forumhome].php$session[sessionurl_q]">Webseite</a></h1>
		</div>
	</div>
	<div align="right" valign="bottom">
		<img src="images/Logo-R.png" alt="" />
	</div>
</div>

Ich frage mich nun ob das hier <div align="left" valign="top"> überhaupt Sinn macht? Wie könnte das ich besser lösen?

Der Header-Code hat eine Background-Grafik und links und rechts jeweils ein Logo.

Würde mich über Tipps sehr freuen.

 

[ComFreek]

Ich glaube, ALIGN und VALIGN gehören nicht mehr zum Standard (X)HTML! Aber du kannst CSS benutzen:

<div style="position:relative; left:0px; top:0px;">
  ...
</div>

 

[Alice]

Ja der W3C-Validator hat das eben auch als Fehler angezeigt.

Könntest du mit kurz den Unterschied zwischen valign="top" und valign="bottom" erklären? Ist das für ein drei teiliges Logo wichtig?

Vielen Dank für deine antwort.

 

[ComFreek]

Also align steht für Ausrichtung. Das v steht für vertical. Also wird damit die vertikale Ausrichtung bestimmt.
top ist oben ausgerichtet, bottom unten.

Ist das für ein drei teiliges Logo wichtig?

Wieso machst du nicht gleich ein ganzes Logo? Wie gesagt, du solltest kein align und valign mehr benutzen!

 

[Alice]

Weil mein Style sich der Seite abpasst.

 

[ComFreek]

Du meinst wohl "anpassen".
Kannst du vielleicht den Link zu deiner Seite (soweit deine Seite online ist) posten oder den HTML-Code posten/hochladen?

 

[Alice]

Die Seite ist noch nicht Online. Läuft noch über XAMPP.

Welchen HTML-Code bräuchtest du?

 

[ComFreek]

Ah ok.
Ich wollte mir ein Bild von dem Kopf deiner Website machen, wegen deinem Logo.

 

[Alice]

Hallo.

Also der Code für den Header sieht genau so aus.

<a name="top"></a>
<div class="Header-BG">
    <div align="left" valign="top">
        <div id="header">
            <h1><a href="$vboptions[forumhome].php$session[sessionurl_q]">Webseite</a></h1>
        </div>
    </div>
    <div align="right" valign="bottom">
        <img src="images/Logo-R.png" alt="" />
    </div>
</div>

 

[ComFreek]

Ist das für ein drei teiliges Logo wichtig?

Das war doch deine Frage. Du solltest deine Code so ändern:

<a name="top"></a> 
<div class="Header-BG"> 
    <div style="position:relative; left:0px; top:0px">
        <div id="header"> 
            <h1><a href="$vboptions[forumhome].php$session[sessionurl_q]">Webseite</a></h1> 
        </div> 
    </div> 
    <div style="position:relative; right:0px; bottom:0px"> 
        <img src="images/Logo-R.png" alt="" /> 
    </div> 
</div>

Hast du noch eine Frage?