Header auf der Hompeage

Hier gehts um Tipps, Fragen und News zu Themen wie optimales Bild, bester Ton, etc.
Antworten
Benutzeravatar
MeckerGodzilla
Monster-God
Monster-God
Beiträge: 542
Registriert: Sa 28.08.2004, 11:39
Wohnort: Nürnberg

Header auf der Hompeage

Beitrag von MeckerGodzilla »

Hallo Leute,

der HTML-Ober-Trottel braucht mal bitte Hilfe von paar Web-Bastel-Profis!

Für meine neue Seite benutze ich (wie immer) Frontpage, weil's
seit Jahren das einzige Programm ist, mit dem ich umgehen kann.

Oben will ich einen Header haben, aber es gibt eben oben ein kleinen Abstand zwischen Browser-Fenster und dem Header-Bild - egal, was ich versuche:

http://www.dersandynel.de/index2.htm

Die paar millimeter Luft will ich ungern haben, aber ich kriegs nicht hin,
das das Bild direkt am Browser anfängt, wie z.B. auf dieser Hompepage.

http://www.welcome-to-olliwood.com/Welc ... OD%21.html

Ich halte das programmieren ja einfach.
Eine einspaltige Tabelle mit drei Zeilen hätte mir
genügt. Zeile eins: der Header, Zeile zwei: das Menü, Zeile drei der Rest...

Tja, wie kriege ich den Header "höher"? :roll:
Ich dreh Durch... :banana:
Bild
Benutzeravatar
Luepete
Monster-God
Monster-God
Beiträge: 924
Registriert: Di 29.05.2007, 15:25
Wohnort: Nahe der baltischen See
Kontaktdaten:

Beitrag von Luepete »

Hab leider keine Zeit genauer hinzusehen, aber versuch erstmal, die <p> & </p> Tags um das Javascript rauszuhauen und dann dem div "center" nen css-style von "top: 0px;" zu geben.
Size DOES matter!!!
mercury

Beitrag von mercury »

einfach

Code: Alles auswählen

<BODY topmargin=0 marginwidth=0 marginheight=0>
da frontpage kein css macht machs einfach so. ansonsten kannst du das natürlich auch mit stylesheets viel einfacher gestalten

Code: Alles auswählen

body {
margin: 0pt; 
}
ohne extrenes sheet sähe das so aus:

Code: Alles auswählen

<body style="margin: 0pt;">
die <p></p> Tags schaffen natürlich auch Abstand

mal ein wenig code bereinigung:

Code: Alles auswählen

<html>
 
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>DER SANDYNEL - LIEDER-BÄNGING DELUXE</title>
<link rel="SHORTCUT ICON" href="favicon.ico" type="image/x-icon"
/>
<bgsound src="der_sandynel/index/music/arschbombe.mp3"
loop="infinite">
</head>
 
<body bgcolor="#FFFFFF" text="#000000"
style="margin: 0pt; SCROLLBAR-BASE-COLOR: black">
 
<!--webbot bot="HTMLMarkup" startspan --><SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin
if (document.all) {
//Passe Text,Schriftart und Farbe an!
yourLogo = "FÜR GESTRESSTE TROMMELFELLS! ";  //
logoFont = "Arial";
logoColor = "white";
 
//Hier nichts mehr ändern!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.03;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
//  End -->
</script>
 
 
<!--webbot
bot="HTMLMarkup" endspan -->
<div align="center"><center>
So sollte es gehen, probies halt aus

Ich hoffe es hilft ;)
Benutzeravatar
MeckerGodzilla
Monster-God
Monster-God
Beiträge: 542
Registriert: Sa 28.08.2004, 11:39
Wohnort: Nürnberg

Beitrag von MeckerGodzilla »

Hey Danke, ich versuche mal mein Glück, und werde dann berichten! :)
Bild
Benutzeravatar
MeckerGodzilla
Monster-God
Monster-God
Beiträge: 542
Registriert: Sa 28.08.2004, 11:39
Wohnort: Nürnberg

Beitrag von MeckerGodzilla »

[quote="mercury"]einfach

Code: Alles auswählen

<BODY topmargin=0 marginwidth=0 marginheight=0>
Hey, lieben Dank für den Code,
wow, wie einfach das doch gehen kann! :-)
Aber woher soll man das wissen! ;)

Danke, jetzt kann ich in ruhe weiter scharlatanen! :mrgreen:
Bild
mercury

Beitrag von mercury »

Freut mich, dass ich helfen konnte :).
mercury

Beitrag von mercury »

Ich kanns nicht lassen, also noch ein paar klugscheisserische Tipps:

-schieb das Javascript in den head, so was hat im Body nur in Notfällen was zu suchen, denn im head wirds geladen bevor die Page angezeigt wird, im Body erst wenn die page angezeigt wird, das kann bei Scripten, die dem Mauszeiger Script zu Anzeigeproblemen führen (muss aber nicht und moderne Browser sollten das auch problemlos hinbekommen, aber dazu später mehr).
-Keine Musik im Hintergrund (erstrecht keine, die grösser ist als ein normaler Midi-file), die man nicht abschalten kann, viele Leute surven mit Musik an, und du musst auch bedenken, dass jedesmal, wenn man einen Link klickt die Musik aufhört und komplett neu geladen wird. Jemand, der nur kurz für Infos auf der Seite ist wird sich wundern warum da irgendwas so ewig zum laden braucht und nie etwas von der Musik haben. Besser wäre ein deutlich erkennbarer Player, da gibts tolle und kostenlose kleine Flashplayer im Internet, wie zum Beispiel den hier:
http://flash-mp3-player.net/
Sehr simpel, leicht zu integrieren, funktioniert 1a, kann im Aussehen perfekt an jede Page angepasst werden...
mit ein bisschen googeln findet man auch sehr leicht andere eben so gute, die unterschiedlich aussehen, von hochkomplex und professionell bis einfach und simpel. Manche musst du selber auf den Webserver laden, andere, wie der, dessen Link ich gepostet habe, funktionieren extern.
-Das Javascript für die rotierende Schrift um den Mauszeiger herum kann bei manchen Browsereinstellungen zu Problemen führen, Maus, Scrollbars, Browser etc sollten grundsätzlich vom Design ausgenommen werden, da sie nicht Teil der Seite sind, aber da scheiden sich die geister, und da man Scrollbars mit CSS beeinflussen kann sind die denke ich mittlerweile schon abänderbar, ohne dass es bei irgendwem ein Problem geben kann.

Ansonsten halt uns mal auf dem laufenden mit der Page :).
Benutzeravatar
MeckerGodzilla
Monster-God
Monster-God
Beiträge: 542
Registriert: Sa 28.08.2004, 11:39
Wohnort: Nürnberg

Beitrag von MeckerGodzilla »

Hey mercury,

das sind doch keine Klugscheißereien, sondern gute Tipps! :-)
Als Musiker hasse ich dieses Zeug sowieso... :-P
Möchtest Du nicht gleich meine ganze Page programmieren? :mrgreen:
Ach ne, dann lerne ich ja nix dazu... :roll:

Das Javascript für die rotierende Schrift und die Hintergrundmusik waren gar nicht mehr vorgesehen für die neue Seite, sondern einfach noch drin, von der alten Startseite.
Trotzdem ist der Player ein guter Tipp, weil diesmal Hörproben angeboten werden sollen. Mal sehen, ob ich das hinkriege, so leicht, sieht's gar nicht aus. Und alles in englisch... :roll:

Aber in einem Punkt kannst Du mir noch gerne Helfen, ich merke ja, Du hast Ahnung.

Ich brauche für meine CD ein Bestellformular. Die CD kommt zwar erst im Herbst, aber gemacht werden muss es ja trotzdem.

Ich brauche folgende Felder:

Name *
Anrede HerrFrau*
Adresse *
PLZ *
Stadt *
E-Mail

Bestellmenge*

und dann den berühmten "Abschicken"-Button!
Wie bekomme ich so ein Feld mit Frontpage hin?
Ich werde bekloppt... :hammer:

Bis denne?
mercury

Beitrag von mercury »

Gar nicht gesehen, dass du noch was geschrieben hast.

Wie sowas mit Frontpage geht kann ich dir nicht sagen, aber wie du sowas coden kannst, dann kann ich dir sagen:

Code: Alles auswählen


<form action="mailto:DEINE E-MAIL ADRESSE" method="post" name="Bestellung von Webseite" enctype="text/plain">


Name:* <br><input type="text" name="Name" size=50><br><br>
Anrede:* <select name="Artikel">
<option value="Herr">Herr</option>
<option value="Frau">Frau</option>
</select><br><br>

Adresse:* <br><input type="text" name="Adresse" size=50><br><br>
PLZ:* <br><input type="text" name="PLZ" size=50><br><br>
Stadt:* <br><input type="text" name="Stadt" size=50><br><br>
E-Mail: <br><input type="text" name="E-Mail" size=50><br><br>
Menge: <br><input type="text" name="Menge" size=50><br><br>

<p><input type="submit" value="Abschicken"> <input type="reset" value="Eintragungen löschen"></p><br><br></form>

Das ist ein simples E-Mail Formular, wenn du deine Email Adresse da eingibst wo ichs geschrieben habe wird dir das Formular unformatiert übermittelt. Probiers erst aus, die Formatierung ist wirklich grässlich. Ich mache sowas nur noch über direkte E-Mail, oder über eine Datenbank, aus der ich es dann schön formatiert in einem internen Bereich ablesen kann.
Antworten

Zurück zu „Technik-Ecke“