Ergebnis 1 bis 5 von 5

Thema: Problem bei horizontaler navigationsleiste

  1. #1
    Eike
    Gast

    Standard Problem bei horizontaler navigationsleiste

    Hallo
    also: Ich habe meine Homepages in Container geteilt, einer davon heisst #navi.

    in diesen Container #navi möchte ich nun nebeneinander 11 links, dargestellt durch GiFS anzeigen lassen, allerdings sieht man zwischen den Bildern Freiraum, daher passen diese nicht in eine Reihe...., ausserdem haben alle Buttons einen weißen rand!

    http://solo.so.ohost.de/Eike/



    Kann mir jemand Abhilfe verschaffen?

    Frohe Ostern

    Code:
    <body text="#ffffff" link="#FFffff" alink="#ffffff" vlink="#ffffff">
          <div id="rahmen">
          <div height="140" id="header"></div>
          <div id="navi">
    	[img]home.gif[/img]
             [img]news.gif[/img]
             [img]about.gif[/img]
             [img]rowing.gif[/img]
             [img]gallery.gif[/img]
             [img]web.gif[/img]
             [img]tuts.gif[/img]
             [img]files.gif[/img]
             [img]gbook.gif[/img]
             [img]contact.gif[/img]
             [img]disc.gif[/img]
          </div>
          <div id="news"></div>
          <div id="inhalt"></div>
          </div>
    </body>
    Stylesheet:

    Code:
    body &#123;font-family&#58; Arial;
          background-color&#58; #D3D3D3;&#125;
    #rahmen &#123;width&#58; 801px;
    	height&#58; 606px;
    	position&#58;absolute;
      	top&#58;50%;
      	left&#58;50%;
      	margin-left&#58;-400px;
     	margin-top&#58;-300px;
      	border&#58; solid #D3D3D3 0px;
             vertical-align&#58; middle; &#125;
    #header &#123;background-image&#58; url&#40;header.GIF&#41;;
    	height&#58; 140px;
    	width&#58; 800px;
    	border&#58; solid #D3D3D3 0px;&#125;
    #navi &#123;width&#58; 799px;
    	height&#58; 27px;
    	border&#58; solid #000000 0px;&#125;
    #news &#123;  float&#58;left;
    	width&#58; 125px;
    	height&#58; 433px;
    	border&#58; solid #000000 0px;&#125;
    #inhalt &#123;width&#58; 672px;
    	height&#58; 433px;
    	border&#58; solid #000000 0px;
             float&#58;right;&#125;
    #link_home
    	&#123;
             margin&#58; 0px
             border&#58; solid  #000000 0px&#125;
    #link_news
    	&#123;
              margin&#58; 0px
             border&#58; solid  #000000 0px&#125;
    #link_about
    	&#123;
              margin&#58; 0px
             border&#58; solid #000000 0px&#125;
    #link_rowing
    	&#123;
              margin&#58; 0px
              border&#58;solid #000000 0px&#125;
    #link_gallery
    	&#123;
              margin&#58; 0px
             border&#58; solid #000000 0px&#125;
    #link_gallery
    	&#123;
              margin&#58; 0px
             border&#58; solid #000000 0px&#125;
    #link_web
    	&#123;
              margin&#58; 0px
             border&#58; solid #000000 0px&#125;
    #link_tuts
    	&#123;
              margin&#58; 0px
             border&#58; solid #000000  0px&#125;
    #link_files
    	&#123;
              margin&#58; 0px
             border&#58; solid #000000 0px&#125;
    #link_gbook
    	&#123;
              margin&#58; 0px
             border&#58; solid #000000 0px&#125;
    #link_contact
    	&#123;
              margin&#58; 0px
             border&#58;solid #000000 0px&#125;
    #link_disc
    	&#123;
              margin&#58; 0px
             border&#58; solid #000000 0px&#125;
    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
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,

    Im Stylesheet kannst du z.B. notieren:

    a img {
    border: 0;
    }

    dann haben alle Bilder innerhalb von Links keinen Rahmen mehr.
    Es werden sonst automatisch Rahmen um Bilder innerhalb von Links hinzugefügt, die dann den Abstand ausmachen.

    Löst das dein Problem schon?

    Grüße,
    LizZard
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

  3. #3
    Gast

    Standard

    Hallo, vielen Dank, der Rand ist weg, zwischenraum aber immernoch da...

    LG

  4. #4
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Dann ergänze bitte den Tag zu:

    a img {
    margin: 0;
    padding: 0;
    border: 0;
    }

    und schreib mal alle Links in EINE Zeile.
    Ich hatte das Problem auch mal, und habs dadurch in den Griff bekommen. Ich weis nicht wieso, aber manchmal hilfts.

    Grüße,
    LizZard
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

  5. #5
    Gast

    Standard

    und schreib mal alle Links in EINE Zeile.


    Bei mir jetz auch ---> vielen Dank^^

Ähnliche Themen

  1. horizontaler scrollbar erscheint nicht
    Von manicwtc im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.07.2007, 14:25
  2. problem mit Navigationsleiste
    Von Daynap im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 01.06.2007, 22:51
  3. Navigationsleiste, etc.
    Von Monamo im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 07.09.2006, 12:02
  4. Navigationsleiste
    Von devilduck im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.05.2006, 12:32
  5. Nur Horizontaler Scroll (?)
    Von FreshMiller im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 01.06.2004, 16:18

Stichworte

Berechtigungen

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