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 ::

TYPO3 Kochbuch

TYPO3 Kochbuch 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 09.07.2005, 10:29:20
Zudecke Zudecke ist offline
Junior Member
 
Registriert seit: Jun 2004
Ort: Weiden i.d.Opf.
Alter: 46
Beiträge: 315
CSS background-Problem

Hi,
hab irgendwie ein Problem mit meinen Link-Schaltflächen. Beim IE wird anscheinend der Hintergrund (von den Links) jedesmal geladen, wenn ich über den Link fahre. Ist ziemlich doof, weil dann die Schaltfläche (also das hg-Bild) kurz nicht sichtbar ist. Ist beim Netscape und Opera aber nicht so.

hier mal meine Links:

HTML-Code:
<a target="haupt" href="haupt.html"><div align="center" class="sch">Home</div></a>
<a target="haupt" href="geschichte.html"><div align="center" class="sch">Geschichte</div></a>
...
Und dazu noch das css:

HTML-Code:
div.sch {
    background-repeat: no-repeat;
    background-image: url('schaltfl.gif');
    width: 210px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
}
Wie kann ich den "Effekt" vermeiden, so das beim Drüberfahren mit der Maus nichts neu geladen wird? Möcht halt schon, das der Link nicht nur auf die Schrift begrenzt ist.
Mit Zitat antworten
  #2  
Alt 09.07.2005, 12:17:37
Benutzerbild von xabbuh
xabbuh xabbuh ist offline
SELFPHP Guru
 
Registriert seit: May 2003
Beiträge: 7.187
AW: CSS background-Problem

Zum Einen verwendest du ein Blockelement (div) innerhalb eines Inlineelementes (a). Das solltest du erst einmal umdrehen bzw. ganz auf das div verzichten und dem a-Tag die CSS-Eigenschaft display:block geben. Außerdem halte ich deine Vermischung von HTML-Ausrichtung (align="center") und CSS für nicht sinnvoll. Warum nicht text-align:center verwenden?

HTML-Code:
<style type="text/css">
<!--
    a.sch {
        background-image  : url(schaltfl.gif);
        background-repeat : no-repeat;
        text-align        : center;
        width             : 210px;
        padding           : 5px;
        display           : block;
        cursor            : pointer;
    }
-->
</style>

<a href="haupt.html" class="sch" target="haupt">Home</a>

Geändert von xabbuh (09.07.2005 um 12:21:33 Uhr)
Mit Zitat antworten
  #3  
Alt 11.07.2005, 20:24:46
Zudecke Zudecke ist offline
Junior Member
 
Registriert seit: Jun 2004
Ort: Weiden i.d.Opf.
Alter: 46
Beiträge: 315
AW: CSS background-Problem

Das div hatte ich ja rein, damit der Link über das ganze Bild geht. Hab jetzt mal so gemacht, wie du gesagt hast. Irgendwie kann ich den Text aber so nicht in der vertikale mittig ausrichten, weder mit padding, noch mit vertical-align:

a.sch {
background-image: url(schaltfl.gif);
background-repeat: no-repeat;
text-align: center;
width: 210px;
height: 28px;
vertical-align: middle;
display: block;
cursor: pointer;
}

Ausserdem wird beim IE das Hintergrundbild nach wie vor geladen, sobald die Maus drübergeht. Hilfe.
Mit Zitat antworten
  #4  
Alt 20.07.2005, 22:11:15
Zudecke Zudecke ist offline
Junior Member
 
Registriert seit: Jun 2004
Ort: Weiden i.d.Opf.
Alter: 46
Beiträge: 315
AW: CSS background-Problem

Ah, man nimmt sich meiner an, muss aber trotzdem noch was anmerken:

Hab jetzt das so zu lösen versucht, dass ich ne Tabelle nehme und da nen Zellenhintergrund. Damit bin ich das Maus-Drüber-Lade-Problem sogar los, aber im Netscape richtet er das ganze nicht vertical mittig aus (menschmeier). Hat da jm ne Lösung dafür?

HTML-Code:
<style type="text/css">
<!--

div.sch {
   width: 100%;
   height: 100%;
   cursor: pointer;
   text-align: center;
   padding: 5px;
   text-decoration: none;
   font-family: Times New Roman, Arial;
   font-size: 14px;
   font-weight: bold;
}


-->
</style>

<table width="212" cellspacing="0" cellpadding="1" border="0">
<tr><td width="210" background="schaltfl.gif"><div class="sch" onClick="javascript:parent.haupt.document.location='haupt.html'">Home</div></td></tr>
...
</table>
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 dem IE Nickle HTML, CSS und JavaScript Help! 1 05.07.2005 18:56:09
Problem mit switch DaDon4130 PHP Grundlagen 6 28.03.2005 19:22:56
Session Problem mare26 PHP für Fortgeschrittene und Experten 1 08.12.2004 14:30:39
mysql und php problem schmidt PHP für Fortgeschrittene und Experten 9 31.10.2003 19:05:13
SSL Problem im Internet Explorer, need help! Gladder PHP für Fortgeschrittene und Experten 6 02.09.2002 23:21:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:09:01 Uhr.


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


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