Ergebnis 1 bis 9 von 9

Thema: Problem mit bild/menü im "header"

  1. #1
    Teeny
    Registriert seit
    23.09.2007
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit bild/menü im "header"

    hi!

    ich wollte für die neue version meiner team-page ein neues übersichtliches menü verwenden... lief auch ganz ohne probleme...

    jetzt wollte ich noch im oberen bereich der homepage, wo das menü auc hstehen sollte, zusätzlich zu etwas text noch ein bild reinpacken...

    text und bild sind im bereich... aber das menü ist unten raus gerutscht

    dann hab ichs ein bisschen mit tabellen umgebaut... jetzt ist das menü zwar im bereich, aber über text und bild (gehört darunter) und text+bild rutschen unten aus dem bereich raus...

    könnt es euch selbst anschaun....

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <title>FACTION Paintball - Startseite</title>
    <meta name="Georg Petrin" content=User>
    
    <style type=text/css>
    /* ================================================================
    This copyright notice must be untouched at all times.
    
    The original version of this stylesheet and the associated &#40;x&#41;html
    is available at http&#58;//www.cssplay.co.uk/menus/basic_dd.html
    Copyright &#40;c&#41; 2005-2007 Stu Nicholls. All rights reserved.
    This stylesheet and the assocaited &#40;x&#41;html may be modified in any
    way to fit your requirements.
    =================================================================== */
    /* remove the bullets, padding and margins from the lists */
    .menu ul&#123;
    list-style-type&#58;none;
    padding&#58;0;
    margin&#58;0;
    &#125;
    /* make the top level links horizontal and position relative so that we can position the sub level */
    .menu li&#123;
    float&#58;left;
    position&#58;relative;
    z-index&#58;100;
    &#125;
    
    /* use the table to position the dropdown list */
    .menu table&#123;
    position&#58;absolute;
    border-collapse&#58;collapse;
    z-index&#58;80;
    left&#58;-1px;
    top&#58;25px;
    &#125;
    
    /* style all the links */
    .menu a, .menu &#58;visited &#123;
    display&#58;block;
    font-size&#58;12px;
    width&#58;150px;
    padding&#58;7px 0;
    color&#58;#ffff00;
    background&#58;#000000;
    text-decoration&#58;none;
    margin-right&#58;1px;
    text-align&#58;center;
    border&#58; 1px solid yellow
    &#125;
    /* style the links hover */
    .menu &#58;hover&#123;
    color&#58;#ffff00;
    background&#58;#7F7F7F;
    &#125;
    
    /* hide the sub level links */
    .menu ul ul &#123;
    visibility&#58;hidden;
    position&#58;absolute;
    width&#58;149px;
    height&#58;0;
    &#125;
    /* make the sub level visible on hover list or link */
    .menu ul li&#58;hover ul,
    .menu ul a&#58;hover ul&#123;
    visibility&#58;visible;
    &#125;
    </style>
    
    <style type=text/css>
    <!--
    body
    &#123;
    color&#58;#ffff00;
    background-color&#58;#7F7F7F;
    font-family &#58; ARIAL,HELVETICA, sans-serif;
    font size &#58; 20px;
    margin &#58; 0px;
    padding&#58;0px;
    &#125;
    
    .oben&#123;
    background&#58;#000000;
    padding&#58;5px;
    height&#58;100px;
    margin&#58;0;
    border&#58;3px solid;
    border-top-color&#58;black;
    border-right-color&#58;#000000;
    border-left-color&#58;#000000;
    border-bottom-color&#58;#ffff00;
    &#125;
    
    .main&#123;
    background&#58;#000000;
    float&#58;left;
    padding&#58;5px;
    width&#58;77%;
    heigth&#58;400px;
    margin&#58;15px;
    border&#58;2px solid yellow;
    &#125;
    
    .box&#123;
    background&#58;#000000;
    padding&#58;5px;
    margin&#58; 15px 15px  0 80%;
    border&#58;2px solid yellow;
    &#125;
    
    -->
    </style>
    </head>
    
    <body link=#FFFF00 alink=#FFFF00 vlink=#FFFF00>
    
    
    
    <div class=oben>
     <code>
      <font size=+4>
       <center>
       <table>
        <tr>
         <td>    FACTION Paintball
    
     </td>
         <td colspan=150></td>
         <td><div align=right>[img]pic.jpg[/img]</div></td>
        </tr>
       </center>
      </font>
      <tr>
      <div class=menu>
       <center>
        <ul>[*]<a href=ntur.html>turniere[*]<a href=nnullsieben.html>news 07[/list]
         [*][url="member.html>-das"]
         
          <ul>[*]<a href=about.html>über uns[*]<a href=wins.html>erfolge</a>[/list]
         
         [*]<a href=forum.html>forum[*]<a href=ext.html>extern</a>[/list]
         
         [*]<a href=konli.html>ligen[/list]
         
         [/list]
       </center>
      </div>
      </tr>
     </table>
    </div>
    
    <div class=main>
     <code>
      <center>
       
    
       <table>
        <tr>
         <td>
          mitglieder</font>[/b]
         </td>
         <td colspan=50></td>
         <td>
          news</font>[/b]
         </td>
       </tr>
     </table>
     
    
    
      <img src=start.jpg height=400>
     
    
    
    
     <table>
      <tr>
       <td>
        kontakt</font>[/b]
       </td>
         <td colspan=50></td>
         <td>
          forum</font>[/b]
         </td>
        </tr>
       </table>
      </center>
     </code>
    </div>
    
    <div class=box>
     <code>
      <center>
       
        Mit freundlicher Unterstützung von&#58;
       
       <hr color=#606060>
        <a href=http&#58;//www.maxs-sport.com/maxsat/ target=new >
         <img src=head_logo.jpg width=156 alt=maxs-austria border=0>
    
         Maxs Austria
        </a>
       <hr color=#606060>
        <a href=http&#58;//www.paintballpark.at/cms/ target=new>
         <img src=pap_c.gif width=100 alt=pap border=0>
    
         Paintball Action Park
        </a>
       <hr color=#606060>
        <a href=http&#58;//www.jtusa.com/ target=new>
         <img src=jt_logo.png width=200 alt=jt-usa border=0>
    
         JT Paintball
        </a>
       <hr color=#606060>
        <h1>Danke!</h1>
     </code>
    </div>
    
    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich tip mal du meinst das hier: <div align=right>[img]pic.jpg[/img]</div>

    versuch mal des image nicht als bild selber, sondern als hintergrund einzubinden.
    z.b. in deine class "oben"

    -> background-image:url(pic.jpg);
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    23.09.2007
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ja genau das hab ich gemeint

    wenn ichs mit background image mach (hab ich schon versucht) kommt das bild mehrmals nebeneinander, sehr groß (also nur die obere hälfte) in den hintergrund...

    das is aber nicht was ich will... es soll nur 1 mal auf der rechten seite kommen... ohne das es gestreckt oder gedehnt oder so wird...

    edit: hab jetzt geschafft das das bild nur noch 1 mal angezeigt wird, und auch an der richtigen position... aber momentan noch viiiel zu groß... was kann man da machen?

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    also ich tip mal drauf du hast es mit background-repeat und background-position
    richtig hingebracht ?

    die größe würd ich einfach mit nem grafik-programm verändern....
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Teeny
    Themenstarter

    Registriert seit
    23.09.2007
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    jap habs mit genau den beiden befehlen geregelt...

    ok... grafik programm.... auch gut... dachte das geht irgendwie mit einem html/css befehl... weil ich so das bild dann 2 mal in verschiedenen größen hochladen muss... das wollt ich mir sparen...

  6. #6
    Teeny
    Themenstarter

    Registriert seit
    23.09.2007
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    nurnoch eine kleine frage am rande... nicht zu diesem thema...

    wenn ich ein bild als link definiere (also <a><img></a>) hat es bei mir immer so einen gelben (linkfarbe is gelb) strich darunter... wie bekomm ich den weg??

  7. #7
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    img, a img, a img&#58;hover &#123;
    border&#58; none;
    &#125;
    Sollte so gehen.
    Gruß,
    jojo

  8. #8
    Teeny
    Themenstarter

    Registriert seit
    23.09.2007
    Beiträge
    28
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    da tut sich bei mir garnix...

  9. #9
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    setzt noch ein
    Code:
    text-decoration&#58; none;
    drunter

Ähnliche Themen

  1. menü "rutsch runter"?!
    Von freakincage2008 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 15.05.2008, 13:37
  2. Java Menü - "Steuerelement aktivieren"
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 16.09.2007, 19:44
  3. Seite verlinken+"Frame" mitten im Bild
    Von Locou im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 18.11.2006, 00:28
  4. Problem beim "Physlet" erstellen mit einer "f
    Von Freerider19 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 13.12.2004, 10:08
  5. Vertikales Java Menü "verankern"
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 14.08.2004, 13:43

Stichworte

Berechtigungen

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