Ergebnis 1 bis 5 von 5

Thema: LI und Grafix richtig ausrichten

  1. #1
    HTML Newbie
    Registriert seit
    07.06.2008
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard LI und Grafix richtig ausrichten

    Hallo ich mache grade ein Design bin auch fast fertig aber die navi damit habe ich mal wida probleme

    Also so sieht sie aus


    So soll sie aussehen


    HTML Code
    Code:
    <div id="navi_head"><div id="navi">
        <ul>[*]Home[*]Board[*]Downloads[*]Kontakt[*]Impressum[/list]
         </div>
      </div>
    CSS Code
    Code:
    #navi li &#123;
    	background-image&#58;url&#40;../image/nav_button.png&#41;;
    	height&#58;43px;
    	width&#58;197px;
    	display&#58;block;
    	font-size&#58;15px;
    	text-align&#58;center;
    	font-weight&#58;bold;
    	margin-top&#58;5px;
    	font-variant&#58;small-caps;
    &#125;
    #navi_head &#123;
    	background-image&#58;url&#40;../image/navi_head.png&#41;;
    	width&#58;197px;
    	height&#58;47px;
    	float&#58;right;
    	margin-right&#58;12px;
    &#125;
    Die Schrift auf denn Buttons muss noch ein stück runter weil sie so einfach zu hoch ist und ja das soll am ende halt wie auf dem 2ten Picture aussehen.

    Ich hoffe jemand kann mir helfen wie ich das richten kann.
    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
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Code:
    #navi ul
    &#123; margin&#58;47px 0px 0px;
      padding&#58;0px;
    &#125;
    #navi li &#123; 
       background-image&#58;url&#40;../image/nav_button.png&#41;; 
       height&#58;43px; 
       width&#58;197px; 
       display&#58;block; 
       font-size&#58;15px; 
       text-align&#58;center; 
       font-weight&#58;bold;
       padding&#58;10px 0px 0px;
       margin-top&#58;5px 0px 0px; 
       font-variant&#58;small-caps; 
    &#125; 
    #navi_head &#123; 
       background-image&#58;url&#40;../image/navi_head.png&#41;; 
       width&#58;197px; 
       height&#58;47px; 
       float&#58;right; 
       margin-right&#58;12px; 
    &#125;
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    07.06.2008
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard



    So sieht es nun aus weil so wie du gesagt hast haben sie die Buttons Repeatet

    Wie bekomme ich denn font runda ohne das die buttons mit rutschen oder sich repeaten ?

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Code:
    #navi ul 
    &#123; margin&#58;47px 0px 0px; 
      padding&#58;0px; 
    &#125; 
    #navi li &#123; 
       background-image&#58;url&#40;../image/nav_button.png&#41;;
       background-repeat&#58;no-repeat; 
       height&#58;43px; 
       width&#58;197px; 
       display&#58;block; 
       font-size&#58;15px; 
       text-align&#58;center; 
       font-weight&#58;bold; 
       padding&#58;5px 0px 0px; 
       margin-top&#58;5px 0px 0px; 
       font-variant&#58;small-caps; 
    &#125; 
    #navi_head &#123; 
       background-image&#58;url&#40;../image/navi_head.png&#41;; 
       width&#58;197px; 
       height&#58;47px; 
       float&#58;right; 
       margin-right&#58;12px; 
    &#125;
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Im IE 6 verursacht float: right im Zusammenhang mit margin-right den IE-Doubled-Float-Margin-Bug

    Gib deshalb dem #navi_head noch ein
    Code:
    display&#58; inline;

Ähnliche Themen

  1. Text richtig ausrichten
    Von fredz9r im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 15.07.2008, 15:19
  2. bild ausrichten
    Von force im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 06.07.2008, 22:09
  3. CSS Am Bottom ausrichten
    Von Dikra im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 30.01.2008, 09:50
  4. Hintergrundbild ausrichten?
    Von andi61 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 22.01.2007, 01:06
  5. Textabsätze ausrichten
    Von Guest im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 12.10.2006, 14:38

Stichworte

Berechtigungen

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