73%
22%
19%
11%
6%
Freitag, 10. März 2006, 09:23
Bild an einem Iframe andocken..
Hallo zusammen,
also ich habe vor ein iframe zu verwenden,wo ich aussenrum eine Grafik platzieren möchte,die genau an den iframe stösst.
Hier seht Ihr die Test Seite:
http://www.thewebbid.de/website/gfx/css%20test.htm
So,wenn man jetzt als Beispiel die Zacken nehmen würde und die nach aussen klappt,so habe ich mir das gedacht!
Also,der iframe und aussenrum ne Grafik platzieren.
Mir ist schon klar,das man das bild mit Befehlen richtig platzieren muss,aber ich weiss nicht wo ich ansetzen muss,also wo der richtige Befehl dafür hin muss
Ich hoffe Ihr wisst was ich meine
MfG
Webbid
also ich habe vor ein iframe zu verwenden,wo ich aussenrum eine Grafik platzieren möchte,die genau an den iframe stösst.
Hier seht Ihr die Test Seite:
http://www.thewebbid.de/website/gfx/css%20test.htm
So,wenn man jetzt als Beispiel die Zacken nehmen würde und die nach aussen klappt,so habe ich mir das gedacht!
Also,der iframe und aussenrum ne Grafik platzieren.
Mir ist schon klar,das man das bild mit Befehlen richtig platzieren muss,aber ich weiss nicht wo ich ansetzen muss,also wo der richtige Befehl dafür hin muss
Ich hoffe Ihr wisst was ich meine
MfG
Webbid
Freitag, 10. März 2006, 10:13
ich weiß net ob ich es jetzt richtig verstanden hab.....
also entweder du setzt deine grafik als normal BG in die page und plazierst das Iframe dann, oder du legst ne table an, z.B. so
also entweder du setzt deine grafik als normal BG in die page und plazierst das Iframe dann, oder du legst ne table an, z.B. so
|
Quellcode |
1 2 3 4 5 |
<table background="image.jpg" height="" width=""> <tr> <td align="center" valign="middle">Iframe</td> </tr> </table> |
ich will kein Admin werden, also darf ich das....
SMS77 Mehr als nur SMS
SMS77 Mehr als nur SMS
Freitag, 10. März 2006, 20:42
Hi
Naja, ich würde auf CSS setzten
Das geht dann etwa so:
Die Befehle würde ich noch in der Referenz nachschauen (http://www.css4you.de/), damit du sie auch verstehst und dann selber auch einsetzten kannst.
Mfg Fab
Naja, ich würde auf CSS setzten
Das geht dann etwa so:
|
|
Quellcode |
1 2 3 |
<img id="zacken" src="#" alt=""></img> <iframe name="blubb"></iframe> <div style="clear: both;"></div> |
|
|
Quellcode |
1 2 3 4 |
/* CSS */
#zacken {
float: left;
}
|
Die Befehle würde ich noch in der Referenz nachschauen (http://www.css4you.de/), damit du sie auch verstehst und dann selber auch einsetzten kannst.
Mfg Fab
-->Vokaline - schneller und effizienter Wörter lernen<-- (kostenlos!)
Freitag, 10. März 2006, 20:54
mist,ich bekomme es nicht hin 
also,ich habe hier mal ein Bild wie ich es meine:
http://www.thewebbid.de/testhtml/websitefertig.jpg
so,hier ist die html datei:
http://www.thewebbid.de/testhtml/css%20test.htm
und das bild das am linken rand ran soll:
http://www.thewebbid.de/testhtml/rahmen.jpg
kann mir das mal eine so machen wie oben im Bild?Ich bekomme es nicht hin
egal wie es aussieht,hauptsache ich weiss wie ich die Grafik da hin bekomme.
Auf der rechten Seite muss das auch gemacht werden,aber das versuche ich dann selber,weil ich ja dann weiss wie das linke funktioniert
oh,du hast geschriebn wo ich gerade dran war
Naja,bei css4you schaue ich immer nach,aber wenn man nicht weiss wonacg man suchen muss
wäre trotzdem super,einer macht es mir mal vor
also,ich habe hier mal ein Bild wie ich es meine:
http://www.thewebbid.de/testhtml/websitefertig.jpg
so,hier ist die html datei:
http://www.thewebbid.de/testhtml/css%20test.htm
und das bild das am linken rand ran soll:
http://www.thewebbid.de/testhtml/rahmen.jpg
kann mir das mal eine so machen wie oben im Bild?Ich bekomme es nicht hin
egal wie es aussieht,hauptsache ich weiss wie ich die Grafik da hin bekomme.
Auf der rechten Seite muss das auch gemacht werden,aber das versuche ich dann selber,weil ich ja dann weiss wie das linke funktioniert
oh,du hast geschriebn wo ich gerade dran war
Naja,bei css4you schaue ich immer nach,aber wenn man nicht weiss wonacg man suchen muss
wäre trotzdem super,einer macht es mir mal vor
Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »webbid« (10. März 2006, 20:55)
Samstag, 11. März 2006, 09:55
Hi
Das hier sollte gehen:
Du solltest den Befehl float in CSS4you nachschauen
Mfg Fab
Das hier sollte gehen:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>webbid's css test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
td {
border: solid 1px #999999;
}
iframe {
margin: 0px;
border: 0px;
margin-top: 10px;
width: 800px;
height: 600px;
}
#rahmen {
float: left;
}
#box {
width: 951px;
}
-->
</style>
</head>
<body bgcolor="666666" >
<table border="0" align="center" style="border-collapse:collapse; width:500; margin-top: 50px">
<tr>
<td style="padding-left:0px"><div align="center"><a href="http://www.webmasterwork.com/" target="iFrame">Home
</a></div></td>
<td><div align="center"><a href="http://www.webmasterwork.com/forum/thread/threadid=41040/sid=/" target="iFrame">about</a></div></td>
<td><div align="center"><a href="http://www.webmasterwork.com/" target="iFrame">Home
</a></div></td>
<td><div align="center"><a href="http://www.webmasterwork.com/forum/thread/threadid=41040/sid=/" target="iFrame">about</a></div></td>
<td><div align="center"><a href="http://www.thewebbid.de" target="iFrame">Home
</a></div></td>
<td style="padding-right:0px"><div align="center"><a href="http://www.webmasterwork.com/forum/thread/threadid=41040/sid=/" target="iFrame">about</a></div></td>
</tr>
</table>
<center>
<div id="box">
<img id="rahmen" src="rahmen.jpg" alt="">
<iframe src="http://www.thewebbid.de/" name="iFrame" align="center"
scrolling="no">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: </p>
</iframe>
</div>
<div style="clear: left;"></div> <!-- hier wird das Floating aufgehoben -->
</center>
</body>
</html>
</html>
|
Du solltest den Befehl float in CSS4you nachschauen
Mfg Fab
-->Vokaline - schneller und effizienter Wörter lernen<-- (kostenlos!)
Sonntag, 12. März 2006, 11:45
cool.der befehl gefällt mir
soweit alles klar,aber warum geht das bild wenn ich den iframe ja mit dem float befehl umfliessen lasse, dann nicht mit nach unten wenn ich im head bereich
des css befehls für den iframe,margin-top verändere?
das Bild sollte doch genau am iframe "kleben" bleiben wenn ich mit float arbeite,oder?
wenn ich margin-top auf 0px setze ,dann ist das bild in der horizontalen gleich mit dem iframe,alles was über 0px geht ,lässt es wieder ungleich aussehen!
soweit alles klar,aber warum geht das bild wenn ich den iframe ja mit dem float befehl umfliessen lasse, dann nicht mit nach unten wenn ich im head bereich
des css befehls für den iframe,margin-top verändere?
das Bild sollte doch genau am iframe "kleben" bleiben wenn ich mit float arbeite,oder?
wenn ich margin-top auf 0px setze ,dann ist das bild in der horizontalen gleich mit dem iframe,alles was über 0px geht ,lässt es wieder ungleich aussehen!