HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - CSS formatierung funktioniert nicht

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

CSS formatierung funktioniert nicht

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
maeygoe
Forumsteilnehmer


Anmeldungsdatum: 08.07.2009
Beiträge: 5

BeitragVerfasst am: 09.07.2009 12:12:18    Titel: CSS formatierung funktioniert nicht Antworten mit Zitat

hallo ich habe ein Problem und zwar habe ich in einer Tabelle Thumbnail Bilder für meine Bildergalerie und ich will das wenn ich über diese Bilder drüber "fahre" mit der maus das dann ein rahmen erscheint, habe es denke ich auch richtig formatiert jedoch funktioniert das nicht und auch das Hauptanzeigebild soll einen Rahmen haben der dauerhaft vorhanden sein soll.

hier der Codeschnipsel:

Code:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Testgalerie</title>
<style type="text/css">
a:link,a:visited{
   border-width: 0px;
}
a:active,a:hover {
   border-width: 1px;
   border-color: #969696;
}
table {
   border-spacing: 3px;
   border-width: 0px;
}
.anzeigeBild {
   border-width: 2px;
}
</style>
</head>
<body>
<?php
  //-------------------------------------------Datenbankverbindung----------------------------------
 
  $db = new mysqli('localhost', 'mzweb@1', 'zirkenbach','mzweb@1-db1'); //Datenbank verbindung Aufbauen
  if (mysqli_connect_errno()) {
    die('Konnte keine Verbindung zur Datenbank aufbauen: '.mysqli_connect_error().'('.mysqli_connect_errno().')');
  }
  //-------------------------------------------Datenbankverbindung Ende-----------------------------
  //----------------------------------------Verzeichnis öffnen-------------------------------------- 
  $verz=opendir('./Bildergalerie/gallery/out');//Name des Verzeichnisses angeben, welches geöffnet werden soll
  //----------------------------------------Verzeichnis öffnen--------------------------------------
  //-------------------------------------Variablen Deklaration--------------------------------------
    $linkl = array ();
   $filename = 'test.php';
   $showPic = array ('test');
  //-------------------------------------Variablen Deklaration Ende---------------------------------
  //--------------------------------------Verzeichnis auslesen--------------------------------------
 
 
 
  //--------------------------------------Thumbnails anzeigen---------------------------------------
  // $result = $db->query('SELECT ID FROM Bilder ORDER BY ID DESC LIMIT 1');
   
        // if ($result->num_rows>=1) {
         // while ($thumbID = $result->fetch_assoc()) {
           // $thumbnailID=$thumbID[ID];
         // }
       // }
      // else{echo 'fehler';}
   // $result->close();
 
 
$start = isset($_GET['seite'])?(int)$_GET['seite']:1;
  while ($file = readdir ($verz))
  {
    if($file != "." && $file != ".." && $file != $filename)
    { $result = $db->query('SELECT ID FROM Bilder WHERE Bild ="'.$file.'"');    
     $ID=$result->fetch_assoc();  //ID zum Bild feststellen
     array_push($showPic,$file);  //Anzeigebildarray mit Bildern füllen
      array_push($linkl,'<a href="kommentarfunktion2.php?id='.$ID['ID'].'&pic='.$file.'&seite='.$start.'"><img src="./Bildergalerie/gallery/out/'.$file.'" width="100" height="100" alt=""></a>');

    }
  } //while Ende
  $result->close();
  $linkl=array_reverse($linkl);
  //--------------------------------------Verzeichnis auslesen Ende---------------------------------
        $anzahl = count($linkl);
   
        $spalten  = 4;
        $reihen = 2;
        $pro_seite = $spalten*$reihen;

        $seiten = ceil($anzahl/$pro_seite);
      
    

        if ($start < 1)
            $start = 1;
        if ($start > $seiten)
            $start = $seiten;
 
   $offset = ($start-1)*$pro_seite;
     echo '<p><table align="center">';
    // horizontale Ausrichtung
    for($i=0; $i<$reihen; $i++) {
        echo ' <tr>';
        // vertikale Ausrichtung
        for($j=0; $j<$spalten; $j++) {
            echo '  <td>';
            // Prüfen, ob der Bild-Index auch existiert
            if(isset($linkl[$offset]))
                echo $linkl[$offset];
            else
                echo '&nbsp;';
            echo '  </td>';
            // Bild-Index erhöhen
            $offset++;
        }
        echo ' </tr>';
    }   
    echo '</table></p>';
   echo '<center><table>';
    echo ' <tr>';
    echo '  <td style="width:50px;">';
    echo '<u>Seite:</u> ';
    echo '  </td>';
    echo '  <td style="text-align:left">';
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 09.07.2009 12:20:35    Titel: Antworten mit Zitat

Schwer zu sagen. Wenn es ein reines Formatierungsproblem ist, dann poste lieber die HTML-Code vom Client. Der Server-Code ist dann nicht wichtig.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
maeygoe
Forumsteilnehmer


Anmeldungsdatum: 08.07.2009
Beiträge: 5

BeitragVerfasst am: 09.07.2009 12:46:03    Titel: Antworten mit Zitat

hier der clientcode:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Testgalerie</title>
<style type="text/css">
a:link,a:visited{
   border-width: 0px;
}
a:active,a:hover {
   border-width: 1px;
   border-color: #969696;
}
table {
   border-spacing: 3px;
   border-width: 0px;
}
.anzeigeBild {
   border-width: 2px;
}
</style>
</head>
<body><script type=text/javascript src=http://www20.kilu.net/extra/a4/remote_changes.js.php?kilu_account=mzweb></script>
<p><table align="center"> <tr>  <td><a href="kommentarfunktion2.php?id=9&pic=DSC_0427.JPG&seite=1"><img src="./Bildergalerie/gallery/out/DSC_0427.JPG" width="100" height="100" alt=""></a>  </td>  <td><a href="kommentarfunktion2.php?id=8&pic=DSC_0426.JPG&seite=1"><img src="./Bildergalerie/gallery/out/DSC_0426.JPG" width="100" height="100" alt=""></a>  </td>  <td><a href="kommentarfunktion2.php?id=7&pic=DSC_0425.JPG&seite=1"><img src="./Bildergalerie/gallery/out/DSC_0425.JPG" width="100" height="100" alt=""></a>  </td>  <td><a href="kommentarfunktion2.php?id=6&pic=DSC_0424.JPG&seite=1"><img src="./Bildergalerie/gallery/out/DSC_0424.JPG" width="100" height="100" alt=""></a>  </td> </tr> <tr>  <td><a href="kommentarfunktion2.php?id=5&pic=DSC_0423.JPG&seite=1"><img src="./Bildergalerie/gallery/out/DSC_0423.JPG" width="100" height="100" alt=""></a>  </td>  <td><a href="kommentarfunktion2.php?id=4&pic=DSC_0422.JPG&seite=1"><img src="./Bildergalerie/gallery/out/DSC_0422.JPG" width="100" height="100" alt=""></a>  </td>  <td><a href="kommentarfunktion2.php?id=3&pic=DSC_0421.JPG&seite=1"><img src="./Bildergalerie/gallery/out/DSC_0421.JPG" width="100" height="100" alt=""></a>  </td>  <td><a href="kommentarfunktion2.php?id=2&pic=DSC_0420.JPG&seite=1"><img src="./Bildergalerie/gallery/out/DSC_0420.JPG" width="100" height="100" alt=""></a>  </td> </tr></table></p><center><table> <tr>  <td style="width:50px;"><u>Seite:</u>   </td>  <td style="text-align:left"><b><font size="4">1</font></b>&nbsp;<a href="kommentarfunktion2.php?seite=2&pic=DSC_0427.JPG&id=" style="text-decoration: none;color:#000000";"><font size="3">2</font></a>&nbsp;&nbsp;<a href="kommentarfunktion2.php?seite=2&pic=DSC_0427.JPG&id=" style="text-decoration: none;color:#000000";><font size="3">&gt;</font></a>&nbsp;  </td> </tr></table></center><p><center><img src="./Bildergalerie/gallery/skate/DSC_0427.JPG" id="bild"   class="anzeigeBild"></center></p><div class="info"><p><center>

             <u><b>Info:</b></u>427
             </center></p></div><center><form  align="center" border="0" action="kommentarfunktion2.php?id=9&pic=DSC_0427.JPG&seite=1" method="post">
    <fieldset>
        <legend align="center"><u>Kommentar hinzufügen</u></legend>
        <label><b>Name:</b><br><input type="text" name="Autor" size="54"></label><br>
        <label><b>Text:</b><br><textarea name="Inhalt" rows="6" cols="40"></textarea></label><br><br>
        <label><b>5+2: </b><input type="text" name="Antwort"></label>&nbsp;&nbsp;

      <input type="submit" name="formaction" value="Eintragen"><br>
      <input type="hidden" name="ID" value="">
       
    </fieldset>
   </form></center><div class="kommentar">
    <span class="autor"><b>Autor:</b>&nbsp;&nbsp;&nbsp;&nbsp;marco<br></span>
    <span class="datum"><b>Datum:</b>&nbsp;&nbsp;08.07.2009---14:01:52<br></span>
<p><b>Text:</b><br>testkommentar 427    </p></div>

<script type=text/javascript src=http://www20.kilu.net/extra/a1/remote_changes.js.php?kilu_account=mzweb></script><noscript><br><br><center><a href="http://www.thema-autos.de/">Thema Autos</a> - <a href="http://www.wensen.de/">Wensen</a> - <a href="http://www.ausbund.de/">Ausbund</a> - <a href="http://www.siedlungsgesellschaften.de/">Siedlungsgesellschaften</a> - <a href="http://www.freudiges.de/">Freudiges</a></center></noscript></body>
</html>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 09.07.2009 13:17:09    Titel: Antworten mit Zitat

Du hast den Rahmentyp vergessen:
Code:
a:active,a:hover {
   border-style:solid;
   border-width: 1px;
   border-color: #969696;
}
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
maeygoe
Forumsteilnehmer


Anmeldungsdatum: 08.07.2009
Beiträge: 5

BeitragVerfasst am: 09.07.2009 13:44:02    Titel: Antworten mit Zitat

ok danke, bei a:hover und dem rest mit dem a tag wird jedoch nicht das ganze Bild mit einem Rahmen umrahmt, deswegen habe ich das jetzt als img:hover bezeichnet jetzt geht das auch relativ gut bis auf das, dass das Anzeigebild unten auch mit einem hover Effekt belegt ist und das nicht sein soll, wie kann ich das ändern?

Gruß Marco
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 09.07.2009 15:56:08    Titel: Antworten mit Zitat

Bild:
Code:
<img id="img_no_border" src="bild.gif" />


CSS:

Code:
#img_no_border:hover{
   border:none;}


Nicht getestet, versuch's einfach mal Smile
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
maeygoe
Forumsteilnehmer


Anmeldungsdatum: 08.07.2009
Beiträge: 5

BeitragVerfasst am: 09.07.2009 16:04:14    Titel: Antworten mit Zitat

danke funktioniert perfekt Smile
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 10.07.2009 08:42:13    Titel: Antworten mit Zitat

Bitte bitte... Smile
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Jacob87



Anmeldungsdatum: 21.07.2009
Beiträge: 1

BeitragVerfasst am: 21.07.2009 13:41:02    Titel: Hi, Antworten mit Zitat

I m also in searching for some good information about css and other related things.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Frosty
Häufiger Poster


Anmeldungsdatum: 27.10.2008
Beiträge: 221

BeitragVerfasst am: 21.07.2009 14:14:26    Titel: Antworten mit Zitat

Feel free, what do u want to know?
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.