nicht angemeldet
Test
Hallo,
ich hoffe ich habe html richtig als Themenbereicht gewählt. Das lässt sich so schwer abgrenzen.
Also ich habe folgendes Problem:
Ich möchte gerne auf meiner Seite: http://www.chrisgideon.com/ alles skalierbar machen (Naja, also images, Tabellen, Frames, Border, Schriftartengröße,..). Nun habe ich ein Problem bei dem oberen Frame. Dort wird eine Grafik geladen. Aber ich möchte gerne dort [b]verschiedene[/b] Links anbringen. Das mache ich zur Zeit mit maps. Leider haben die ja feste Koordinaten. Also wenn ich das Bild mitskalieren lasse, dann bleiben die Koordinaten fix, und die Links funktionieren nicht. Wie kann ich das umgehen?
Meine bisherigen Lösungsansätze:
-
Bild als Hintergrundbild: Funktioniert nicht, weil nicht die Größe des Bildes angepasst wird, sondern der Hintergrund mit 100% aufgefüllt wird. Also wird bleibt das Bild in Originalauflösung, wird aber wiederholt.Das wiederholen kann ich ausstellen, aber dann passt sich das Bild trotzdem nicht an.
-
Mit DIV: ich habe in der css:
[Code]
html,body,div { height:100%; width:100%; margin:0; padding:0; }
div { position:absolute; }
[/Code]
und in der html:
[Code]
<table border="2" align="center" width="80%" height="100%">
<tr>
<td height="80%"><a href="../../index.html">
<div style="z-index:1;"><img src="Bildadresse.jpg" width="100%" height="100%" border="0" alt=""></div>
<div style="z-index:2;">Linktext</div>
</tr>
[/Code]
Da passt sich das Bild auch nicht gerade sehr gut an. Wenn das mal einer sehen möchte, dann lade ich es schnell up. Danke für die Hilfe. Und bitte fragt, wenn irgendetwas unklar ist. Wenn das nämlich in Ordnung ist, dann sind nur noch kleinere Fehler zu beseitigen :)
-
Sry für die Überschrift. Jetzt die Änderung.
-
Hi Frau Holle
Bilder über Prozentgrößen einbinden ist aber keine gute Idee, das wird sowieso unscharf.
PS:Gib den Besuchern ohne JavaScript wenigstens 'ne Sitemap als Naviersatz.
Grüße von Azrel
-
Hi Frau Holle
Hi Azrel, Danke für Deine sehr schnelle Antwort
Bilder über Prozentgrößen einbinden ist aber keine gute Idee, das wird sowieso unscharf.
Unscharf? Dahinter lagert ja immer noch das Bild in 1600er Auflösung. Aber auch wenn alles ein wenig klein werden sollte, habe ich keine andere Möglichkeit. Guck Dir das mal unter 800x600 an. Da siehts richtig mies aus. Und alles, was größer als 1024x768 ist, bekommt auch eine etwas unschöne Variante. Momentan siehts halt nur unter 1024 okay aus. Und das ist ja kein Zustand.
PS:Gib den Besuchern ohne JavaScript wenigstens 'ne Sitemap als Naviersatz.
Javascript benutze ich eigentlich nicht für die Navigation. Nur für ein paar Adds. Links die Navi ist Flash und oben die Hauptnavi ist pures html. Wo hast Du Probleme? Welcher Browser?
-
»»PS:Gib den Besuchern ohne JavaScript wenigstens 'ne Sitemap als Naviersatz.
Achso, jetzt weiss ich was Du meinst. Meine Waenung auf der ersten Seite. Ich lade die Menüs der Unterrubriken mit javascript in das linke Frame rein. Habe dafür body onload weggenommen. Ich dachte das geht dann ein wenig schneller. Aber ist kaum merkbar leider, also werde ich die Body onload Variante wieder bald reinbringen. Danke für den Hinweis.
-
"Guck Dir das mal unter 800x600 an. Da siehts richtig mies aus. Und alles, was größer als 1024x768 ist, bekommt auch eine etwas unschöne Variante. Momentan siehts halt nur unter 1024 okay aus. Und das ist ja kein Zustand."
Na, so mies ja nun auch nicht.Außer daß die Navileiste ein wenig abgeschnitten ist auf der rechten Seite.Spiel doch mal mit den Prozenten rum, es müssen ja nicht gleich 100% sein.
Versuchs mal mit weniger, solange bis das Bild unter 800*600 komplett auf dem Schirm ist.Kann sich doch nur um ein paar Prozent weniger handelln.PS:Probleme hatt ich keine, dacht bloß es wär 'ne Javascript-Navi.
Gruß A.
-
Na, so mies ja nun auch nicht.Außer daß die Navileiste ein wenig abgeschnitten ist auf der rechten Seite.Spiel doch mal mit den Prozenten rum, es müssen ja nicht gleich 100% sein.
Versuchs mal mit weniger, solange bis das Bild unter 800*600 komplett auf dem Schirm ist.Kann sich doch nur um ein paar Prozent weniger handelln.Naja, und das das obere Frame total verschoben ist. Das Bild ist viel größer als die beiden unteren Frames zusammen. Ich kann leider keine Prozente eingeben, das ist ja mein Problem. Weil ich über eine Map die Links ansteuere. Also wenn Du auf "Home" klickst. Dann klickst Du nicht auf das Bild Home oder die Schrift Home, sondern auf ein mit festen Koordinaten definiertes Feld "Home". Ich schreib mal schnell den Source der Online Version:
[Code]
<table height="96%" cellspacing="0" bgcolor="#000033" border="2%" align="center" width="80%">
<tr>
<td height="91" align="center" id="rahmen" >
<img src="Das_Bildchen.jpg" width="810" height="94" border="0" usemap="#navigation"></td>
</tr>...
...<map name="navigation">
<area shape="rect" coords="411, 63, 457, 193" href="news.html" target="rechts">
...
...
</map>PS:Probleme hatt ich keine, dacht bloß es wär 'ne Javascript-Navi.
Hab schon gemerkt. Mein Verständnisfehler. Siehe andere Antwort.
-
Also, wie mans jetzt skalierbar mit 'ner Map hinkriegt, weiß ich auch nicht.(Obs überhaupt geht??)
Aber Vorschlag, nimm doch den Hintergrund (ohne schrift)als Tabellenhintergrund und bind die Schrift als einzelne transparente Bildchen ein.Da kannst du doch dann die Prozente verändern.
Ist jetzt so das Einzige was mir einfällt.Gruß A.
-
Aber Vorschlag, nimm doch den Hintergrund (ohne schrift)als Tabellenhintergrund und bind die Schrift als einzelne transparente Bildchen ein.Da kannst du doch dann die Prozente verändern.
Ist jetzt so das Einzige was mir einfällt.Funktioniert nicht, weil nicht die Größe des Bildes angepasst wird, sondern der Hintergrund mit 100% aufgefüllt wird. Also wird bleibt das Bild in Originalauflösung, wird aber wiederholt.Das wiederholen kann ich ausstellen, aber dann passt sich das Bild trotzdem nicht an.
Wahrscheinlich ist es nicht realisierbar, wenn nicht mal dieses Forum eine Antwort hat. Naja, muss erst mal so bleiben.
Trotzdem Danke Azrael.
-
-
-
-
-
-