css fragen

EinLieber · 23.11.11, 23:44

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 Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Da steht alles wichtige drin auch mit Erklärungen.

Info@Computer-hilfe · 27.11.11, 10:27

Zitat:

Zitat von EinLieber

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 =)

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

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).

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

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?