IPB

Willkommen, Gast ( Anmelden | Registrierung )

> hintergundbild autom. an framgröße/fenstergröße anpassen
Leini
Beitrag 10.01.2007 - 10:56
Beitrag #1


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 10.01.2007
Mitglieds-Nr.: 6.650



hi
und zwar habe ich folgendes problem.
ich habe eine grafik in zwei teile zerschnitten. der eine kleine teil soll das linke menüframe werden, der große teil die grafik für den rechten frame.
da es sich um ein bild, also um keine monotone grafik handelt, sollte die grafik immer komplett zu sehen sein, sonst ergibt das keinen sinn mehr.
wie richte ich es ein, das sich die hintergundgrafik immer genau an die fenstergröße anpasst, die der jeweilige surfer eingestellt hat ?
kann ich bei seitenaufruf direkt die größe des fensters diktieren ?

zur verdeutlichung hier mal die komplette grafik, und als zerschnittene version:

komplettes Bild
linkes Bild
rechtes Bild


gruß Leini

Der Beitrag wurde von Leini bearbeitet: 10.01.2007 - 10:58
Go to the top of the page
 
+Quote Post
 
Start new topic
Antworten
Conny
Beitrag 11.01.2007 - 21:42
Beitrag #2


Kommt Zeit, kommt Rat, kommt Conrad!
Gruppensymbol

Gruppe: Mods
Beiträge: 1.169
Mitglied seit: 21.11.2001
Wohnort: Altenkirchen, Westerwald
Mitglieds-Nr.: 42



Hallo,
gebe in der Zeile: <frameset rows="20%,80%" frameborder="0" framespacing="0"> die Höhe nicht in Prozent sondern nur in Pixel ein und zwar nur für das Top-Frame.
In etwa so: <frameset rows="200px,*" frameborder="0" framespacing="0">.
Die Höhe von 200px solltest Du so anpassen, daß das Topframe ohne verschwinden in der angegebenen Höhe passt.
Also ausrechnen: Spalthöhe + Bildhöhe + Spalthöhe + Buttonhöhe + unterrandhöhe = Top-Frame-Höhe

cu
Conny
Go to the top of the page
 
+Quote Post
Leini
Beitrag 17.01.2007 - 10:24
Beitrag #3


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 10.01.2007
Mitglieds-Nr.: 6.650



hi
klappt alles super gut soweit. hab jetzt noch ein bissl weitergearbeitet

und zwar habe ich eine große tabellenzelle erstellt, die als textfeld dienen soll. habe also eine 300 * 300 pixel große , andersfarbige, zelle erstellt, und dortdrin text auf der seite zu schreiben.
nun wird der text allerdings immer genau mittig in dieses feld geklatscht. habe noch keinen befehl gefunden der dieses behebt. position und align scheinen nicht zu funktionieren. habt ihr eine lösung ?

hab die aktuelle seite wieder hochgeladen : Meine Webseite


gruß
Go to the top of the page
 
+Quote Post
Thomas
Beitrag 17.01.2007 - 12:56
Beitrag #4


Nachschlagewerk des Orakels
Gruppensymbol

Gruppe: Mods
Beiträge: 955
Mitglied seit: 29.08.2006
Wohnort: Frankfurt am Main
Mitglieds-Nr.: 6.217



ZITAT(Leini @ 17.01.2007 - 10:24) *
position und align scheinen nicht zu funktionieren.
So auf die Schnelle: Hast du es mal mit valign probiert?
Go to the top of the page
 
+Quote Post
Leini
Beitrag 17.01.2007 - 15:31
Beitrag #5


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 10.01.2007
Mitglieds-Nr.: 6.650



ZITAT(Thomas @ 17.01.2007 - 12:56) *
ZITAT(Leini @ 17.01.2007 - 10:24) *
position und align scheinen nicht zu funktionieren.
So auf die Schnelle: Hast du es mal mit valign probiert?



hi !
hatte ich nich probiert wink.gif
aber geht leider auch nicht.
habe das jetzt sogar alles doppelgemoppelt in das <tr> und in das <td> tag geschrieben, leider ohne erfolg.

hier mal der quelltext zu meinem problem:

ZITAT
<html>
<body bgcolor="A2B5CD" vlink="#A2B5CD" alink="#A2B5CD" link="#A2B5CD">

<p align="left">

<table border="0" tablespacing="0">
<tr>
<td align="center" bgcolor="BCD2EE" width="875" height="128"><img src="grafik/website/logo.jpg"> </td>
</tr>
<tr valingn="top" align="top">
<td width="875" height="500" bgcolor="BCD2EE" cellspacing="0" cellpadding="0" valingn="top" align="top">



TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT


</td>
</tr>

</table>


</p>

</body>
</html>


Der Beitrag wurde von Leini bearbeitet: 17.01.2007 - 15:32
Go to the top of the page
 
+Quote Post
Thomas
Beitrag 17.01.2007 - 15:54
Beitrag #6


Nachschlagewerk des Orakels
Gruppensymbol

Gruppe: Mods
Beiträge: 955
Mitglied seit: 29.08.2006
Wohnort: Frankfurt am Main
Mitglieds-Nr.: 6.217



ZITAT(Leini @ 17.01.2007 - 15:31) *
ZITAT
<tr valingn="top" align="top">
Probiers doch mal mit valign - wie align, nur mit einem v davor (für vertical) ...

Und nur mal so am Rande: Schau doch im Zweifelsfall einfach mal bei SELFHTML nach, dort werden alle Tags inklusive ihrer möglichen Attribute und deren Werten erklärt - align="top" ist zum Beispiel nutzlos, da top als Wert gar nicht zulässig ist (erlaubt sind left, center, right, justify oder char).

[edit: Genitiv korrigiert]

Der Beitrag wurde von Thomas bearbeitet: 17.01.2007 - 16:06
Go to the top of the page
 
+Quote Post
Leini
Beitrag 17.01.2007 - 16:46
Beitrag #7


is getting harder


Gruppe: User
Beiträge: 14
Mitglied seit: 10.01.2007
Mitglieds-Nr.: 6.650



ZITAT(Thomas @ 17.01.2007 - 15:54) *
ZITAT(Leini @ 17.01.2007 - 15:31) *
ZITAT
<tr valingn="top" align="top">
Probiers doch mal mit valign - wie align, nur mit einem v davor (für vertical) ...

Und nur mal so am Rande: Schau doch im Zweifelsfall einfach mal bei SELFHTML nach, dort werden alle Tags inklusive ihrer möglichen Attribute und deren Werten erklärt - align="top" ist zum Beispiel nutzlos, da top als Wert gar nicht zulässig ist (erlaubt sind left, center, right, justify oder char).

[edit: Genitiv korrigiert]



ich sehe grade ich habe eine schreibfehler, habe anstatt valign "valingn" geschrieben ...

aber das attribut "top" gibt es!

hatte das ja alles schonmal bei selfhtml nachgeschlagen

auszug:

ZITAT
Mit valign="top" können Sie eine Zelle in ihrem einleitenden Tag obenbündig ausrichten, durch die Angabe valign="bottom" untenbündig. Auch die Angabe valign="middle" (nicht "center"!) ist möglich. Dies ist jedoch die Voreinstellung und deshalb nicht unbedingt nötig (valign = vertical align = vertikale Ausrichtung, top = oben, bottom = unten, middle = mittig). Auch das valign-Attribut können Sie in einleitenden <tr>-Tags, einleitenden <thead>-Tags, einleitenden <tbody>-Tags und <tfoot>-Tags notieren. Ab HTML 4.0 ist auch die Angabe valign="baseline" erlaubt. Dann werden alle Zellen innerhalb einer Zeile, die diese Angaben erhalten, an einer gemeinsamen Basislinie ausgerichtet. Und zwar so, dass die erste Textzeile aller dieser Zellen immer auf gleicher Höhe beginnt.



und nur so am rande, ohne den schreibfehler funktioniert es =)
DANKE thomas !

Der Beitrag wurde von Leini bearbeitet: 17.01.2007 - 16:47
Go to the top of the page
 
+Quote Post
Thomas
Beitrag 17.01.2007 - 18:28
Beitrag #8


Nachschlagewerk des Orakels
Gruppensymbol

Gruppe: Mods
Beiträge: 955
Mitglied seit: 29.08.2006
Wohnort: Frankfurt am Main
Mitglieds-Nr.: 6.217



ZITAT(Leini @ 17.01.2007 - 16:46) *
ZITAT(Thomas @ 17.01.2007 - 15:54) *
Probiers doch mal mit valign - wie align, nur mit einem v davor (für vertical) ...
ich sehe grade ich habe eine schreibfehler, habe anstatt valign "valingn" geschrieben ...
Darauf zielte mein Hinweis ab tongue.gif.
ZITAT(Leini @ 17.01.2007 - 16:46) *
ZITAT(Thomas @ 17.01.2007 - 15:54) *
align="top" ist zum Beispiel nutzlos, da top als Wert gar nicht zulässig ist (erlaubt sind left, center, right, justify oder char).
aber das attribut "top" gibt es!
hatte das ja alles schonmal bei selfhtml nachgeschlagen
auszug:
ZITAT
Mit valign="top"
Eben: valign="top", aber nicht align="top". Es hängt immer vom Attribut (valign, align etc.) ab, welche Werte erlaubt sind (und dementsprechend auch nur Sinn machen).
ZITAT(Leini @ 17.01.2007 - 16:46) *
und nur so am rande, ohne den schreibfehler funktioniert es =)
DANKE thomas !
Das deckt sich mit meiner Vermutung - gerne geschehen smile.gif.
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema


Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 14.05.2025 - 6:31

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here