HTML-Editor phase 5 Support > Headerweite anpassbar

HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML

Ashe

18.07.2006 - 14:26

Hallo!

Ich bin neu hier und wollte mal kurz sagen das der HTML-Editor Phase 5 echt spitze ist, habe ihn seit ein paar Stunden

Ich bin noch Anfänger in Sachen Homepage bauen und so, ich versuche gerade meine erste Homepage die meiner Meinung nach nicht schlecht gelungen ist

Ich überlege da schon seit gestern Nacht herum und kommt irgendwie nicht drauf.

Also mein Bildschirm hat eine Weite von 1280 Pixel, ich habe natürlich meinen Header an meine Weite angepasst, ich wollte den nicht kleiner haben und die Bildschirmweite auch nicht.

Ich möchte, wenn das Fenster maximiert ist, dass es normal aussieht und wenn das Fenster kleiner gemacht wird, der Header rechts einfach abgeschnitten wird. Also das ich nicht scrollen muss.

Hier mal einn Beispiel, da muss man auch nicht nach links/rechts scrollen wenn das fenster kleiner wird.

Ich komme nicht ganz darauf, aber ich würde mal sagen das man den Header als Background reinmachen muss.
Wenn ja, wie? Ich habe schon einen Background und der Header wird dann nicht angezeigt.
Ich mache irgend etwas falsch

Hoffe ich habe das nicht zu kompliziert oder umständig geschrieben^^

Ein paar Sreenshots von meiner Seite habe ich hier:

bild1
bild2
bild3

Bin über hilfe sehr froh

Liebe Grüße Nadine

Andreas

18.07.2006 - 15:01

ZITAT

ich komm nicht ganz drauf, aba ich würde mal sagen das man den header als background machen muss. wenn ja wie?

Du baust ganz oben auf Deiner Seite ein DIV ein und gibst diesem DIV Deine Headergrafik als Hintergrund ... et voilá!

Nebenbei: solltest Du in Zukunft von mir Reaktionen haben wollen, solltest Du Deine Rechtschreibung überdenken. Ich habe einfach keine Lust mich durch so einen Kauderwelsch zu rätseln. Wobei es schlimmere Beiträge hier gibt

Trotzdem ist es nervig, wenn jedes dritte Wort falsch geschrieben ist.

Gruß

Andreas

Ashe

18.07.2006 - 16:05

Tut mir Leid, das mit der Rechtschreibung^^

Ich weis wie man Bilder einfügt und Background, aber ich komm nicht dahinter wie das mit dem div geht...

Ehrlich gesagt ist mir das schon fast peinlich, wenn ich bedenke das HTML so leicht ist.

Könnte ich vielleicht ein Beispiel haben wie das geht mit Background in ein div?

lg Nadine

Andreas

18.07.2006 - 16:52

ZITAT(Ashe @ 18.07.2006 - 17:05)

Könnte ich vielleicht ein Beispiel haben wie das geht mit Background in ein div?

HTML

So in der Art. Farbe und Höhe musst Du natürlich anpassen ...

Gruß

Andreas

PS.: Nachträgliches Rumeditieren ist schon ein wenig unglücklich, wenn man sich in Antworten schon darauf bezogen hat :-)

Conny

18.07.2006 - 17:04

Hi Andreas,
wollte gerade schreiben: Soo furchtbar ist es doch gar nicht!

Dann:

ZITAT(Andreas)

...PS.: Nachträgliches Rumeditieren ist schon ein wenig unglücklich, wenn man sich in Antworten schon darauf bezogen hat :-) ...

Verstehe...

(Böse Nadine

)

Conny

Ashe

18.07.2006 - 17:27

also, es funktioniert nur habe ich jetzt wieder ein problem:

QUELLTEXT

Wenn ich die 1280px lasse wie es jetzt hier steht, muss ich scrollen aber der teil was schräg zu den buttons runter geht, passt.

Wenn ich aber die 100% stehn hab muss ich nicht scrollen, aber dafür passt das nicht mit den buttons zusammen und wenn das Fenster kleiner wird, wird der header links und rechts abgeschnitten, anstatt nur rechts.

das passt beides nicht so ganz^^

PS: wegen den rumeditieren. fehler soll man ausbessern und leider schreib ich meistens so wie ich rede (natürlich mit der rechtschreibung(zb schreib ich: lass, aba, ned, aba ich glaub das meinst ned , oda?))

Conny

18.07.2006 - 18:12

ZITAT(Ashe @ 18.07.2006 - 16:27)

...zb schreib ich: lass, aba, ned, aba ich glaub das meinst ned , oda?)) ...

Doch, genau DAS meinen wir!

cu
Conny

Ashe

18.07.2006 - 18:23

Ok, schreibe ja inzwischen eh nicht mehr so^^

Aber egal, wir sollten beim thema bleiben. hab die lösung auf das problem mittlerweile noch immer
nicht gefunden.

Probieren geht über Studieren

Auge

18.07.2006 - 20:51

Hallo

ZITAT(Ashe @ 18.07.2006 - 19:23)

Probieren geht über Studieren

Na denn tu das mal.

QUELLTEXT

Klabustern wir das mal auseinander. Mit width:1280px; zwingst du den Browser, das Element explizit mit 1280 Pixel Breite darzustellen. Ist das Browserfenster schmaler, gibt es zwangsläufig einen horizontalen Scrollbalken.

Willst du den nicht haben, musst du als Breite anstatt der Anzahl der Pixel 100% angeben. Damit rendert der Browser dieses Element genau so breit, wie das Browserfenster breit ist. Befindet sich im Element kein Inhalt, der breiter ist als das Browserfenster, sondern nur das Hintergrundbild, wird es an der rechten Seite abgeschnitten, und es erscheint kein horizontaler Scrollbalken. So wolltest du es haben, wenn ich dich richtig verstanden habe.

Höhe, Hintergrundfarbe und -bild ist klar. Was in background der Wert scroll tun soll, ist mir allerdings nicht klar. Die Eigenschaft bezieht sich auf den (Nicht)verbleib des Bildes an der Anzeigeposition beim scrollen der Seite (explizit innerhalb des Elements, dem das Bild als Hintergrund zugewiesen wurde, background-attachment:scroll bzw. fixed;). scroll ist die Standardeinstellung und muss somit nicht angegeben werden.

Wenn das Element sowieso genauso groß ist, wie sein Hintergrundbild, kann es nicht scrollen. Davon abgesehen funktioniert diese Eigenschaft mit dem Wert fixed (der hier im Zweifelsfall eher angebracht wäre) nur unter bestimmten Voraussetzungen im MSIE bis Version 6.

Dazu muss das Bild entweder dem Element <body> oder einem Element mit der CSS-Eigenschaft overflow:scroll; bzw. overflow:auto;. Allerdings würde das Setzen dieser Eigenschaft wiederum unerwünschte Scrollbalken erzeugen.

Tschö, Auge

Ashe

18.07.2006 - 21:09

Also das nenne ich mal eine klare Antwort^^

Mittlerweile glaube ich schon das der Code für den Header stimmt mit den 100% Weite und so.

Das Problem müsste jetzt denke ich der Hintergrund sein.

Muss ich den Hintergrund auch mit der 100% Weite reinschreiben oder funktioniert das mit diesem
background-attachment:fixed (oder anders)?

Ashe

19.07.2006 - 9:51

Ok, es hat sich erledigt. Hätte da auch früher drauf kommen können, musste nur

QUELLTEXT

eingeben

Trotzdem Danke für Eure Hilfe!

Liebe Grüße Nadine

Andreas

19.07.2006 - 10:26

ZITAT(Ashe @ 19.07.2006 - 10:51)

QUELLTEXT

Tja, ohne einen Code von Dir, kann man ja auch nicht ahnen, dass Du noch mit Tabellen layoutest. Ist nicht unbedingt die Methode der Wahl heutzutage.

Technisch möglich ist es allemal. Also viel Erfolg. Mit dem DIV wärst Du flexibler bei Anpassungen und vor allen Dingen semantisch korrekt.

Gruß

Andreas

Ashe

20.07.2006 - 7:19

Tut mir leid^^

Aber ich hab ja noch eine Frage, zu der zeige ich jetzt mein Coding her.

Es ist auf jeder Seite gleich das Coding, nur sind bei 2-3 Seiten noch JavaScript dazu gekommen.

QUELLTEXT

<html>
<head>
<title>Your websites title here</title>
<link rel=stylesheet type="text/css" href="style.css">
</head>
<body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0" background="images/background.jpg" text="#EAF5FF">
<table width="100%" height="94" cellpadding="0" cellspacing="0" border="0">
<tr valign="top">
<td valign="" width="100%" height="260" background="images/header77.jpg"></td>
</tr>
</table>
<table width="100%" height="91" cellpadding="0" cellspacing="0" border="0">
</table>
<table width="100%" height="33" cellpadding="0" cellspacing="0" border="0">
<tr valign="top">
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr valign="top">
<td width="160">
<a href="startseite.htm"><img src="images/startseite.jpg" width="149" height="20" border="0" alt=""></a><BR>
<a href="forum.htm"><img src="images/forum.jpg" width="149" height="20" border="0" alt=""></a><BR>
<a href="galerie.htm"><img src="images/galerie.jpg" width="149" height="20" border="0" alt=""></a><BR>
<a href="partner.htm"><img src="images/partner.jpg" width="149" height="20" border="0" alt=""></a><BR>
<a href="book.htm"><img src="images/book.jpg" width="149" height="20" border="0" alt=""></a><BR>
</td>
<td width="20">   </td>
<td width="100%">
<table width="100%" cellpadding="10" cellspacing="0" border="0">
<tr valign="top">
<td>

<table width="100%" <tr valign="top">
<tr>
<h4><font color="orange">::HERZLICH WILLKOMMEN AUF MEINER PAGE::</font></h4>
<td>

</td>
</table>
<BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR>
<center>Website © Copyright Nadine Breiteneder 2006</center>

</td>
</tr>
</table>
</table>
</td>
</tr>
</body>
</html>

Meine Frage lautet jetzt wie ich mein Gästebuch in die Seite einbinden kann und ob das überhaupt möglich ist.

Am besten hätte ich es gerne in der content area zwischen den <td></td> drinnen weil dort ja auch überall der Text und die Bilder stehen.

lg Nadine

Andreas

20.07.2006 - 9:44

ZITAT(Ashe @ 20.07.2006 - 8:19)

Meine Frage lautet jetzt wie ich mein Gästebuch in die Seite einbinden kann und ob das überhaupt möglich ist.

So wie Dein Template gestrickt ist und ohne dass man jetzt weiß, welches Gästebuch Du auf welche Art einbauen möchtest, scheint mir ein IFRAME die geeignete Lösung zu sein: http://de.selfhtml.org/html/frames/eingebettete.htm

Einfach mal die Seite dort ansehen und das Beispiel versuchen zu lesen.

Gruß

Andreas

Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.