Ergebnis 1 bis 4 von 4

Thema: css link hintergrund

  1. #1
    imaginärer User
    Registriert seit
    21.05.2007
    Beiträge
    141
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard css link hintergrund

    nabend helfts ma bitte amal kurz

    i hab a vertikales und a horizontales menü

    beim vertikalen menü is das einfügen der hintergrundgrafik ka problem
    nur beim vertikalen wird, obwohl ich die höhe und breite angeb, nicht der gesamte hintergrund dargestellt.

    bitte um einen kleinen denkanstoß [=

    hier die codes

    ---------------------------------

    body {

    background-color: black;
    color: white;

    }




    #wrap {

    background-color: black;
    color: white;

    }


    .men1 {


    background-image: url(oben3.png);
    color: black;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 78px;

    text-align: right;


    border: 0px;

    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin: bottom: 0px;

    padding-top: none;
    padding-left: none;
    padding-right: none;
    padding-bottom: none;

    }


    .menu {

    float: left;
    background-color: transparent;
    color: black;
    position: fixed;
    width: 108px;
    left: 5px;
    top: 130px;
    height: 300px;



    padding-top: 10px;
    padding-right: none;
    padding-left: none;
    padding-bottom: none;

    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;

    margin-top: 0px;
    margin-left: 0px;
    margin-right: 2px;
    margin: bottom: 0px;



    }

    #text {

    background-color: #faebd7;
    color: black;

    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;

    margin-top: 90px;
    margin-left: 104px;
    margin-right: 10px;
    margin: bottom: 10px;

    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;


    }






    .menu a:link {

    color: black;
    background-color: transperent;
    text-decoration: none;
    padding: 10px;
    margin: 10px;

    }

    .menu a:visited {

    color: red;
    border: 0px solid red;
    background-color: grey;


    }


    .menu a:hover {

    color: black;
    background-color: transperent;



    }

    .menu a:focus {



    }

    .menu a:active {

    color: red;
    border: 1px solid red;
    background-color: grey;

    }












    .men1 a:link {

    color: white;
    height: 50;
    width: 110px;
    text-decoration: none;
    padding: 4px;


    }

    .men1 a:visited {

    color: red;
    border: 0px solid red;
    background-color: grey;


    }


    .men1 a:hover {

    color: white;
    border-bottom: 2px solid black;




    }

    .men1 a:focus {



    }

    .men1 a:active {

    color: red;
    border: 1px solid red;
    background-color: grey;

    }


    .menu li {

    background-image: url(pfeil.png);
    list-style-type: none;
    width: 94px:
    height: 35px;
    margin: 5px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;

    }


    .menu ul {

    width: 80%;
    padding-right: 10px;


    }



    .men1 li {

    background-image: url(men1.png);
    width: 110px;
    height: 50px;
    list-style-type: none;
    display: inline;
    margin-right: 20px;

    }

    .men1 ul {

    width: 90%;
    height: 60px;
    right: 30px;
    top: 20px;


    }

    -----------------

    .men1 ist das problemkind

    danke schonmal im vorraus

    tigpl
    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
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Link oder der dazugehörige HTML-Quelltext könnten hilfreich sein.

  3. #3
    imaginärer User
    Themenstarter

    Registriert seit
    21.05.2007
    Beiträge
    141
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
    <link href="css.css" rel="stylesheet" type="text/css" />



    <title> Test </title>
    </head>
    <body>

    <center>

    <div id="wrap">


    <div class="men1">
    <ul>[*]Wir..[*]Motorrad[*]Pferd[*]Gallerie[*]Kontakt

    [/list]

    </div>

    <div class="menu">
    <ul>[*]Wir..[*]Motorrad[*]Pferd[*]Gallerie[*]Kontakt

    [/list]

    </div>

    <div id="text">

    TEXT

    </div>

    </div>

    </center>

    </body>
    </html>

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

    Standard

    obwohl ich die höhe und breite angeb, nicht der gesamte hintergrund dargestellt.
    Wie meinst du das?
    Passt die Grafik nicht in .menu1?
    Dann könnte es daran liegen, dass die Grafik größer ist als der div. Dieser ist 78px hoch. Wenn die Grafik höher ist, dann passt sie auch nicht rein.

Ähnliche Themen

  1. Hintergrund
    Von El im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 24.05.2007, 00:00
  2. Hintergrund
    Von vision2003 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 11.11.2006, 12:40
  3. hintergrund per link ändern
    Von patrick weinberg im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 03.10.2006, 09:41
  4. Hintergrund?!
    Von Pitchfork im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 24.09.2005, 13:25
  5. bild als link ohne link-markierung
    Von Kanzler2 im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 06.04.2005, 23:14

Stichworte

Berechtigungen

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