mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 21:44 Benutzername: Passwort: Auto-Login

Thema: [CSS] Mouseover horizontal will nich vom 12.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Mouseover horizontal will nich
Autor Nachricht
CinKon
Threadersteller

Dabei seit: 24.04.2006
Ort: Leipzig
Alter: 36
Geschlecht: Männlich
Verfasst Fr 12.05.2006 14:27
Titel

[CSS] Mouseover horizontal will nich

 Antworten mit Zitat Zum Seitenanfang
Heideldiho liebe nachbarn!

Ich stell hier ne Frage von nem Kumpel rein,
mit dem ich grad an ner Website sitze!
Ich hab allerdings von Scripting keine ahnung,
deswegen hoff ich,
dass ihr mit seiner Beschreibung was anfangen könnt:

Zitat:

problem: (mit css)

menü -> 1 link besteht aus 3 buttons (a / hover / active)

also 1 button besteht eben aus 3 images,
wobei eben 1 image bei mouseover, eins bei klick
und eins normal angezeigt werden soll!

code:


Code:

a.home
{
background:url(../images/home.jpg);
display: inline;
width:92px;
height: 19px;
text-decoration:none;
}

a.home:hover
{
background:url(../images/home_over.jpg);
display: inline;
width:92px;
height: 19px;
text-decoration:none; }

a.home:active
{
background:url(../images/home_press.jpg);
display: inline;
width:92px;
height: 19px;
text-decoration:none; }



wenn man nun für "display: block;" schreibt alles wunderbar... nur die buttons liegen untereinander... sollen aber nebeneinander liegen

im inet erkundigt und erfahren, dass inline nur für positionierte elemente ... <a> ist eines davon.. aber warum wird kein link / image angezeigt?


Hoffe das reicht als Problembeschreibung!

[edit]
Titel geändert
Wichtig: HTML und CSS sind keine Programmiersprachen!
Verschoben von Programmierung nach Allgemeines - Nonprint

Zuletzt bearbeitet von tacker am Fr 12.05.2006 15:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 12.05.2006 14:33
Titel

Re: [CSS/PHP] Mouseover horizontal will nich

 Antworten mit Zitat Zum Seitenanfang
was er sucht ist die property "float".

css:
Code:

a.home
{
background:url(../images/home.jpg);
display: block;
width:92px;
height: 19px;
text-decoration:none;
float: left;
}

a.home:hover
{
background:url(../images/home_over.jpg);
}

a.home:active
{
background:url(../images/home_press.jpg);
}
a.home span {
display: none;
}
.clearer {
clear: both;
line-height: 1px;
height: 1px;
}


html:
Code:

<a href="#" class="home"><span>home</span></a><a href="#" class="home"><span>home</span></a><a href="#" class="home"><span>home</span></a>
<div class="clearer"></div>


Zuletzt bearbeitet von sahnemuh am Fr 12.05.2006 14:33, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
CinKon
Threadersteller

Dabei seit: 24.04.2006
Ort: Leipzig
Alter: 36
Geschlecht: Männlich
Verfasst Fr 12.05.2006 14:40
Titel

Antworten mit Zitat Zum Seitenanfang
ES LEEEEBT!!!
bzw. funktioniert!
Vielen Dank!
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 12.05.2006 14:41
Titel

Antworten mit Zitat Zum Seitenanfang
unter den links <div class="clearer"></div> nicht vergessen, sonst passieren lustige sachen mit den folgeelementen.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bildergalerie Mouseover andere Position & Mouseover Scroll
[CSS] 100% horizontal Scrollbar im FF?
Navigation Horizontal mit CSS
Div horizontal nebeneinander ?
css display bei horizontal
[CSS] Horizontal Scrollen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB