Ergebnis 1 bis 8 von 8

Thema: Andere farbe beim linkbutton

  1. #1
    wurmax
    Gast

    Standard Andere farbe beim linkbutton

    moin,
    ich versuche verzweifelt mit zwei verschiedenen Grafiken es so hin zu bekommen, dass wenn der Linkbutton nit angewählt isst die eine GRafik ist und wenn man ihn anwählt dann in einer anderen Farbe ist. Zweite Grafik. Ich poast hier jetzt mal meien Quelltexte als ocss und html.

    html quelltext:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Max Homepage-Startseite</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <table align="center" border="0" width="660" cellpadding="0" cellspacing="0">
    <tr>
    <td id="header" width="660" height="120">
    [img]grafiken/Banner.jpg[/img]
    </td>
    </tr>
    </table>
    <table align="center" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td id="navi">
    [img]grafiken/link_anders.jpg[/img]
    </td>
    </tr>
    </table>
    
    </body>
    </html>

    css quelltext:
    Code:
    body
    &#123;
    	background
    	color&#58;                  #000000;
    	margin-left&#58; 		0px;
    	margin-right&#58; 		0px;
    	margin-top&#58;		0px;
    	padding&#58; 		0px;
    	font-size&#58;		small;
    	font-family&#58; 		Verdana,Arial,;
             color&#58;                  #FFFFFF;
             height&#58;			100%;
    &#125;
    a.navlink&#58;link
    &#123;
    	background-image&#58;       url&#40;grafiken/link_normal.jpg&#41;;
    	text-decoration&#58; 	none;
    &#125;
    a.navlink&#58;visited
    &#123;
    	background-image&#58;       url&#40;grafiken/link_normal.jpg&#41;;
    	text-decoration&#58; 	none;
    &#125;
    a.navlink&#58;hover
    &#123;
    	background-image&#58;       url&#40;grafiken/link_normal.jpg&#41;;
    	text-decoration&#58; 	underline;
    &#125;
    a.navlink&#58;active
    &#123;
    	background-image&#58;       url&#40;grafiken/link_normal.jpg&#41;;
    	text-decoration&#58; 	none;
    &#125;
    
    .Schrift
    &#123;
             font-size&#58;               small;
             color&#58;                  #FFFFFF;
    &#125;
    #header
    &#123;
             width&#58;                   660px;
             height&#58;                  120px;
    &#125;
    
    #navi
    &#123;
             background-repeat&#58;       no-repeat;
             padding-right&#58;           825px;
             padding-left&#58;            0px
    &#125;
    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
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    1. ich würd des mit js lösen

    2. da steht überall des gleiche bild, kann ja nix ändern...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    wurmax
    Gast

    Standard

    wie soll cih das denn nach deiner meinung aufschreiben ?
    das is ja meine problem !

  4. #4
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wurmax,

    so meint driver das :

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Max Homepage-Startseite</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <style type="text/css">
    body &#123; margin&#58;  0px;font-size&#58; small;font-family&#58; Verdana,Arial,; color&#58; #FFFFF;&#125;
    
    a&#58;link &#123; background-image&#58;url&#40;rot.gif&#41;; text-decoration&#58;none;&#125;
    a&#58;visited&#123;background-image&#58;url&#40;grafiken/link_normal.jpg&#41;;text-decoration&#58; none;&#125;
    a&#58;hover &#123;background-image&#58;url&#40;blau.gif&#41;;text-decoration&#58;underline;&#125;
    a&#58;active&#123;background-image&#58;url&#40;grafiken/link_normal.jpg&#41;;text-decoration&#58; none;&#125;
    
    .Schrift&#123;font-size&#58; small;color&#58; #FFFFFF;&#125;
    #header&#123;width&#58;660px; height&#58; 120px;&#125;
    #navi&#123;background-repeat&#58;no-repeat;padding-right&#58; 825px;padding-left&#58;0px&#125; 
    </style>
    </head>
    <body>
    <table align="center" border="0" width="660" cellpadding="0" cellspacing="0">
      <tr>
        <td id="header" width="660" height="120">[img]grafiken/Banner.jpg[/img] </td>
      </tr>
    </table>
    <table align="center" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td>erster Link</td>
        <td>zweiter Link</td>
        <td>dritter Link</td>
        <td>vierter Link</td>
      </tr>
    </table>
    </body>
    </html>
    Gruß yeti66
    Angehängte Dateien Angehängte Dateien
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  5. #5
    wurmax
    Gast

    Standard

    moin,
    das is jetzt schon fast so wie ich mir es vorgestellt habe. nur wei krieg ich es hin, dass die buttons nicht nur in der größe bestimt werden können dadurch wie viel man dort rein schreibt, sonder das dieeine feste größe von 170X30 haben. ?

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    setz dei breite der zeile auf die größe.

    den text kannst dann mit padding-top / -right / -left / -bottm ausrichten
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hier noch mal was als Beispiel zum üben.
    Du mußt Dich schon etwas mit http://de.selfhtml.org/ auseinandersetzen.

    Gruß yeti66
    -------------------------------------------
    Es ist eben noch kein Meister vom Himmel gefallen.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Max Homepage-Startseite</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <style type="text/css">
    body &#123; margin&#58;0px;font-size&#58; small;font-family&#58; Verdana,Arial,; color&#58; #FFFFF;&#125;
    
    a&#58;link &#123;text-decoration&#58;none;color&#58; #000000; padding&#58;10px;background-color&#58;#cccccc;&#125;
    a&#58;visited&#123;text-decoration&#58;none;padding&#58;10px&#125;
    a&#58;hover &#123;text-decoration&#58;none;color&#58; #FF0000; padding&#58;10px;background-color&#58;#FFFF00;&#125;
    a&#58;active&#123;text-decoration&#58;none;&#125;
    
    .Schrift&#123;font-size&#58; small;color&#58; #FFFFFF;&#125;
    #header&#123;width&#58;680px; height&#58; 120px;&#125;
    #navi&#123;background-repeat&#58;no-repeat;padding-right&#58; 825px;padding-left&#58;0px&#125;
    </style>
    </head>
    <body>
    <table align="center" border="0" width="660" cellpadding="0" cellspacing="0">
      <tr>
        <td id="header">[img]grafiken/Banner.jpg[/img] </td>
      </tr>
    </table>
    <table align="center" bgcolor="#CCCCCC" width="680"   border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center">erster Link</td>
        <td align="center">zweiter Link</td>
        <td align="center">dritter Link</td>
        <td align="center">vierter Link</td>
      </tr>
    </table>
    </body>
    </html>
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

  8. #8
    König(in) Avatar von yeti66
    Registriert seit
    21.10.2005
    Ort
    Harz
    Alter
    51
    Beiträge
    1.152
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    lassen wir die Gurke von oben mal weg und machen Nägel mit Köpfen.
    Angehängte Dateien Angehängte Dateien
    Gruß yeti66
    ___________________________________________
    http://www.phpcontact.net/ Kontaktformulare für die eigene Hompage
    http://www.norbert-klippstein.de Freiberuflicher Musiker für individuelle Musikdienstleistungen

Ähnliche Themen

  1. PHP - Problem beim Senden der Mail und eine andere Frage
    Von Thonixx im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 27.11.2007, 09:44
  2. Iteration - andere class beim letzten Element
    Von marX im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 0
    Letzter Beitrag: 06.08.2007, 16:51
  3. andere formatierung beim drucken
    Von gast im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 19.06.2007, 15:57
  4. Farbe ändern beim phpbb board
    Von im Forum Webanwendungen - Webapplikationen
    Antworten: 3
    Letzter Beitrag: 08.09.2006, 14:19
  5. Beim Spielen HOHER PING andere im netzwerk nicht !
    Von HITMAN im Forum Computer - Internet Forum
    Antworten: 7
    Letzter Beitrag: 24.11.2005, 14:04

Stichworte

Berechtigungen

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