HTML - Header

damajah · 21.05.2006, 13:21

wie kann ich ein logo in einem Banner einbinden ?

--Spatzenei-- · 21.05.2006, 13:52

Ein Logo in einem Banner?
Versteh ich nicht so ganz: Möchtest du zwei Grafiken zusammenfügen?

Arthur Spooner · 22.06.2006, 15:42

Da gibt es viele Möglichkeiten. Musst schon bißchen näher beschreiben, was du vor hast.

NetWorkMaster · 11.07.2006, 16:26

das logo in ein Header machen kannst du mit nem Grafik Programm
ich benutze da immer Photoshop Cs2 müsste aber auch mit paint gehen

ansonsten kannst du das auch in HTML Regeln

machst dir einfach eine tabelle mit dem banner als hintergrund und fügst dann das logo als normales bild oben drauf

ganz einfach

Code:

<html>
<head>
<title>logo im bild</title>
</head>
<body>
<table>
<tr>
<td width="468" height="60" background="banner.gif">
<img src="logo.gif">
</td>
</tr>
</table>
</body>
</html>

so in der art sieht das dann aus ich würde das aber leiber mit nem grafik prog machen

mfg tommy121288

Arthur Spooner · 11.07.2006, 16:39

Zitat:

Zitat von NetWorkMaster

machst dir einfach eine tabelle mit dem banner als hintergrund und fügst dann das logo als normales bild oben drauf

ganz einfach

So könnte man es machen aber ich würde eher zu CSS tendieren. :basketba:

NetWorkMaster · 11.07.2006, 16:41

klar css ist auch ne möglichkeit hab ich eben nich f´dran gedacht sonst hät ichs mitgeschrieben

Unregistriert · 11.07.2006, 21:12

Zitat:

Zitat von Arthur Spooner

So könnte man es machen aber ich würde eher zu CSS tendieren. :basketba:

Richtig!
Das ist auch der einzig sinnvolle Weg.

Jedoch wuerde ich weiter gehen. Die Bestandteile der Seite auseinander nehmen, und mit PHP nur noch die Stuecken zusammensetzen. Spart Arbeit und Ladezeit und hat zur Folge das alles identisch ist.
Ansonsten Seiten variabel gestalten. Bedeutet das wenn man das Fenster klein macht, das die Seite noch immer vollkommen angezeigt wird.
Die Breiten und Hoehen sollten NIE von Bildern angegeben werden.

Arthur Spooner · 12.07.2006, 09:42

Code:

<html>
<head>
<title>logo im bild</title>
</head>
<body>

<div id="banner" style="width: 468px; height: 60px; background: url(banner.gif) no-repeat;">
       <img src="logo.gif" />
</div>

</body>
</html>

So müsste das funktionieren. Achtung: nicht getestet.

Unregistriert · 12.07.2006, 21:27

Zitat:

Zitat von Arthur Spooner

Code:

<html>
<head>
<title>logo im bild</title>
</head>
<body>

<div id="banner" style="width: 468px; height: 60px; background: url(banner.gif) no-repeat;">
       <img src="logo.gif" />
</div>

</body>
</html>

So müsste das funktionieren. Achtung: nicht getestet.

Ist nicht W3C Konform.
Vom ersten Blick ein Tip, bei Bildern immer ein alt="" angeben.

Ansonsten ist das auch immer doppelte Arbeit. Wuerde abraten - jedoch fuer den Anfang duerfte es ausreichen.
Am effektivsten ist noch immer php. Nur das ist fuer Fortgeschrittene!

Ich gebe mal eine meiner Index-Seiten hier bekannt wie man das aufbauen koennte:

Code:

<?php

if (isset($_GET['sit'])) { // u:berpru:fen ob eine seite u:bergeben wurde
  $show = $_GET['sit'];
  $show = basename("$show"); // den Pfad entfernen
} else {
  $show = 'index';
}

// einfu:gen des kopf modules
include 'ordner/phpdateikopf.php';

//einfu:gen der seiten module links
include 'ordner/phpdateilinks.php';

//einfu:gen des mittel headers
include 'mod/gmf-header.php';

//text module einfu:gen
if (!@include "inc-s/" . $show . ".php") {
include ordner/phpdateerror.php';
$show = 'error';
}

//einfu:gen der seiten module rechts
include 'ordner/phpdateimodule.php';
//einfu:gen des bottom modules
include 'ordner/phpdatebottomi.php';
?>

So kann man gleich bleibende Inhalte per Index.html anzeigen. Die hier vorgestellte Datei ist die Hauptindexseite. Weitere Indexseiten sind ein wenig anders aufgebaut. Jedoch werde ich diese hier nicht zur Verfuegung stellen, weil dann kein Lerneffekt mehr vorhanden ist.

Arthur Spooner · 13.07.2006, 08:42

Zitat:

Zitat von Unregistriert

Vom ersten Blick ein Tip, bei Bildern immer ein alt="" angeben.

Ja stimmt, hast recht. Hab ich irgendwie verpennt. :wink:

Arthur Spooner · 13.07.2006, 08:49

Mir ist aber immernoch unklar, wieso man das in PHP machen sollte. Ich mach das so, das ich eine Masterseite habe die ich dann für andere Seiten kopiere, weil der header und footer immer gleich bleiben und sich nur der content ändert. Die CSS formatierung habe ich in einer externen Datei, die ich am Anfang einbinde. Verstehe aber nicht, was an der Version mit PHP besser sein soll. Hoffe du kannst mich aufklären, am besten mit einem Beispiel anhand von meiner und deiner Vorgehensweise.

Gruß
Arthur Spooner

dmdk · 15.07.2006, 12:33

Der Vorteil ist, falls du den Header oder Footer abändern willst, brauchst du das bei der PHP-Variante nur einmal zu tun. Bei der HTML-Variante musst du jede Datei ändern.

Unregistriert · 15.07.2006, 17:11

Zitat:

Zitat von dmdk

Der Vorteil ist, falls du den Header oder Footer abändern willst, brauchst du das bei der PHP-Variante nur einmal zu tun. Bei der HTML-Variante musst du jede Datei ändern.

Richtig.
Und ich spare mir dazu auch die Arbeit und redundanten Code.
Es reicht aus alles auch nur einmal zu schreiben.
Sicher mag es heute genug Platz geben, dennoch mache ich es mir einfach indem ich es einmal aufwendig mache. Dafuer sind Aenderungen nicht mehr Aufwendig. Nun ueberlege einfach mal wer am Ende effektiver arbeiten/aendern kann. Bin ich das oder du? Die Antwort ist so klar wie niederschmetternd!

Meine richtige Webseite ist ueber deine Methode, also meine persoenliche, und dort etwas zu aendern ist sinnlos aufwendig. Alle anderen Seiten, da aendere ich dann etwas und ueberall sieht es dann gleich aus.

CSS verwende ich auch, nur sind die wenigsten Seite so schlicht das CSS fuer das Design ausreicht. Ich bin auch sehr minimalistisch veranlagt was Webseiten betrifft. Aber dennoch verwendet man doch Bilder.

http://www.n-n-l.de

Das ist eine Seite mit PHP, CSS und Images. Diese Seite zu Aendern ist kein Aufwand. Deine mit deiner Methode schon.

Arthur Spooner · 17.07.2006, 08:36

Zitat:

Zitat von dmdk

Der Vorteil ist, falls du den Header oder Footer abändern willst, brauchst du das bei der PHP-Variante nur einmal zu tun. Bei der HTML-Variante musst du jede Datei ändern.

Das mag ja sein, aber wenn du schon von Anfang an sauber arbeitest, brauchst du nachträglich auch nichts mehr zu ändern. Schließlich besteht der Header nur aus dem Banner und den Navlinks und der Footer besteht nur aus dem Impressum, Haftungssauschluss, ...

Wenn ich richtig faul wäre, dann würde ich es auch über php machen