[HILFE]Grafik Mehrfach Plazieren

  • [CENTER]Also ehm ich wollte male eine Firmen Homepage programmieren bzw. designen...
    Nur bin ich in html sozusagen ein anfänger und ich brauche eure hilfe.


    Hier hab ich die grafik:


    und ich will sie so haben:


    klar ich könnte 100 Mal <img src="nav.gif"> einfügen nur wei� ich einfach das es auch eine andere möglichkeit gibt blo� wei� ich nicht wie ich das jetzt anstelle.
    Ich will es in eine bestimmte länge so haben wie 300 pixel im google fand ich
    das soll eine Navibar werden und wär nett wenn mir auch jemand verraten würde wie ich auf Images schreiben kann.
    [/CENTER]

  • [HTML]
    .navibar
    {
    background:url(images/navi_bg.gif) repeat-x;
    width:300px;
    }
    [/HTML]und dann einfach via


    [HTML]
    <div class="navibar">...</div>


    bzw.


    <ul class="navibar"><li>...</li></div>
    [/HTML]


    einbinden.


    Nochmal in "schön":
    [HTML]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Navibar</title>
    <style type="text/css">
    <!--
    .navibar {
    background:url(images/navi_bg.gif) repeat-x;
    width:300px;
    }
    -->
    </style>
    </head>


    <body>


    <div class="navibar">
    Menüpunkt 1 | Menüpunkt 2 | Menüpunkt 3
    </div>


    <ul class="navibar">
    <li>Menüpunkt 1</li>
    <li>Menüpunkt 2</li>
    <li>Menüpunkt 3</li>
    </ul>
    </body>
    </html>
    [/HTML]

  • omg das hat so richtig reingehauen :) danke dir sehr.
    ich hab das mal gemacht hat ganz gut geklappt aber nun sieht das so aus:


    Das ist das img:
    I


    und ich hab jetzt:
    IIIIIIIIIIIIIIIIIIIIIIIIII


    und ich hab auch links drauf geaddet und:
    IIIIIIIIIIIIIIIIIIIIIIIIIIIIIII und dieser text ist drauf: Startseite... nur ist das in einer zeile aber ich will das der text genau in der mitte von der Navi ist also dem image.
    und wie ändere ich die schriftart vom Link auf Times New Roman ändern mfg


  • Frage bitte so stellen, dass sie lesbar und verständlich ist, danke.

    Quote


    und wie ändere ich die schriftart vom Link auf Times New Roman ändern mfg


    Code
    1. <style type=&quot;css&quot;>a { font-style:Times New Roman,serif; }</style>
  • Auf meiner hp siehts in mom so aus:


    ich will aber das der text in der mitte ist.
    Wie mach ich das?


    Off Topic:
    Hast du ein css code für mich dass alle links auf meiner seite in dieser grö�e anzeigen: 11px
    und ich brauch auchn css code der meine links in der Font: Times New Roman im Bold modus anzeigt.

  • Quote from scharkmann;23440


    Off Topic:
    Hast du ein css code für mich dass alle links auf meiner seite in dieser grö�e anzeigen: 11px
    und ich brauch auchn css code der meine links in der Font: Times New Roman im Bold modus anzeigt.


    Code
    1. a {font-weight: bold;font-style:Times New Roman,serif;font-size: 11px;}


    Quote from scharkmann;23440

    Auf meiner hp siehts in mom so aus:


    ich will aber das der text in der mitte ist.
    Wie mach ich das?


    Ach du meinst vertikal in der Mitte xD

    Code
    1. padding-top, padding-bottom: 2px;
  • der lnik code hat super gefunzt nur hat der andere code nicht gefunzt:

    Quote

    padding-top, padding-bottom: 2px;

    immernoch an der gleichen stelle :(


    Edit:
    padding-buttom: 2px;


    klappt super aber
    padding-top funzt nicht

  • Quote from Nop0x90;23456
    Code
    1. padding-top, padding-bottom: 2px;


    Was zur Hölle soll das bitte sein?


    Code
    1. padding:2px 0;


    Wenn schon, dann richtig ;)


    Padding -> Oben/Unten, Rechts/Links -> Oben, Rechts/Links, Unten -> Oben, Rechts, Unten, Links

  • Quote from NULL;23489

    Was zur Hölle soll das bitte sein?


    Code
    1. padding:2px 0;

    Wenn schon, dann richtig ;)


    Padding -> Oben/Unten, Rechts/Links -> Oben, Rechts/Links, Unten -> Oben, Rechts, Unten, Links


    wenn schon, dann richtig ;)
    [HTML]padding: 2px 0 2px 0px[/HTML]

    Quote from Nop0x90

    vertical-align: middle


    vertical align ist nur auf inline-elemente oder tabellen anwendbar, nicht vergessen.

    [SIZE=1]..2x2m Programmierboxen mit Neonlicht, sind definitiv geil!..[/SIZE]
    [SIZE=2]
    &quot;just find an easy way into the database...&quot;
    [/SIZE]
    [SIZE=1]~ the default is never good enough...


    [/SIZE]

  • Quote from //ins0.!;23514

    wenn schon, dann richtig ;)
    [HTML]padding: 2px 0 2px 0px[/HTML]


    Da muss ich dich leider enttäuschen mein Freund ;) Klugschei�en ist bei mir in Sachen CSS leider nicht ...



    Quote


    Padding -> Oben/Unten, Rechts/Links -> Oben, Rechts/Links, Unten -> Oben, Rechts, Unten, Links


    Dafür habe ich es extra noch einmal aufgeschrieben ...


    Das was ihr betreibt ist alles Trafficverschwendung, auch wenn es nur ein paar Byte oder Kbyte sind. Sobald ihr einmal mehr als 500.000 Unique User am Tag habt, wird euch das aber rapide auffallen ;)