Banner Problem

    Hallo, ich habe seit 2 Tagen das Problem das ich keinen Banner dahin bekomme wo ich es hin will!.

    Vielleicht könnt ihr mir endlich weiter helfen.

    So soll es aussehen:
    imgBOX.de - Flirten - Chatten - an Freunde verschicken

    und so nicht:
    imgBOX.de - Flirten - Chatten - an Freunde verschicken

    und so auch nicht (da geht der Banner mit dem Browser mit wenn ich es verkleinere)
    imgBOX.de - Flirten - Chatten - an Freunde verschicken

    Bitte besteinigt mich nicht gleich, bin kein Held sachen nonprint (webdesign) deswegen habe ich auch zu wordpress gegriffen weil es eben mir vieles erleichtern soll!.
    Ich hoffe auch gute nette Hilfe, von meiner Seite aus dankeschön schonmal im vorraus!.

    Die inks sind alle Virenfrei und von einem Mac hochgeladen!.

    lg

    • Gerade eben
    • 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

    Was meinst du? Bau erstmal dein HTML so um wie ich schrieb (den Banner in #wrapper), dann schauen wir weiter.

    Tutorials für CSS-Layout findest du sicher 100 im Netz - mit 150 verschiedenen Arten wie du dein Problem angehen kannst. ;-)

    Ehrlich gesagt blick ich gar net mehr durch!. Der Banner der jetzt drin ist hat Jemand anders rein gesetzt. wie gesagt bin mehr als ne flasche im web bereich!. Das problem ist das ich auch net jeden mit nerven will weil ich mein hirn net dazu bekomme es zu lernen :(

    in dem theme ordner sind folgenede datein:
    404.php
    archive.php
    category.php
    comments.php
    Defaultstyle.php
    footer.php
    functions.php
    Grungestyle.css
    header.php
    home.php
    ie6style.css
    iestyle.css
    index.php
    Oceanicstyle.css
    page.php
    sidebar.php
    simple_recent_comments.php
    single.php
    Style.css
    Subtletystyle.css
    timthump.php

    Wenn du mir sagen würdest wo das genau ist dann würde ich es evtl umsetzen können!. :( *zitter*

    Also ich habe es jetzt soweit geschaft das ich den Banner an der stelle posotioniert habe wo ich es haben wollte!.
    Wie kriege ich jetzt eine verlinkung in den Banner rein?

    #wrapper2 {
    width: 1100px;
    margin: auto;
    padding: 0px 0px 0px 150px;
    background-color: #;
    margin-top: 93px;
    background-image: url(images/banner120x600.jpg);
    background-repeat: no-repeat;
    background-position: 1120px top;
    }


    #container {
    float: left;
    width: 950px;
    padding-top: 15px;
    color: #727272;
    background-image: url(images/content-bg.gif);
    }

    sollte es doch in den wrapper einbauen :) ohh jee ich werde noch verrückt und ich habe mich schon gefreut da sich mal was geschaft habt ^^
    ich gib auf! :oops:

    Mmh, ich merk schon, da muss ich ganz unten anfangen. :-)

    Also erstmal ohne CSS, nur das reine HTML-Markup.

    HTML
    <div id="wrapper2">
  <div id="container">
    <!-- Inhalt -->
  </div>
  <div style="clear: both;"/>
</div>


    So sieht dein Markup zur Zeit aus.
    #wrapper2 umschließt die gesamte Seite, #content enthält den Inhalt. Wenn du jetzt einen Banner neben dem #content haben willst, dann kommt der in den #wrapper2, nach #content.

    HTML
    <div id="wrapper2">
  <div id="container">
    <!-- Inhalt -->
  </div>
  <div id="banner">
    <!-- Bannercode -->
  </div>
  <div style="clear: both;"/>
</div>


    In den #banner-Container kommt dann dein Bannercode, samt Anker und Bild. Alles HTML, kein CSS bis hier!

    Jetzt kommt CSS ins Spiel:
    Du kannst den #content links ließen lassen (float:left), der #banner rutscht dann rechts daneben, solange genug Platz vorhanden ist. Dass auch immer genug Platz vorhanden ist kannst du mit Breitenangaben (width) steuern.

    Nützliche Links zum Einstieg, mit vielen Erklärungen und Tutorials:
    SELFHTML 8.1.2 (HTML-Dateien selbst erstellen)
    CSS 4 You - The Finest in Stylesheets

    Nimm dir mal die footer.php her und füge dort den Bannercode ein:


    Wenn das drin ist sag bescheid, dann schauen wir mal nach dem CSS.

    Super. Die URL zur Bannergrafik ist noch falsch. Ich nehm mal an die liegt im Theme-Verzeichnis? Dann so:

    PHP
    <img src="[COLOR="#ff0000"]<?php bloginfo('template_url') ?>/[/COLOR]banner120x600.jpg" alt="Novum" [B][COLOR="#ff0000"]/[/COLOR][/B]>


    Dann wird dort automatisch die URL zu deinem Theme eingefügt.

    Dann ändere bitte deine Defaultstyle.css (Zeile 14):

    Code
    #wrapper2 {
background-color:#EFEFEF;
margin:93px auto auto;
padding:0;
width:[COLOR="Blue"][B]950px[/B][/COLOR];
[COLOR="Red"]position:relative;[/COLOR]
}


    width vergrößerst du um die Breite deines Banners, also auf etwa 1110px. position:relative fügst du als neue Eigenschaft ein.

    Dann fügst du noch eine neue CSS-Regel in die Defaultstyle.css ein (wo ist egal, z.B. ans Ende):

    Code
    #main-banner {
display:block;
position:absolute;
top:0;
right:0;
}

    Soweit erstmal, wenn du das eingebaut hast schauen wir weiter.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden