• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild über Bild dazwischen Text nicht verschieben

Status
Für weitere Antworten geschlossen.
S

Steinvirus

Neues Mitglied
Hallo leute,

ich ahbe folgendas problem: ich möchte gerne ein bild über ein bild verschieben. ich habe eine gallerie gebaut diese hängt allerdings zusammen und ich konnte das ganze nur durch die absolute trennen. es ist auch nicht anders möglich. jetzt ist die frage wie bekomme ich es hin das wenn ich das fenter kleiner mache, dass sich das bild nicht verschiebt. also genau da bleibt wo ich es hingesetzt habe.....

ich habe das ganz problem komischerweiße nur im FF im IE geht alles so wie es sein soll.... das ganze ist in einem cms eingebunden aber bei diesem problem denkeich nicht maß schlag gebend


Code: 
/**
    BILDWECHSEL
*/

#bigimg {
    position: absolute;
    margin-left: 11px;
    bottom: 205px;
}

#smallimg {
    margin-right: 0px;
    margin-left: 11px;
    padding-top: 50px;
}

#inhalt {
    padding-top: 130px;
    margin-left: 11px;
}

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>Template</title>
  <link rel="stylesheet "href="http://localhost/typo3wamp/uploads/tf/Template.css" type="text/css">

<!--[if lte IE 7]>
<style type="text/css"> @import url('http://localhost/typo3wamp/uploads/tf/ie_01.css'); </style>
<![endif]-->

</head>

<body>
<!-- ###DOCUMENT_BODY### start-->
<br>
<table style="text-align: left; 
    margin-left: 110px; 
    margin-right: 110px; 
    width: 154px; 
    height: 739px;" 
    border="0" 
    cellpadding="0" 
    cellspacing="0">

  <tbody>
    <tr>

      <td style="background-image: url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_links.gif); 
    background-repeat:     no-repeat; 
    height: 301px; 
    font-family: Arial; 
    white-space: nowrap; 
    width: 231px;">

      <div id="namenformatierung">
       <span style="font-family: Arial;">
    <p class="namenklein">Holzbau&nbsp;&amp;&nbsp;Bedachungen<br></p>
    <strong class="namengroß">Uwe&nbsp;Klingebiel&nbsp;</strong>GmbH
    <p class="namenklein">Zimmerer&nbsp;&amp;&nbsp;Dachdeckermeister</p>
            
                               </span>
                  </div>
                      </td>

<td style="background-image: url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_mitte.gif); 
    background-repeat: no-repeat; 
    width: 421px;">      

<div style="margin-top: 177px;">
<img src="http://localhost/typo3wamp/uploads/tf//kingebiel_header_mitte_oberteil.gif" alt=""></div>
      </td>
      <td style="background-image: url(http://localhost/typo3wamp/uploads/tf/kingebiel_header_rechts.gif); background-repeat: no-repeat; height: 302px; width: 282px;">


<!-- ###ZUSATZ_NAVI### start-->
      <div id="zusatznavicontainer">
     <ul>
<li><a href="#">Start</a></li>
<li><a href="#">Kontackte</a></li>
<li><a href="#">Impressum</a></li>
        </ul>      
          </div>
<!-- ###ZUSATZ_NAVI### stop--> 

</td>
    </tr>

    <tr>
      <td style="background-image: url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); 
    text-align: left; 
    height: 301px; 
    width: 231px;">
              </td>
      
<td style="height: 175px; width: 412px;">
    <div id= "inhalt">

<!-- ###INHALT_MITTE### start-->
Hier befindet sich ein Text der als Platzhalter dient
<!-- ###INHALT_MITTE### stop--> 

</div>

<!-- ###BILDER_MITTE### start-->
Hier befinden sich Bilder die als Platzhalter dienen
<!-- ###BILDER_MITTE### stop--></td>
      
<td style="background-image: url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); height: 175px; text-align: left; width: 282px;">

<!-- ###HAUPT_NAVI### start-->
      <div id="mainnavcontainer">
      <ul>
        <li><a href="#">Leistungen</a></li>
        <li><a href="#">Planung</a></li>
        <li><a href="#">Sanierung</a></li>
        <li><a href="#">Qualit&auml;t</a></li>
        <li><a href="#">Service</a></li>
        <li><a href="#">Partner</a></li>
        <li><a href="#">Jobs</a></li>
      </ul>
      </div>
      <div id="leerraum">###LEERRAUM###</div>
<!-- ###HAUPT_NAVI### stop--> </td>
<!-- ###HAUPT_NAVI### stop--> </td>
  
  </tr>
    <tr>
      
<td style="background-image: url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); text-align: left; height: 301px; width: 231px;">
      <div style="text-align: left;">
    <img style="width: 301px; height: 301px;" src="http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG" alt=""></div>
              </td>
      
 <td style="height: 175px; text-align: left; width: 412px;">
      <div style="text-align: left;">
    <img src="http://localhost/typo3wamp/uploads/tf/kingebiel_header_mitte_unterteil.GIF" alt=""></div>
         </td>
      
<td style="background-image: url(http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG); text-align: left; height: 302px; width: 282px;">
      <img style="width: 301px; height: 302px;" src="http://localhost/typo3wamp/uploads/tf/klingebiel_Black_links.JPG" alt=""></td>
    </tr>
  </tbody>
</table>
<!-- ###DOCUMENT_BODY### stop-->
</body>
</html>
 
Hallo leute,


ich hab mal dran weitergearbeitet und es mit verschiedenen positionen versucht. jedoch ohne erfolg. Ich bitte nochmal um hilfe ^^.

steini
 
seite ist lokal es ist leider auch nciht möhlich sie hochzuladen

EDIT*

auf einem freeserver nicht möglich weil mir dann mein cms abschmirt
 
Zuletzt bearbeitet:
Steinvirus schrieb:
es ist leider auch nciht möhlich sie hochzuladen
Zum Vergrößern anklicken....
Man nehme einen Browser, wähle im Menü "Datei", dann "Seite speichern unter", "Webseite, komplett" und lade das Ergebnis auf einen öffentlichen Webserver hoch. Das ist doch wohl kein Problem? Mein Browser weiß sowieso nichts von Deinem CMS, also brauch ich das auch nicht.
Du postest ja auch Deinen Code. Wenn das nicht ginge mit dem uploaden, würde auch Dein Code hier nichts bringen.
 
Was ist so schwer daran, es bei einem freehoster online zu stellen?

Du möchtest Hilfe haben, warum sollen wir uns dann dein Archiv runterladen und entpacken?

Die meisten (mich eingeschlossen) werden das nicht machen.
 
Steinvirus schrieb:
Naja last gut sein.. ich merk schon ^^
Zum Vergrößern anklicken....
Normalerweise bedeutet das so viel wie "Ihr könnts wahrscheinlich auch nicht besser" oder "Danke für Eure ausgesprochen großzügige Hilfe" oder "****".

Komischerweise warst Du doch auch in der Lage, hier Code zu posten. Warum Du es nicht geschafft hast, den zu einem Hoster aufzuspielen, ist mir ein Rätsel.

Steinvirus schrieb:
jetzt ist die frage wie bekomme ich es hin das wenn ich das fenter kleiner mache, dass sich das bild nicht verschiebt. also genau da bleibt wo ich es hingesetzt habe.
Zum Vergrößern anklicken....
Bei mir verschiebt sich da kein Bild, wenn ich das Fenster verkleinere.

Aber was Du auch vorhast, Du missbrauchst Tabellen zu Layoutzwecken, davon kann ich nur abraten.
Außerdem verwendest Du einen Doctype, der alle Browser in den Quirks Mode versetzt. Darstellungsunterschiede sind dann inklusive.
Und der HTML-Code hat noch 3 Fehler, die solltest Du korrigieren.

Was hat es eigentlich mit dem CSS-Code auf sich, den Du uns gepostet hast? Der hat ja nun nicht wirklich irgendwas mit der Frage zu tun, zumal #bigimg und #smallimg nicht existieren.

Also solltest Du vielleicht alle Karten auf den Tisch legen, wenn Du Hilfe willst. Ansonsten kann es ja gar nicht so wichtig sein.
 
Zuletzt bearbeitet von einem Moderator:
Normalerweise bedeutet das so viel wie "Ihr könnts wahrscheinlich auch nicht besser" oder "Danke für Eure ausgesprochen großzügige Hilfe" oder "****".
Zum Vergrößern anklicken....

nein um gottes willen das sollte jetzt nicht negativ rüberkommen .. ich wollte damit sagen das ihr euch keine gedanken mehr drüber machen müsst das thema ist erledigt.
 
Okay, wenn Dir die Antwort nicht wichtig ist, dann nehm ich Dir auch nichts übel :-)
 
Was hat es eigentlich mit dem CSS-Code auf sich, den Du uns gepostet hast? Der hat ja nun nicht wirklich irgendwas mit der Frage zu tun, zumal #bigimg und #smallimg nicht existieren.
Zum Vergrößern anklicken....

Doch tuhen sie in dem CMS System. das hat deinen eigenden Code

Und der wäre?
Zum Vergrößern anklicken....

Ich weiß das hier ne menge guter leute sind und die haben es auch drauf. Doch möchte ich jetzt das thema abharken. ich werde das ganze anders lösen. ich wiederhole mich nochmal danke für die antwoten und thema ist jetzt für mich abgeharkt.

steini
 
Steinvirus schrieb:
Doch tuhen sie in dem CMS System. das hat deinen eigenden Code
Zum Vergrößern anklicken....
Ja, aber wie soll Dir denn jemand mit dem Code helfen, wenn der Code keine Aussage hat? Beim nächsten Mal solltest Du vielleicht einen Gedanken mehr denke, bevor Du Deine Frage stellst :-)

Doch möchte ich jetzt das thema abharken.
thema ist jetzt für mich abgeharkt.
Zum Vergrößern anklicken....
Warst Du im letzten Leben Gärtner? :-D

SCNR,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben