Grafik dem frame anpassen!?!

Anfänger? Kein Problem einfach hier fragen, wir helfen euch!

Grafik dem frame anpassen!?!

Beitragvon Marianne Painful am 12.09.2005, 00:55

Hallo,

möchte die grafik (roter vorhang) dem rechten frame anpassen. siehe http://mariannepainful.com/frames.html
habe nur photoshop elements 3.0, und davon auch keinen plan.
wie gehe ich am besten vor?


MP
Marianne Painful
 
Beiträge: 5
Registriert: 09.09.2005, 22:56


Beitragvon SSJSonGoku1984 am 12.09.2005, 09:03

binde den vorhang lieber als html ins frameset ein; nicht direkt als jpg. in der html machst du einen <img> tag mit height und width 100%. sollte ungefähr das sein, was du suchst.
SSJSonGoku1984
 
Beiträge: 61
Registriert: 06.05.2005, 09:48
Wohnort: Wiesbaden

Web-Design

Beitragvon huggy_baer am 12.09.2005, 14:09

sieht aber nicht so scharfr aus....das bild wird gezogen und sieht unsscharf aus...

lieber mit einem Bildbearbeitungsprogramm auf der größe des Frames resizen.

am besten mit XnView resizen...gibts ca. 5 Varianten...musste ausprobieren

das prog ist freeware
huggy_baer
 
Beiträge: 48
Registriert: 13.07.2005, 10:41

Beitragvon SSJSonGoku1984 am 12.09.2005, 14:58

das alleine wird trotzdem nicht reichen. die frames sind nach % aufgeteilt. wenn jetzt jemand mit kleinerer auflösung kommt, als gedacht, hat er sofort die scrollbalken, und vom bild sieht man nurnoch einen teil.

also, auf auflösung resizen, die man als standard ansehen kann(z.b. 1024*768) und wie ich schon sagte, als html & <img> tag einbinden. so ist gewährleistet, das es bei den meisten ordentlich aussieht, und die leute, die mit einer anderen auflösung unterwegs sind als standard, können es sich auch halbwegs ordentlich ansehen. :wink:
SSJSonGoku1984
 
Beiträge: 61
Registriert: 06.05.2005, 09:48
Wohnort: Wiesbaden

Beitragvon scorbio am 12.09.2005, 15:42

Am besten ist es wenn du den Vorhang in ungefähr 3 Bilder zerteilst.

das erste: das obere Teil des Bildes (unter der Kordel, wo der Schatten anfängt, ca 10px unter der Kordel)
das zweite: das mittelere Teil des Bildes (ca. 10 px wo Teil 1 aufhört)
das dritte: das untere Teil des Bildes (wo Teil 2 aufhört bis zum Ende)

der Code müsste dann so aussehen:
Code: Alles auswählen
<table height="100%">
     <tr>
          <td heigth="Bildhöhe">
               <img src="vorhang_oben.gif" />
          </td>
     </tr>
     <tr>
          <td background-image="vorhang_mitte.gif" height="100%">
          </td>
     </tr>
     <tr>
          <td heigth="Bildhöhe">
               <img src="vorhang_unten.gif" />
          </td>
     </tr>
</table>


klar ist das mit den Tabellen nicht ganz W3C conform aber es geht so am einfachsten.
scorbio
 
Beiträge: 159
Registriert: 07.06.2005, 10:07
Wohnort: Erlangen

Beitragvon GrayGhost am 13.09.2005, 14:59

Hallo,
ich habe das Frameset mal neu gemacht. Dabei habe ich die Aufteilung so vorgenommen:

Code: Alles auswählen
<frameset cols="*,180px">
<frame name="Marianne_Painful_01" src="frames_dateien/main.htm"marginwidth="0" marginheight="0" scrolling="no" noresize frameborder="0" border="0">
<frame name="Marianne_Painful_02" src="frames_dateien/rechts.htm" marginwidth="0" marginheight="0" scrolling="no" noresize frameborder="0" border="0">
<noframes>


Nebenbei habe ich das Frameset index.htm genannt und die Dateien ein wenig übersichtlicher geordnet. Das Bild habe ich mit der Freeware irfanview auf eine Breite von 180 pix scaliert und den Frame entsprechend eingestellt (siehe oben). Ich werde die Seite noch ein wenig weiterbearbeiten und das Ergebnis heute Abend vorstellen.
GrayGhost
 


Zurück zu Webmaster-Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste