Darstellungsproblem von Grafiken/Bannern

  • Hallo,

    meine Problem ist das ZWEI 125x125 Banner nicht der beschriebenen Größe entsprechen in meinem Design welches ich local unter MAMP (Mac) noch am bearbeiten bin.

    Die Grafiken werden zu klein angezeigt, im direkten vergleich mit der Bild-Vorschau normal auf dem Rechner. Also die Grafiken erscheinen definitiv nicht in 125x125 Pixeln sondern erscheinen kleiner!

    Kann mir jemand sagen, woran das liegt und wie ich dieses Größen-Problem beheben kann?

    Hier ein Bildschirmfoto dazu (klick)

    Code aus der CSS:

    Code
    .tab_maschine_125 {
    	margin: 0px 0px 0px 0px;
    	padding: 5px 0px 0px 0px;
    }
    
    
    .tab_maschine_125_in {
    	margin: 5px 0px 5px 40px;
    	padding: 0px 0px 0px 0px;
    }

    Code aus der Sidebar:

    PHP
    <div class="tab_maschine_125">
    		<div class="tab_maschine_125_in">
    			<a href="#" title="Werbeplatz 1 Jetzt buchen!" ><img src="<?php bloginfo('template_url'); ?>/images/125x125.gif"></img></a>
    			<a href="#" title="Werbeplatz 2 Jetzt buchen!" ><img src="<?php bloginfo('template_url'); ?>/images/125x125.gif"></img></a>
    		</div>
    	</div>

    Im übrigen habe ich auch noch das Problem, dass ich das ganze nicht passend positioniert bekomme. Als quasi PHP-Laie der nach dem "trial and error"-Prinzip vorgeht schon eine echte Herausforderung.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • um Sachen auf einer Website zu positionieren brauchst nur CSS nix nada niente php aber da ist was falsch genau schauen wie ich das verändert habe
    das zweite Bild kannst selbst ändern -sicher ichbin ;)

    also der img tag hat kein /img sondern ist ein selbschließender Tag den man mit einem <img ... /> beendet


    PHP
    <div class="tab_maschine_125">
            <div class="tab_maschine_125_in">
                <a href="#" title="Werbeplatz 1 Jetzt buchen!" ><img src="<?php bloginfo('template_url'); ?>/images/125x125.gif" width="150" height="150" alt=""   />  </a>
                
            </div>
        </div>
  • Habe das umgesetzt, lokal und nun sieht das ganze etwas arg anders aus.

    Hier die neue Ansicht!

    Auf dem Bildschirmfoto sieht man den Größenunterschied ganz deutlich!

    Soweit ich das jetzt verstanden habe liegt das nun aber an der CSS, also muss ich das dann dort ändern, oder?

    Vielleicht stehe ich auch mal wieder mit ganzer Kraft auf der Leitung... :lol:

  • ja ich bin mir aber nicht sicher, ob da nicht irgendwo die Größe bechränkt wird etc

    dazu müßt ich quellcode etc sehen also im Browser

    das Bild wird querformat angezeigt mit 150 150 sollt es aber quadratisch sein ...hat man mir erklärt 8-)

    oooooooooooops
    die sollen 125 125 sein

    dann musst du widht und height von 150 auf 125 ändern aber beim Dateinamen steht 150 150 --??

    lg

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!