[HTML] Logo aus Rahmen schauen lassen

Dieses Thema im Forum "Webdesign" wurde erstellt von Deejayy, 8. April 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 8. April 2009
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Logo aus Rahmen schauen lassen

    Mache gerade mit Dreameaver CS4 eine Webseite in HTML und CSS!
    Da ich mich leider nicht so pralle damit auskenne meine Frage:

    Habe eine Kopf und Fußzeile und lediglich eine Hauptseite mit Inhalt drin.
    In der Kopfzeile ist ein Logo welches ich mittels Photoshop erstellt habe.
    Nun habe ich um den gesamten Inhalt einen Rahmen. Das Logo aus der Kopfzeile würde
    ich gern (wie auf dem angefügten Foto zu erkennen ist) aus dem Rahmen gucken lassen.
    Wie mache ich das?
    Mit einfachem Ausrichten funktioniert das nicht, da sich der Rahmen (er ist Prozentual auf dreiviertel der gesamtbreite des Bildschirms eingestellt) immer an das Logo anpasst und somit der Bereich nur breiter wird.
    Wie bekomme ich das hin?

    Bild


    Greetingz

    Timo
     
  3. 8. April 2009
    AW: Logo aus Rahmen schauen lassen

    ich glaube die einfachste möglichkeit wäre das logo in einen div container zu hauen und dann mit position auf absolut setzten, dann mit top, left usw. verschieben...

    http://www.css4you.de/position.html

    könnte allerdings ein paar probleme geben wenn du mit prozenten arbeitest, aber da bin ich eh kein großer fan von, viel zu ungenau meiner meinung nach... würde ich mir vllt nochmal überlegen ob ich keine absoluten zahlen benutzen würde

    gruß encud
     
  4. 8. April 2009
    AW: Logo aus Rahmen schauen lassen

    Um einzelne Elemente beliebig irgendwo hinzuverschieben kannste den CSS-Befehl Margin zur Hilfe nehmen.
     
  5. 8. April 2009
    AW: Logo aus Rahmen schauen lassen

    HTML:
    <img style="float:right;margin-right:-100px;" src="[url]" />
    Die 100px durch das was du willst ersetzen.
     
  6. 8. April 2009
    AW: Logo aus Rahmen schauen lassen

    Tausend Dank euch!
    Habe nun das letzte benutzt und es funktioniert BOMBE !!

    Genauso sollte es sein! Vielen Dank an Euch!

    BWs sind natürlich raus!

    Greetingz

    Timo
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.