Ergebnis 1 bis 3 von 3

Thema: img src absolute positioniert - verlinkung funktioniert nicht

  1. #1
    HTML Newbie
    Registriert seit
    17.09.2012
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard img src absolute positioniert - verlinkung funktioniert nicht

    hallo,
    seit 2 tagen trete ich auf der stelle und finde keine lösung...
    ich habe einige bilder "absolute" positioniert diese möchte ich mit anderen seiten verlinken -teilweise intern (home.html) und teilweise extern (z.b. http://www.forum-hilfe.de)...
    dazu kurz meine css und html codes:

    <style type="text/css">
    #box_sb_logo {
    position: absolute;
    height: 100px;
    width: 195px;
    left: 3px;
    top: 3px;
    }
    </style>


    <p id="box_sb_logo"><a href="sb.html" target="_self"><img src="images/sb-logo.gif" width="195" height="100" alt="" border="0"</a></p>
    <span id="box_sb_logo"><a href="sb.html" target="_self"><img src="images/sb-logo.gif" width="195" height="100" alt="" border="0"</a></span>
    <div id="box_sb_logo"><a href="sb.html" target="_self"><img src="images/sb-logo.gif" width="195" height="100" alt="" border="0"</a></div>



    egal, was ich versuche - es funktioniert nicht oder wenn es funktiniert (p-tag) zerreißt es mir meine ganze seite, indem die grafiken nicht mehr an den vorgegebenen positionen stehen, sondern springen und mein menu wird komplett verschoben...
    wo liegt mein fehler?
    einen ganzen div-container kann ich ja auch nicht in einen a-tag stellen - probiert habe ich das zwar auch, aber nur weil mir die ideen ausgegangen sind...

    für diejenigen unter euch, die es evtl. nachbauen wollen/müssen, um das problem zu erkennen: mein gesamtes script (zusammengefügt) im anhang...quellcode.txt
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: img src absolute positioniert - verlinkung funktioniert nicht

    Wozu verwendest du
    Code:
    position: absolute
    ?
    Wenn du darauf eine Antwort findest, dann verwende es weiterhin.
    Falls nicht, dann positioniere besser und ausschließlich mit float und/oder margin.

    Merke:
    "Position abslolute" heißt so, weil es meist absolut überflüssig ist und man es nur dann verwenden sollte, wenn man sich absolut sicher ist, was es bedeutet.
    http://www.ohne-css.gehts-gar.net/0045.php

  3. #3
    Azubi(ne)
    Registriert seit
    04.09.2008
    Beiträge
    70
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: img src absolute positioniert - verlinkung funktioniert nicht

    Hi shadow,

    du solltest dich erstmal mit den HTML und CSS Grundlagen auseinander setzen.
    Eine ID (eindeutige Nummer) ist nur einmalig zu vergeben. Willst du mehreren Elementen dieselben Attribute zuweisen solltest du eine Klasse verwenden und keine ID.
    HTML-Code:
    <style type="text/css"> 
    .box_sb_logo {
            position: absolute;   
            height: 100px; 
            width: 195px;    
            left: 3px; 
            top: 3px;   
    }  
    </style>
    Dein image Tag will auch geschlossen werden, sonst verreißt es dir natürlich die Seite:
    HTML-Code:
    <img  src="images/sb-logo.gif" width="195" height="100" alt=""  border="0" />
    Überarbeite deinen Code und dann können wir nochmal darüber sprechen. Nimm am besten die Lösung mit dem DIV. Wenn dieses DIV einmalig ist auf deiner Seite kannst du auch deine id verwenden.

    Viele Grüße
    CroWeHaMmeR

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 13.08.2012, 22:09
  2. Seite funktioniert und funktioniert nicht
    Von parcifal83 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 24.05.2010, 15:24
  3. Pflichtfeldsternchen nicht richtig positioniert
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 14.11.2009, 23:44
  4. Wie positioniert man die elmente nochmal
    Von reeperbahner11 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 05.06.2009, 08:39

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •