ilch Forum » Allgemein » HTML, PHP, SQL,... » CSS problem

Geschlossen
  1. #1
    User Pic
    SteKu Mitglied
    Registriert seit
    25.03.2007
    Beiträge
    259
    Beitragswertungen
    2 Beitragspunkte
    Servus,
    ich habe mir nen CSS zusammen gebastelt welches aber nicht so richtig in meinen Browsern funzt.

    Will Buttons nebeneinander mit einem hintergrundbild.
    Mit folgender CSS funktioniert es zwar im IE aber nicht im Opera (und das nervt mich).

    #menu a {
    
    	display: inline;
    	color: #FFFFFF;
    	font-size: 14px;
    	background:#151515 url('bilder/menu.png') ;
    	width: 140px;
    	height: 25px;
    	line-height: 25px;
    	text-align: center;
    	vertical-align: middle;	
    	text-decoration: none;
    	font-family:  "Arial Rounded MT Bold";
    
    }
    
    #menu a:hover {
    	background-image: url('bilder/menuhover.png');
    }


    Wenn ich
    	display: inline;

    durch
    	display: block;

    für untereinander ersetze funktioniert es.
    Aber sobald ich display was anderes oder nix reinschreib funktioniert es nicht mehr.

    Achja es wird hinter der Schrift etwas angezeigt des "Bildes" aber nur so groß und breit wie die schrift.

    Hoffe es kann mir jemand helfen.

    Gruß
    SteKu
    Wer Rechtschreibfehler findet darf sie behalten.
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    -GoA][-Sniper Mitglied
    Registriert seit
    31.10.2007
    Beiträge
    1.468
    Beitragswertungen
    63 Beitragspunkte
    also schick am besten den hmtl code aber wenn du es nur mit divs machst dan machste es so

    #menu a {
    
        display: block;
        float: left;
        color: #FFFFFF;
        font-size: 14px;
        background:#151515 url('bilder/menu.png') ;
        width: 140px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        vertical-align: middle;    
        text-decoration: none;
        font-family:  "Arial Rounded MT Bold";
    
    }
    
    #menu a:hover {
        background-image: url('bilder/menuhover.png');
    }


    du nimmst einfach float: left; und danach bauste die am besten eine class z.B.
    .clear-both
    {
       clear: both;
    }

    und machste es nach dem den coder unter dem menü
    <div class="clear-both"></div>

    kannst es natürlich auch mit style machen aber gibt dan probleme mit einer validen index
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    SteKu Mitglied
    Registriert seit
    25.03.2007
    Beiträge
    259
    Beitragswertungen
    2 Beitragspunkte
    danke das reine float hat gereicht, das andere brauchte ich nicht, man man man.

    dann kann ich nun weiter machen
    Wer Rechtschreibfehler findet darf sie behalten.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten