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
|
:: Anbieterverzeichnis ::
Globale Branchen
Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP
:: Newsletter ::
Abonnieren Sie hier den kostenlosen
SELFPHP Newsletter!
|
HTML, CSS und JavaScript Help! Hier gibt es Hilfe zu HTML, CSS und JavaScript Problemen |
23.09.2006, 13:06:25
|
|
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
|
25.09.2006, 07:15:20
|
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)
|
25.09.2006, 08:59:09
|
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)
|
25.09.2006, 09:14:55
|
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
|
25.09.2006, 09:35:53
|
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 ...
|
25.09.2006, 09:51:40
|
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.
|
25.09.2006, 10:05:31
|
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" ...?
|
25.09.2006, 10:16:00
|
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)
|
25.09.2006, 11:43:40
|
|
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
|
25.09.2006, 12:01:44
|
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).
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
Themen-Optionen |
|
Ansicht |
Linear-Darstellung
|
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.
HTML-Code ist aus.
|
|
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 17:09:22 Uhr.
|