Grafiken werden nicht angezeigt

  • Hi,

    ich bin im WP noch relativ neu und habe nun folgendes Problem:

    Ich benutze das Theme Trendy, ich habe die Sidebar entfernt und
    will die Artikel in der MItte haben (was bis jetzt auch geklappt hat),
    nun wollt ich die corner.jpg auf beiden Seiten haben und habe es mit:


    Es wird jedoch nur der corner rechts angezeigt.
    Ich weiß es muss irgendwas mit der größe zu tun haben,
    aber ich bekomm es einfach nicht hin.....


    Zudem habe ich das Problem, dass auch wenn ich nur das normale
    corner hab, also ohne den zweiten selbst eingebauten, dass nur
    der erste Artikel diesen corner hat und sonst keine mehr.


    Ich verzweifel^^

    Mfg

    • 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

  • Leider liegt es nicht daran, habe es schon Dutzende male veruscht =(


    Hier mal der Link zu meiner testsite:

    Ein Freund von mir sieht anscheinend bei allen Artikel
    einen Corner.

    Einmal editiert, zuletzt von pr1me (8. April 2008 um 14:42)

  • Hast du den Code exakt so drin? Dann gehts natürlich nicht. Du kannst dem #content-Container keine 2 Hintergrundbilder verpassen. Die 2. Angabe überschreibt dabei die erste.
    Da brauchst du einen weiteren Container (ohne Inhalt), dem du die rechte Ecke als Hintergrund verpasst und den Container dann entsprechend positionierst.

  • So ähnlich hatte ich mir das auch schon gedacht^^

    Das wars aber auch schon xD

    Hast du vllt einen Link o.ä.wo das ein wenig beschrieben ist?
    Ich weiß genau was du meinst, wie ich dies jedoch richtig
    durchführe is mir noch nich so ganz klar.

  • Such mal im Netz nach "rounded corners css", da solltest du einiges finden. Prinzipiell in etwa so:

    Code
    <div class="content">
      <div class="content-right-top"></div>
      more content...
    </div>


    Dann weist du .content die linke obere Eckgrafik zu und .content-right-top die rechte obere Eckgrafik. Dann postionierst du .content.right-top noch so dass es immer oben links steht, z.B. per float.

  • Danke für die hilfe, hab wieder viel gelernt =)

    Es bleibt aber noch ein Problem, die Corner sind
    nur beim obersten Artikel (bei mir zumindest, bei
    einem Freund anscheinend nicht....).


    Ich möchte sie gern bei jedem Artikel ham.
    Sieht das jemand bei jedem oder is das nur bei
    mir so das ich net bei allen seh^^


    mfg

  • Also ich weiß ja nicht was dein Freund für eine Seite sieht... :shock:

    Die Ecken weist du dem Container #content zu (ID "content"), der per Defintion nur 1x auftreten darf (wegen "id") und sämtliche Postings umschließt. Wenn du die Ecken bei jedem Artikel haben willst, dann weise diese dem Container .article (class "article") zu. Dieser umschließt jeden Artikel für sich.

    Tipp: Installier dir mal Firebug für deinen Firefox, damit kannst du das Stylesheet schön visualisieren und live entwicklen.

  • Perfekt, ich denke das ich es hinbekommen habe.
    Jeder Artikel hat nun Corner auf beiden Seiten, zwar
    noch ein wenig zuweit nach rechts verschoben, aber
    das werd ich wohl auch noch hinbekommen =)

    Falls jemand wissen will wie^^:


    css:

    PHP
    .articleimg {
        background: transparent url(images/corner.gif) no-repeat top left;
           float: left;
           width: 768px;
            padding:15px;
    }

    index.php:

    PHP
    <div class="articleimg">


    Dann bedanke ich mich erstmal für Hilfe =)

    mfg

  • Leider komm ich noch nich so ganz zurecht.....

    Ich hab nun auf beiden Seiten des Artikels Corner, welche so Breit
    wie der Header sind.
    Nur das die Corner zuweit nach Rechts verschoben, bzw der
    Header zu weit nach Links verschoben ist.

    Und ich find ums verrecken nicht woran es liegt.
    Ich dachte wenn ich im CSS Header und Corner
    auf Center stell müsste es stimmen, so ist es leider nicht....

    Egal wie ich es im css einstell, es verändert sich nicht.
    (wenn ich das align weg mach, ändert sich auch nichts)
    codes:

    index.php

    PHP
    <div class="articleimg">
    <div class="article">
    <div class="headline">
    <h2 align="center"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    <div align="center"><span class="comments">
      <?php comments_popup_link('0', '1', '%'); ?>
    </span>
    </div>
    </div>
    </div>

    css:

    PHP
    #header {
        background: #1E1E1E url(images/logo.gif) no-repeat top center;
        height: 143px;
            width:768px;
        margin: 0; padding: 0;
    }

Jetzt mitmachen!

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