+ Antworten
Ergebnis 1 bis 5 von 5

Thema: Bild in Top Menu

  1. #1
    Neu an Board
    Registriert seit
    12.03.2007
    Beiträge
    46
    Bedankte sich
    8
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard Bild in Top Menu

    Hallo Leute,
    Hab jetzt schon versucht die Lösung über die Suchfunktion zu finden, allerdings bin ich dort leider nicht fündig geworden.
    Ich erstelle gerade eine Seite und möchte dabei im Top Menu linksbündig eine Grafik haben und dann mit etwas Abstand sollen die Menüpunkte kommen. Habe ein bisschen rumprobiert und die einzige Lösung, die ich gefunden habe, war folgende: ich habe die navbar von links eingerückt und habe dem ganzen ein Hintergrundbild verpasst. Das Problem ist, dass ich mit einem Klick auf das Bild (Logo) zur Startseite zurrückkehren möchte. Wenn ich allerdings ein komplettes Banner dahinterlege, wäre ja die komplette Leiste dann mit der Startseite verlinkt.
    Aussehen soll das Ganze so:


    Ich hoffe mir kann jemand weiterhelfen, bin noch etwas unerfahren mit Joomla.
    Grüße
    Flo

  2. #2
    Neu an Board Avatar von nicolina
    Registriert seit
    01.01.2006
    Ort
    Fulda
    Beiträge
    57
    Bedankte sich
    3
    Erhielt 21 Danksagungen
    in 13 Beiträgen

    Standard

    Hallo, ich verstehe Deine Argumentation zwar nicht so ganz ("Wenn ich allerdings ein komplettes Banner dahinterlege, wäre ja die komplette Leiste dann mit der Startseite verlinkt"), aber machs doch einfach so:

    logobildchen in img-tag packen und link zur startseite draufsetzen
    verlinktes logo nach nach links floaten (float:left; width: ....)
    navbar nach rechts floaten (float:right; width: ....)
    mit jeweils margin zum linken bzw. rechten rand
    und anschließend natürlich ein clear im nachfolgenden element (clear:both

    oder mit position:relative

    aber das logo als hintergrundbild zu machen, neeee, da kannste ja höchstens nen leeren link als display:block auf dem hintergrund positionieren *brrrr* nixgut.

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board
    Registriert seit
    12.03.2007
    Beiträge
    46
    Bedankte sich
    8
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    habs jetzt mal geschafft das logo nach links zu setzen und drunter ist das top menu. link ist auch drauf. bräuchte jetzt das ganze nur noch in einer zeile



    so sieht mein PHP-code aus:
    PHP-Code:
        <? if(mosCountModules("user3")) {?>
            
            <div id="menu_logo">
                <a href="/joomla/"><img src="<?=$mosConfig_live_site?>/templates/<? echo $mainframe->getTemplate(); ?>/images/logo_menu.gif" alt="" border="0" />
            </div>    
             <div id="navbar">
                    
            <? mosLoadModules("user3",-2); ?> </div>
    und hier der CSS-code:
    Code:
    #menu_logo{
    background:#FFFFFF;
    width: 236px;
    margin:auto;
    float:left;
    }
    
    #navbar{
    background:#FFFFFF; 
    float:right;
    width:540px; 
    padding-left:260px; 
    height:120px;
     }
    nehm auch gern hilfe per ICQ oder skype an

  5. #4
    Mob
    Mob ist offline
    Neu an Board Avatar von Mob
    Registriert seit
    09.01.2007
    Beiträge
    30
    Bedankte sich
    3
    1 Danksagung in 1 Beitrag

    Standard

    Wenn du Screenshots postest, dann gleich auch die Browserversion

    also das margin:auto sehe ich mal nicht so ganz >> setz doch mal auf 0
    margin-left:260px macht das Element zu gross für das floaten im Elternelement >> setz auch mal auf 0

    Und?

  6. #5
    Neu an Board
    Registriert seit
    12.03.2007
    Beiträge
    46
    Bedankte sich
    8
    Erhielt 2 Danksagungen
    in 2 Beiträgen

    Standard

    habs mittlerweile selber irgendwie hinbekommen, trotzdem danke für deine hilfe
    browser war FF 2.0.0.14, werd ich mir angewöhnen :-) denke mal, dass da noch ein paar fragen kommen

+ Antworten

Lesezeichen

Berechtigungen

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