Highlight/Hover funktioniert nicht :S (Seite 2)

GFX-Sector - HTML, CSS

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Highlight/Hover funktioniert nicht :S

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS

Pages (2): « previous 1 [2]

Highlight/Hover funktioniert nicht :S

Author

Post

« Previous Thread | Next Thread »

Fireball Fireball is a male

Boardchef

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

werbefreies Forum?

Verdammt, hab meinen Fehler gefunden großes Grinsen

Hatte aus Versehen "background-url" geschrieben.
Richtig heißt es aber "background-image".

Zeitsparend?
Klar Wink

GFX-Sector - Your GFX-Source No. 1
Fireball liebt Firefox

Fireballs Giftliste

SEOball SEO-Blog
Browserspiele Portal
Follow me on Twitter

24.03.2009 21:02

samycarljohnson samycarljohnson is a male

Grafikpapst

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson

mhh... aber dann muss ich ja für jeden meiner 5 hoverbuttons eine eigene class in css anlegen...

likepoisyn.tumblr.com

24.03.2009 21:03

Fireball Fireball is a male

Boardchef

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Naja ist ja jetzt niht soo viel Arbeit, das meiste ist ja nur Copy & Paste und 1-2 Namen anpassen.

Wenn dir deine Variante lieber ist - gut - ich persönlich mag CSS lieber Wink

GFX-Sector - Your GFX-Source No. 1
Fireball liebt Firefox

Fireballs Giftliste

SEOball SEO-Blog
Browserspiele Portal
Follow me on Twitter

24.03.2009 21:05

samycarljohnson samycarljohnson is a male

Grafikpapst

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson

ich würd auch lieber css benutzen, aber ich bin noch ein ziemlicher html+css laie und da ist viel versuchen dabei. ich bin froh wenn überhaupt EINE möglichkeit klappt Zunge raus

likepoisyn.tumblr.com

24.03.2009 21:14

Cobra_Fast Cobra_Fast is a male

Zauberstabbenutzer

Registration Date: 02.05.2007
Posts: 16
Location: von hier!
Program: The GIMP 2

fresh sam. kann in seinem Fall garkein CSS benutzen, da er Bilder austauschen möchte.
Fireball's Weg ist etwas komplexer, nach Fireball müsste man die Anchors (<a>) den Bildern nach formatieren, was in allgemeiner Wurschtelei und Frust enden wird, da Anchors height und width in CSS nicht ohne weiters unterstützen.

Der Weg über JavaScript ist somit am praktikabelsten.

Mein Blog! - Bitte! Lesen!

24.03.2009 23:17

Mr. Tool Mr. Tool is a male

Pfadfinder

Spender

Registration Date: 17.06.2007
Posts: 531
Location: Österreich
Program: Photoshop CS2
Deviantart: verel

wieso den a in nen block level element ändern, und dann die bilder wie fireball meinte hovern lassen das is ja easy.

ich such dir mal nen CSS Tutorial dazu raus schreib dann mit Edit

Achja erstelle im rootverzeichniss deines funpics accounts ne leere index.html sonst kann jeder überall reinsehen...

EDIT://
http://fahrschule-snopek.at.tt/

da hab ich das mit dem CSS Hover gemacht.

This post has been edited 1 time(s), it was last edited by Mr. Tool: 25.03.2009 14:11.

25.03.2009 14:08

Seb@stian

Designartist

Registration Date: 21.05.2008
Posts: 1,426
Program: Photoshop CS4, Flash CS3
Deviantart: SebBo-Design

quote:

Original von Mr. Tool

EDIT://
http://fahrschule-snopek.at.tt/

da hab ich das mit dem CSS Hover gemacht.

ja merkste was? wenn man über die navi geht, dann muss das bild erst geladen werden bevor der hover gleich angezeigt wird, und genau das will er ja vermeiden und will die hover sofort laden lassen beim aufbau der seite.

..::Giftbucket::..
AG

25.03.2009 14:17

samycarljohnson samycarljohnson is a male

Grafikpapst

Registration Date: 23.11.2008
Posts: 2,330
Location: cgn
Program: adobe
Deviantart: freshsam

Thread Starter Thread Started by samycarljohnson

dankeschön mr. tool smile
ich bin auf jeden fall ganz zufrieden damit wie's im moment aussieht...
schaffe es aber nicht das ganze so umzusetzen wie ich gerne möchte...
vllt könnt ihr mir ja nochmal helfen.
wie kann ich das ganze am besten in eine navigation oben (da wo die homebutton-hovers sind) und einen daten-bereich unterteilen, der rechts auch nochmal eine kleine navigation hat.
mit frames hab ichs nicht hinbekommen und auch mit iframe komm ich nicht klar...
bitte nur html-, css-möglichkeiten.
so ist der aktuelle stand: http://petitange.pe.funpic.de/Samson%20u...lilah/oper.html
hatte auch mal sowas versucht mit iframes: http://petitange.pe.funpic.de/Samson%20u...h/iframeset.htm
aber das ist gründlich schiefgelaufen :S

likepoisyn.tumblr.com

This post has been edited 1 time(s), it was last edited by samycarljohnson: 25.03.2009 16:03.

25.03.2009 16:02

Fireball Fireball is a male

Boardchef

Registration Date: 11.11.2006
Posts: 16,355
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

quote:

Original von Seb@stian

quote:

Original von Mr. Tool

EDIT://
http://fahrschule-snopek.at.tt/

da hab ich das mit dem CSS Hover gemacht.

Das wiederum kann man ganz einfach mit Javascript "vorladen" (ist bei GFX-Sector auch der Fall).

Im <head> Bereich:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:

<script type="text/javascript">
<!--
function BilderVorladen() {
 document.Vorladen = new Array();
 if(document.images) {
  for(var i = 0; i < BilderVorladen.arguments.length; i++) {
    document.Vorladen[i] = new Image();
    document.Vorladen[i].src = BilderVorladen.arguments[i];
  }
 }
}
//-->
</script>

Und dann einen OnLoad Befehl bei <body>:

code:

1:

<body onload="BilderVorladen('images/new_revolution/home_hover.jpg','images/new_revolution/portal_hover.jpg','images/new_revolution/lexikon_hover.jpg','images/new_revolution/links_hover.jpg','images/new_revolution/team_hover.jpg');">

Statt /images/new_revolution/blabla.jpg packst du dann einfach deine Bilder da rein.

GFX-Sector - Your GFX-Source No. 1
Fireball liebt Firefox

Fireballs Giftliste

SEOball SEO-Blog
Browserspiele Portal
Follow me on Twitter

25.03.2009 20:28

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

25.03.2009 20:28

Pages (2): « previous 1 [2]

Tree Structure | Board Structure

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Highlight/Hover funktioniert nicht :S

Similar topics to Highlight/Hover funktioniert nicht :S

Thread

[Problem] gimp auf mac geht nicht (Forum: Fragen & Probleme)

Yaaaaaaaa ich weisz konnte aber nicht anders (Forum: Artworks)

rede nicht von guns, 9mm hast du in der hand wenn du pisst! (Forum: Battle-Anfragen)

wieder was(oder auch nichts) (Forum: Signaturen/Avatare)

Venom Sig (nicht fertig) (Forum: Signaturen/Avatare)

Heutige TOP 10 Suchbegriffe:
Gfx Wallpaper Cro Schwarzer Mann One Piece Wallpaper Cro Hd Wallpaper Gfx Gfx Tutorials Photoshop Audi Rs8 Marlboro Kkk Effect Stocks Pack

Highlight/Hover funktioniert nicht :S : HTML, CSS (Permalink)

Sectorbereich

Forenbereich

Battlesection