[CSS] text-decoration:; für Links irgendwie falsch.....

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [CSS] text-decoration:; für Links irgendwie falsch.....

    Hi,

    auf folgender webseite

    www.jbo-wolbrechtshausen.de.vu

    werden die text-decoration befehle für die (Kategorie-)Navigation falsch interpretiert.

    So sollte es eigentlich sein: - Kategorienavigation (blauer Balken):
    Nichts unterstrichen; Nur Farbhover
    - Navigation:
    Aktiver Oberpunkt unterstrichen und fett; Aktiver unterpunkt kursiv.

    Bei mir zeigt der das irgendwie total wirr an. Das zerstört das halbe layout.

  • #2
    wie hast du denn die links definiert?
    INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


    Kommentar


    • #3
      Für die Kategorienavigation:

      Code:
       .main_navigation a:link {
                         color: #FFFFFF;
                         text-decoartion:none;
                         font-size: 12px;
                         cursor: crosshair;
                         }
      
      .main_navigation a:active {
                           color: #FA3D1B;
                           text-decoration: none;
                           font-size: 12px;
                           cursor: crosshair;
                           }
      
      .main_navigation a:visited {
                            color: #FFFFFF;
                            text-decoration: none;
                            font-size: 12px;
                            cursor: crosshair;
                            }
      
      .main_navigation a:hover {
                          color: #FA3D1B;
                          text-decoration: none;
                          font-size: 12px;
                          cursor: crosshair;
                          }
      Für die "Quicklinks" (impressum | kontakt):

      Code:
      .quicklinks a:link {
                               color: #FFFFFF;
                               text-decoartion:none;
                               font-size: 12px;
                               cursor: crosshair;
                               }
      
      .quicklinks a:active {
                                 color: #FA3D1B;
                                 text-decoration: none;
                                 font-size: 12px;
                                 cursor: crosshair;
                                 }
      
      .quicklinks a:visited {
                                  color: #FFFFFF;
                                  text-decoration: none;
                                  font-size: 12px;
                                  cursor: crosshair;
                                  }
      
      .quicklinks a:hover {
                                color: #FA3D1B;
                                text-decoration: none;
                                font-size: 12px;
                                cursor: crosshair;
                                }
      Für die Navigation:

      Code:
      .navigation a:link {
                         color: #003399;
                         text-decoartion: none;
                         font-size: 12px;
                         cursor: crosshair;
                         }
      
      .navigation a:active {
                           color: #003366;
                           text-decoration: none;
                           font-size: 12px;
                           cursor: crosshair;
                           }
      
      .navigation a:visited {
                            color: #003399;
                            text-decoration: none;
                            font-size: 12px;
                            cursor: crosshair;
                            }
      
      .navigation a:hover {
                          color: #003366;
                          text-decoration: none;
                          font-size: 12px;
                          cursor: crosshair;
                          }

      Kommentar


      • #4
        wo wird a definiert?

        und hast du auch das css mal validieren lassen? dabei wird einem schlecht ....
        hier nur ein auszug, da ohne xhtml validität der w3 validator das nicht macht ..
        Errors
        URI : file://localhost/TextArea

        * Line: 22 Context : font

        Property font-color doesn't exist : #000000
        * Line: 52 Context : *

        Parse Error - ****************** Global *********** .global font { font-family: Verdana; font-color: #000000; font-size: 12px; font-style: normal; font-variant: normal; cursor: crosshair; }
        * Line: 56 Context : .global a:link

        Property text-decoartion doesn't exist : none
        * Line: 84 Context : .global p

        Property font-color doesn't exist : #000000
        * Line: 106 Context : *

        Parse Error - ****************** Quick Navigation *********** .quicklinks font { font-family: Verdana; font-color: #000000; font-size: 12px; font-style: normal; font-variant: normal; cursor: crosshair; }
        * Line: 110 Context : .quicklinks a:link

        Property text-decoartion doesn't exist : none
        * Line: 138 Context : .quicklinks p

        Property font-color doesn't exist : #000000
        * Line: 145 Context : .quicklinks span

        Property font-color doesn't exist : #000000
        aber zuerste solltest du mal dein xhtml valide machen ...
        http://jigsaw.w3.org/css-validator/v...hellmaster.de/
        INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


        Kommentar


        • #5
          Code:
          .navigation a:link {
                             color: #003399;
                             text-[b]decoartion[/b]: none;
                             font-size: 12px;
                             cursor: crosshair;
                             }
          Also von text-decoartion hab ich noch nie was gehört

          Kommentar


          • #6
            Sorry, mein html style ist der schlechteste. werd das mal tun und dann updaten.

            Also meint ihr neben dem tippfehler validieren lassen und tun was die sagen, korrekt?

            Kommentar


            • #7
              ja. und dann noch weiter optimieren. du musst nicht alles 15mal im css haben ....
              INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


              Kommentar


              • #8
                mach ich mal danköööö....

                aber dann geht es auch ne???

                Beim w3c validator für css zeigt er mir nichts an, muss ich zuerst mein xhtml richtig haben?

                Kommentar


                • #9
                  natürlich. das steht doch dort auch!
                  INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                  Kommentar


                  • #10
                    Original geschrieben von Lord_Sikon
                    Code:
                                       cursor: crosshair;
                    ist das 'ne seite für einen schützenverein ...?
                    I don't believe in rebirth. Actually, I never did in my whole lives.

                    Kommentar


                    • #11
                      nein. das ist ein kirchlicher friseur...
                      INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                      Kommentar


                      • #12
                        klick auf deiner seite mal auf kontakt!

                        da kommen eine menge fehlermeldungen!

                        Warning: getimagesize() [function.getimagesize]: Read error! in /var/www/web70/html/includings/gallerie.php on line 108

                        Warning: Division by zero in /var/www/web70/html/includings/gallerie.php on line 112

                        Warning: imagecreatefromjpeg() [function.imagecreatefromjpeg]: gd-jpeg: JPEG library reports unrecoverable error: in /var/www/web70/html/includings/gallerie.php on line 116

                        Warning: imagecreatefromjpeg() [function.imagecreatefromjpeg]: './images/gallerie/aktuelles//.' is not a valid JPEG file in /var/www/web70/html/includings/gallerie.php on line 116

                        Warning: getimagesize() [function.getimagesize]: Read error! in /var/www/web70/html/includings/gallerie.php on line 117

                        Warning: Division by zero in /var/www/web70/html/includings/gallerie.php on line 120

                        Warning: imagecreatetruecolor() [function.imagecreatetruecolor]: Invalid image dimensions in /var/www/web70/html/includings/gallerie.php on line 126

                        Warning: imagecopyresampled(): supplied argument is not a valid Image resource in /var/www/web70/html/includings/gallerie.php on line 127

                        Warning: imagejpeg(): supplied argument is not a valid Image resource in /var/www/web70/html/includings/gallerie.php on line 128


                        Warning: getimagesize() [function.getimagesize]: Read error! in /var/www/web70/html/includings/gallerie.php on line 108

                        Warning: Division by zero in /var/www/web70/html/includings/gallerie.php on line 112

                        Fatal error: Cannot redeclare make_thumb() (previously declared in /var/www/web70/html/includings/gallerie.php:115) in /var/www/web70/html/includings/gallerie.php on line 115
                        Die wenigsten Fehltritte begeht man mit den Füssen.

                        Kommentar

                        Lädt...
                        X