mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 03.12.2016 01:29 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: 28
Geschlecht: Männlich
Verfasst Fr 12.05.2006 13: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 14:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 35
Geschlecht: Männlich
Verfasst Fr 12.05.2006 13: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 13:33, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
CinKon
Threadersteller

Dabei seit: 24.04.2006
Ort: Leipzig
Alter: 28
Geschlecht: Männlich
Verfasst Fr 12.05.2006 13: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: 35
Geschlecht: Männlich
Verfasst Fr 12.05.2006 13: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 css display bei horizontal
[CSS] Horizontal Scrollen
Navigation Horizontal mit CSS
[CSS] Seite horizontal zentrieren
[CSS] 100% horizontal Scrollbar im FF?
[CSS] Textnavigation horizontal zentrieren
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.