GFX-Sector - HTML, CSS

wenn die maus drauf ist ja (:hover ), aber es geht ums klicken und das ist nicht ohne ein wenig js möglich.

es sei denn natürlich du kennst methoden denen suckerfish oder stu nicholls unklar sind...dann ok.

wie kommst du drauf das ih auf einer js-insel leb? weil ich gesagt hab er kannst auch mit einem fetzen js machen wenn er das so will?
sitzt du auf js-hassliebe-insel? dann wärst du einer der nie js benutzt...hohle schlussfolgerung sry.

lies bitte erst was ich schreib und dann versuch schlussfolgerungen zu ziehen, sonst muss ich schmunzeln.

Ok Guys calm down .... take it easy - ok ? : >

Diskussionen wie diese arten doch sehr schnell aus, auch wenn ich noch holz ins feuer geworfen habe sollten wir drei diese diskussion ein wenig verschieben.... Ich meine, in diesem thread geht es ein bisschen um was anderes ... der thread ersteller hat nun mehrere moeglichkeiten gelesen die sein problem beheben sollten.
Ich wuerde sagen, wir schliessen das thema hier ab mit dem js vs css krieg und trinken erstmal alle ne heisse schokolade (:

zur not bequatschen wir das per pn oder im offtopic bereich.


B2T
alle weiteren beitraege, die sich nicht auf die eigentliche frage vom threadersteller oder auf weitere aufkommende fragen beziehen werde ich dann einfach mal entfernen : (

Also bisher siehts bei mir etwas anders aus, als ich es will.

Screen:

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

	.navigation {          	
	float: left;          	
	height: 27px;                 
 	width: 959px;                  
	background-image: url(Images/navigation.png);                 
	text-align: center;
}

#Home
	{
	background-image:url(Buttons/Home.png);
	width:88px;
	height:23px;
	display:inline;
         float: left;
	}

1:
2:
3:

<a href="Index.Html" id="Home"></a>                 
<a href="Pages/Ubermich.Html" id="Ubermich"></a>

Hab jetzt nich alles gelesen, aber in CSS kansnt du´s so machen z.B.:

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

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;
}

li.nav_element a:hover{
color: #000000;
background-image:url(HIER BUTTON-URL_2);
}

Die CSS Vorschläge sind ja schön und gut, aber um eine JS freie aber gleichwertige Version zu benutzen empfiehlt sich der CSS Preload. Dann hat man bei größeren Buttons die "Nachlade Gefahr" ebenfalls gebannt

This post has been edited 2 time(s), it was last edited by uferdamm: 12.06.2010 15:22.

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