+ Antworten
Ergebnis 1 bis 5 von 5

Thema: Bild in Ecke anpinnen

  1. #1
    Neu an Board
    Registriert seit
    26.04.2007
    Beiträge
    64
    Bedankte sich
    5
    Erhielt 4 Danksagungen
    in 3 Beiträgen

    Standard Bild in Ecke anpinnen

    Hi Leute,

    ich versuche momentan ein diagonales Bild bzw Banner in die linke obere Ecke meiner Webseite anzupinnen. Also praktisch das hier: klick mich

    Ich benutze T3-Framework von Joomlart. Sie haben Bereiche einer Homepage in kleinen Portionen geteilt, wie header, top, menu, content, footer user.

    Wie auch immer...
    Habe in header.php folgenden Code eingebaut:
    PHP-Code:
    <a title="Facebook" href="http://facebook.com" class="facebook-left-corner">
            
    Facebook</a
    In Template.css dann die dazugehörige CSS:
    PHP-Code:
    .facebook-left-corner {
    background:url("http://www.meineseite.com/images/facebook.png"no-repeat scroll 0 0 transparent;
    display:block;
    height:125px;
    left:0;
    position:absolute;
    text-decoration:none;
    text-indent:-999em;
    top:0;
    width:125px
    Bis hierhin alles wunderbar. Das Bild wird in oberer linken Ecke angezeigt.
    Jedoch, wenn ich das Bild anklicke, werde ich nicht zum integrierten Link weitergeleitet.
    Bzw. Link wird nicht angezeigt, wenn ich mit Maus auf dem Bild bin, so als hätte ich keinen Link in header.php eingebaut.
    Geändert von LynXmedia (22.09.2010 um 20:07 Uhr)

  2. #2
    Moderator Avatar von Orpheus2510
    Registriert seit
    17.10.2006
    Beiträge
    14.136
    Bedankte sich
    164
    Erhielt 3.390 Danksagungen
    in 3.060 Beiträgen
    Gruß, Orpheus2510
    Kein Support per PN! | Tutorial Migration J1.5 --> J2.5 | Joomla braucht dich!

  3. #3
    Moderator Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    54
    Beiträge
    14.348
    Bedankte sich
    455
    Erhielt 2.972 Danksagungen
    in 2.791 Beiträgen

    Standard

    Du musst nicht den Link, sondern das Bild in die Ecke setzen. Also die Klasse in das img-Tag versetzen. Dazu musst das Bild in das Template schreiben:
    Code:
    in der index.php:
    <a href="..."><img id="ecke" url=".../bild.png" /></a>
    
    Und in der CSS:
    img#ecke {...}
    Das müsste eigentlich funktionieren.
    Sonst musst mal einen Link posten.

    Axel
    Schulungen, Webentwicklung: time4mambo
    (Video-)Tutorials: time4joomla

  4. #4
    Neu an Board
    Registriert seit
    26.04.2007
    Beiträge
    64
    Bedankte sich
    5
    Erhielt 4 Danksagungen
    in 3 Beiträgen

    Standard

    @Orpheus2510....Danke für den Hinweis. Aber mit Codes ist es mir (mehr oder weniger) einfacher

    @time4mambo....An sich müssen ja beide Beispiel-Codes (also von mir im ersten Beitrag und von dir) funktionieren, aber es wollte einfach nicht. Banner erschien, aber anklickbar war es leider nicht.

    Nach langer Überlegung bin ich schließlich zu einer Lösung gekommen.
    Der ganze Header-Bereich betrug den Wert Z-Index 10.
    Daher war der Banner nicht anklickbar, weil er dadrunter lag.
    Habe den Wert für Banner auf Z-Index 11 eingestellt und voilá

  5. #5
    Moderator Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    54
    Beiträge
    14.348
    Bedankte sich
    455
    Erhielt 2.972 Danksagungen
    in 2.791 Beiträgen

    Standard

    Und hier mein vorgeschriebener Text zu diesem Thema:


    Damit man als Supporter nicht immer hier hereinschauen muss und von vorn beginnt und nachdenkt und am Ende feststellt, dass sich das Problem schon erledigt hat, bitte den Thread auf GELÖST setzen:

    Erste Post editieren --> Erweitert --> Suffix --> GELÖST


    Danke!



    Axel
    Schulungen, Webentwicklung: time4mambo
    (Video-)Tutorials: time4joomla

+ Antworten

Lesezeichen

Berechtigungen

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