Anzeige

Elemente Zentrieren und Navileiste Buttons

Elemente Zentrieren und Navileiste Buttons | PSD-Tutorials.de

Erstellt von seryogaffm, 10.09.2009.

  1. seryogaffm

    seryogaffm Guest

    Elemente Zentrieren und Navileiste Buttons
    Hallo, ich ich habe mir ein layout in photoshop erstellt also ein

    hintergrundbild
    Banner
    Navigationsleisten Buttons für Home Gästebuch Bücher

    jetzt verstehe ich aber nicht wie ich das hintergrundbild mit css einbinde und
    den Banner oben zentriere. die in html erstellte liste mit den Navi Links Home Gästebuch und Bücher links unter dem Banner mit den Navi Buttons in Photoshop erstellt zu den Links einbinde und der inhalt müsste rechts neben
    der Navileiste sein und natürlich unter dem Banner.
     
    #1      
  2. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    Elemente Zentrieren und Navileiste Buttons
    AW: Elemente Zentrieren und Navileiste Buttons

    Hast du überhaupt schon was gemacht (HTML/CSS)? Lass mal sehen!
    Der Link in meiner Signatur verrät dir, wie du am schnellsten die beste
    Hilfe bekommst.
     
    #2      
  3. felo

    felo Noch nicht viel geschrieben

    Dabei seit:
    02.09.2009
    Beiträge:
    4
    Geschlecht:
    männlich
    Elemente Zentrieren und Navileiste Buttons
    AW: Elemente Zentrieren und Navileiste Buttons

    schaue doch am besten mal bei selfhtml.org
    denke mal das du da einige nutzliche dinge finden wirst
     
    #3      
  4. stonie08

    stonie08 Nicht mehr ganz neu hier

    Dabei seit:
    06.02.2009
    Beiträge:
    89
    Geschlecht:
    männlich
    Elemente Zentrieren und Navileiste Buttons
    AW: Elemente Zentrieren und Navileiste Buttons

    Würde mal da schauenSELFHTML: Stylesheets / CSS-basierte Layouts / Mehrspaltige Layouts

    Und einfach ne Art Box mit fixer Breite erstellen die Zentriert ist mit CSS (text-align:center)
    und dann des Menü mit ner <div></div> Box und float:left Der Inhalt fließt dann da herum und kannst ja zusätzlich noch ne Box erstellen. Aber genaueres steht eh im Link
     
    #4      
  5. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    Elemente Zentrieren und Navileiste Buttons
    AW: Elemente Zentrieren und Navileiste Buttons

    Vielleicht solltest du mal selbst in deinen geposteten Link schauen, was soll denn das werden, wenn es fertig ist?
     
    #5      
  6. stonie08

    stonie08 Nicht mehr ganz neu hier

    Dabei seit:
    06.02.2009
    Beiträge:
    89
    Geschlecht:
    männlich
    Elemente Zentrieren und Navileiste Buttons
    AW: Elemente Zentrieren und Navileiste Buttons

    Ich bin davon ausgegangen dass er Grafiken erstellt hat die er nun in eine Webseite einbauen will?! Eben Hintergrundgrafik, Banner und die Menüleiste?! Was seiner Beschreibung zu Folge nach einem 2 spaltigem Layout gleicht.

    lg,
    - stonie -
     
    Zuletzt bearbeitet: 13.09.2009
    #6      
  7. seryogaffm

    seryogaffm Guest

    Elemente Zentrieren und Navileiste Buttons
    AW: Elemente Zentrieren und Navileiste Buttons

    hallo jungs danke für eure antworten ich hab vor mir eine internet seite auf css basis zu erstellen für mich Kamerasecurity .

    habe mir einige css tutorials durchgelesen und angefangen an der page ist aber noch ultra beta stadium wird noch dauern bis ich alles verstanden habe.

    Habe mehrere <div> benutzt um die seite zu unterteilen, z.b kopfbereich fussbereich inhalt navibar.


    hier mein quelltext jungs für die leute die auch so etwas machen möchten aber neulinge sind.

    Code (Text):
    1. h1 { color:#003333; font-size:36px;
    2. text-align:center; }
    3.  
    4. body,html {
    5.     color:#000000;
    6.     font-size:16px;
    7.     text-align:center;
    8.     list-style-type: none;
    9.     height:100%;
    10.    
    11. }
    12. #wrapper
    13. {
    14.     min-height:100%;
    15. }
    16. #inhaltsbereich
    17.  
    18. {
    19.     margin-left:200px;
    20.     background-attachment:fixed;
    21.     background-image: url(testpage/main.jpg);
    22.     background-repeat:no-repeat;
    23.     width:800px;
    24. }
    25.  
    26. #kopfbereich    
    27.  
    28. {
    29. margin-left:200px;
    30. }
    31.  
    32. #fussbereich
    33. {
    34.  
    35. background-color: silver;
    36.     height:2.5em;
    37.     margin-top:8.5em;
    38. margin-left:200px;
    39.  
    40. }
    41. #fussbereich li {display:inline;}
    42.  
    43. #volleseite
    44. {
    45.  
    46. }
    47.  
    48. #navigation
    49. {
    50. background-color:#FF0033;
    51. width:150px;
    52. float:left;
    53.  
    54. }
     
    Zuletzt von einem Moderator bearbeitet: 14.09.2009
    #7      
x
×
×