SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Einführung in XHTML, CSS und Webdesign

Einführung in XHTML, CSS und Webdesign zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > HTML, CSS und JavaScript Help!

HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 23.09.2006, 13:06:25
Benutzerbild von 8805-evergreen.
8805-evergreen. 8805-evergreen. ist offline
Anfänger
 
Registriert seit: Feb 2006
Beiträge: 125
CSS Navigation, :hover Problem (IE), Bildwechsel

hallo allerseits!

der IE macht mir wieder einmal sorgen..

es geht um den :hover effekt eines links... obwohl ich die roll-over bilder auf 2 verschiedene arten (so verzweifelt bin ich) vorgeladen habe (im netz gefundener JS funktion, und dem 1px hidden trick), stockt das roll-over bild im IE, oder zeigt ein roll-over bild eines anderen links an...

ein bisschen HTML:
Code:
<a class="webdesignLink" href="index.php?s=work&m=webdesign" target="_self"><?php GenerateActiveLink ( 'left', 'webdesign' ); ?></a>
und etwas CSS:
Code:
a.webdesignLink {
	background-image:url(../images/navi/left/webdesign.jpg); display:block; width:150px; height:24px; text-decoration:none; float:left; }
a.webdesignLink:visited {
	background-image:url(../images/navi/left/webdesign.jpg); display:block; width:150px; height:24px; text-decoration:none; float:left; }
a.webdesignLink:hover {
	background-image:url(../images/navi/left/webdesign_ho.jpg); text-decoration:none; }
hab das selbe problem schon im xhtmlforum.de gepostet, jedoch noch keine antwort bekommen... (seit mehreren tagen)
aus erfahrung weiss ich, dass ich hier bestimmt auf offene ohren/ augen stosse... und dafür bin und war ich schon mehrmals sehr dankbar! nur so neben bei... :)

hätte vielleicht jemand eine idee, wie man das problem beseitigen könnte?
eventuell mit einem JS rollover?

grüsse aus der schweiz... beat
Mit Zitat antworten
  #2  
Alt 25.09.2006, 07:15:20
Sentinel Sentinel ist offline
Anfänger
 
Registriert seit: Sep 2006
Beiträge: 9
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

hover im ie ist immer so ein ding, ausser ma benutzt reines css - sprich farben.
was solls denn werden wenns fertig ist, ne test.html wäre nett, dann geht das fixer zu lösen.

nach deiner vorgabe soll ein neues bg image geladen werden auf einem link.
wie wäre einbetten in ein li und das definieren?

edit: sollte in jedem browser funktionieren. habs nur im ie und ff angeschaut:
http://www.xart-production.de/demos/menubg.htm

css dazu im quelltext.

hoffe ist was du suchst, kann angepasst werden wie auch immer ;-)

Geändert von Sentinel (25.09.2006 um 08:28:03 Uhr)
Mit Zitat antworten
  #3  
Alt 25.09.2006, 08:59:09
xlb xlb ist offline
Junior Member
 
Registriert seit: Jul 2006
Beiträge: 211
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

N'Morgen auch ...

@Sentinel: Du weist schon, dass man Quellcode auch formatieren kann, so von wegen Lesbarkeit und so ...?

Auch mit Hintergrundbildern gibt's weder beim IE, noch beim Firefox Probleme.
Beispiel :
Code:
<style type="text/css">

	.HoverMe	{
					background-image:url(http://src.selfhtml.org/logo.gif);
					display:block;
					width:150px;
					height:100px;
					text-decoration:none;
					border:1px solid black;
				}

	.HoverMe:hover
				{
					background-image:url(http://www.selfphp.de/src/SELFPHP_72dpi_Logo_Forum.gif);
				}

</style>

<a class="HoverMe" href="javascript:void(alert('test'))">hover me ...</a>
Siehe dazu auch bei SelfHTML

Geändert von xlb (25.09.2006 um 08:59:42 Uhr)
Mit Zitat antworten
  #4  
Alt 25.09.2006, 09:14:55
Sentinel Sentinel ist offline
Anfänger
 
Registriert seit: Sep 2006
Beiträge: 9
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

keine lust auf eine lange diskussion was der ie kann und was er nicht kann. darfst du selbst nachlesen wo der ie kein hover versteht :)
neben den w3c bemerkungen über listen/aufzählungen und blablub. kurzum es wurde eine lösung gesucht, die wurde angeboten. lösen kann man das gesamt auf mind. 3 wegen.

greez
Mit Zitat antworten
  #5  
Alt 25.09.2006, 09:35:53
xlb xlb ist offline
Junior Member
 
Registriert seit: Jul 2006
Beiträge: 211
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

Zitat:
Zitat von Sentinel
keine lust auf eine lange diskussion was der ie kann und was er nicht kann.
Ich auch nicht ... - war auch nie beabsichtigt. Zumal der IE bei dem hiesigen Problem eben nicht (grundsätzlich) das Problem ist.

Zitat:
darfst du selbst nachlesen wo der ie kein hover versteht
Öhmm - Ist durchaus bekannt ... In Links kann er es ohne Weiteres. Daher k.A. was ...?

Zitat:
eine lösung gesucht, die wurde angeboten.
Na ja, wenn man eine Lösung anbietet, sich diese also explizit an eine andere Person richtet, sollte man den Quelltext eben so präsentieren, dass "man" sich auch darin zu Recht findet ...
Mit Zitat antworten
  #6  
Alt 25.09.2006, 09:51:40
Sentinel Sentinel ist offline
Anfänger
 
Registriert seit: Sep 2006
Beiträge: 9
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

weil grad kaffeepause ist: *scherzle*
thema ie: verdient für mich nicht die bezeichnung browser und damit thema schon wieder ende.

explizit ist geschmackssache, auch wenn ein listen der eigenschaften so vorgegeben wird, das sie jeweils eine eigene zeile bekommen, arbeite ich immer hintereinander. für mich übersichtlicher und platzsparender, gerade wenn es an lange css dateien geht.
Mit Zitat antworten
  #7  
Alt 25.09.2006, 10:05:31
xlb xlb ist offline
Junior Member
 
Registriert seit: Jul 2006
Beiträge: 211
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

Ähhh ... - ist mitlerweile hier zwar völlig OT hier aber trotzdem:

Zitat:
explizit ist geschmackssache,
Nö - Hier geht's aber nicht um dich und deinen Geschmack, sondern -wie in Foren üblich- um andere, die hier um Hilfe bitten. Denen einen völlig unfortmatierten/unkommentierten Quelltext (is'ja nicht nur das CSS) vor die Füsse zu schmeissen ... ;(

Zitat:
übersichtlicher und platzsparender
Kann ich nun wirklich nicht nachvollziehen. Vor allem "platzsparender" ...?
Mit Zitat antworten
  #8  
Alt 25.09.2006, 10:16:00
Sentinel Sentinel ist offline
Anfänger
 
Registriert seit: Sep 2006
Beiträge: 9
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

hoffe du hast sonst keine probleme :D

* #maincont ul {
o margin : 0;
o padding : 0;
o list-style-type : none;
o font-family : Verdana, Arial, sans-serif;
o font-size : 12px;
}
* #maincont li {
o margin : 0 0 3px;
}
* #maincont a {
o display : block;
o padding : 2px 2px 2px 24px;
o border : 1px solid #000;
o width : 160px;
o background-color : #999;
o background-image : url(onebg.gif);
}
* #mainlist a:link, #mainlist a:visited {
o color : #fff;
o text-decoration : none;
}
* #maincont a:hover {
o border : 1px solid #333;
o background-color : #bbb;
o background-image : url(hover.gif);
o color : #333;
}
* #active a:link, #active a:visited, #active a:hover {
o border : 1px solid #333;
o background-color : #fff;
o background-image : url(desc.gif);
o color : #333;
}

oder für mich übersichtlicher und schneller:
#maincont ul {margin: 0;padding: 0;list-style-type: none;font-family: Verdana, Arial, sans-serif; font-size: 12px;}
#maincont li { margin: 0 0 3px 0; }
#maincont a {display: block; padding: 2px 2px 2px 24px; border: 1px solid #000; width: 160px; background-color: #999; background-image: url(onebg.gif);}
#mainlist a:link, #mainlist a:visited {color: #fff; text-decoration: none;}
#maincont a:hover {border: 1px solid #333;background-color: #bbb; background-image: url(hover.gif);color: #333;}
#active a:link, #active a:visited, #active a:hover {border: 1px solid #333;background-color: #fff;background-image: url(desc.gif); color: #333;}

war die erste und die letzte support anwort. zeit kann man anders sinnvoller verschwenden als hier :D

Geändert von Sentinel (25.09.2006 um 10:18:30 Uhr)
Mit Zitat antworten
  #9  
Alt 25.09.2006, 11:43:40
Benutzerbild von 8805-evergreen.
8805-evergreen. 8805-evergreen. ist offline
Anfänger
 
Registriert seit: Feb 2006
Beiträge: 125
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

hallo jungs!

nette diskusion ist hier gerade am laufen... ;)

ich werde mich gleich heute nachmittag an das problem machen...
hoffentlich klappds...

noch ne frage: in LI- eingebettet heisst also z.B.
Code:
<li><a href="index.php"></a></li>
??

bezüglich CSS würd ich auch gerne etwas sagen:
@xlb: er meint platzsparender im bezug auf die anzahl zeilen...
mein tipp daher: mehrere CSS dateien erstellen und die "platzaufwändigere" variante wählen (z.B. navi.css, layout.css, form.css, ...).
ich finde diese ebenfalls übersichtlicher. aber da wären wir beim thema geschmacksache angelangt... :)

danke nochmals für die tipps und ich werd mich melden...

gruss beat
Mit Zitat antworten
  #10  
Alt 25.09.2006, 12:01:44
xlb xlb ist offline
Junior Member
 
Registriert seit: Jul 2006
Beiträge: 211
AW: CSS Navigation, :hover Problem (IE), Bildwechsel

Zitat:
platzsparender im bezug auf die anzahl zeilen..
Jo - Is'scho klar ;) - macht halt keinen "wirklichen" Sinn ... (Geschmack hin oder her)

Für jeden "Funktions-Block" ein separates Style-File wär'wohl übertrieben. Da geht die Übersichtlichkeit genauso verloren. Reicht wohl, wenn die CSS-Definitionen vernünftig "eingerückt" und ggf. kommentiert werden (falls nicht selbsterklärend).
Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Lokalisierung eines SESSION - Problems Fabian85 PHP für Fortgeschrittene und Experten 5 03.10.2005 21:17:54
Dynamische Navigation mit Datenbank DiJae PHP Grundlagen 13 18.05.2005 12:46:37
Problem mit Parametern bei Navigation MM2410 PHP Grundlagen 11 19.03.2004 15:13:17
Navigation aus einer Datenbank auslesen Miriel PHP für Fortgeschrittene und Experten 7 15.12.2003 21:18:54
mysql und php problem schmidt PHP für Fortgeschrittene und Experten 9 31.10.2003 19:05:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:09:22 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.


© 2001-2024 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt