myGully.com - css fragen

myGully.com (https://mygully.com/index.php)

- Entwicklung & Programmierung (https://mygully.com/forumdisplay.php?f=72)

- - css fragen (https://mygully.com/showthread.php?t=2493886)

EinLieber

23.11.11 23:44

css fragen

hey leute
ich habe da ne frage unzwar ich hab da ne idee und weiß nicht wie ich die umsetzenkann
und zwar will ich eine navi leiste machen mit buttons die ich in photoshop gemacht hab und die sich bei hover ändern ...
wie kann ich das in css schreiben wenn das überhaupt geht

danke schonmal =)

fleXma90

24.11.11 09:09

Ist gar nicht mal so schwer. Kannst du über Klassen deklarieren, aber les am besten mal hier weiter:
[Link nur für registrierte und freigeschaltete Mitglieder sichtbar. Jetzt registrieren...]

Da steht alles wichtige drin auch mit Erklärungen.

Info@Computer-hilfe

27.11.11 10:27

Hover CSS3

Zitat:

Zitat von EinLieber (Beitrag 22993229)

Hallo,

Also mit CSS würde ich dir das nicht empfehlen, da das das neue
(CSS3) ist. Nicht jeder Browser unterstützt das schon.

Mach das per JavaS***** das geht in allen Browsern.
(Aus JavaS***** ist ausgeschalten).

Scherzkeks1979

30.11.11 23:24

Zitat:

Zitat von Info@Computer-hilfe (Beitrag 23004338)

so ein blödsinn ... wo ist das denn css3 wenn er in photoshop die bilder vorbereitet und per hover autauscht?

is alles css2

machen alle browser und ist übliches verfahren auf statischen seiten ...

refLye

01.12.11 12:42

Tipp 1: Nicht auf Info@Computer-hilfe hören, der hat Quatsch erzählt.

Tipp 2: Folgendes kopieren, in einer HTML-Datei abspeichern, öffnen, bestaunen und dann verstehen:

Code:

<!doctype html>

<html>

  <head>

    <style type='text/css'>

      #nav {

        background: red;

        overflow: auto;

      }



      #nav a {

        float: left;

        margin: 3px;

        margin-right: 0;

        background: f90;

        padding: 5px 8px;

        text-decoration: none;

      }



      #nav a:hover {

        background: #ff8;

      }

    </style>

  </head>

  <body>



    <div id='nav'>

      <a href='#'>#</a>

      <a href='http://www.google.de'>Google</a>

      <a href='http://www.mygully.com'>myGully</a>

      <a href='#'>#</a>

      <a href='#'>#</a>

    </div>



  </body>

</html>

Scherzkeks1979

07.12.11 18:09

Zitat:

Zitat von refLye (Beitrag 23019951)

Tipp 1: Nicht auf Info@Computer-hilfe hören, der hat Quatsch erzählt.

Tipp 2: Folgendes kopieren, in einer HTML-Datei abspeichern, öffnen, bestaunen und dann verstehen:

Code:

<!doctype html>

<html>

  <head>

    <style type='text/css'>

      #nav {

        background: red;

        overflow: auto;

      }



      #nav a {

        float: left;

        margin: 3px;

        margin-right: 0;

        background: f90;

        padding: 5px 8px;

        text-decoration: none;

      }



      #nav a:hover {

        background: #ff8;

      }

    </style>

  </head>

  <body>



    <div id='nav'>

      <a href='#'>#</a>

      <a href='http://www.google.de'>Google</a>

      <a href='http://www.mygully.com'>myGully</a>

      <a href='#'>#</a>

      <a href='#'>#</a>

    </div>



  </body>

</html>

die doctype würde ich aber nicht unbedingt nehmen ... *g*
ist die nicht html5?
oder wird die mitlerweile voll unterstützt?

Alle Zeitangaben in WEZ +1. Es ist jetzt 23:38 Uhr.