|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
maeygoe Forumsteilnehmer
Anmeldungsdatum: 08.07.2009 Beiträge: 5
|
Verfasst am: 09.07.2009 12:12:18 Titel: CSS formatierung funktioniert nicht |
|
|
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 ' ';
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 |
|
|
Frosty Häufiger Poster
Anmeldungsdatum: 27.10.2008 Beiträge: 221
|
Verfasst am: 09.07.2009 12:20:35 Titel: |
|
|
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 |
|
|
maeygoe Forumsteilnehmer
Anmeldungsdatum: 08.07.2009 Beiträge: 5
|
Verfasst am: 09.07.2009 12:46:03 Titel: |
|
|
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> <a href="kommentarfunktion2.php?seite=2&pic=DSC_0427.JPG&id=" style="text-decoration: none;color:#000000";"><font size="3">2</font></a> <a href="kommentarfunktion2.php?seite=2&pic=DSC_0427.JPG&id=" style="text-decoration: none;color:#000000";><font size="3">></font></a> </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>
<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> marco<br></span>
<span class="datum"><b>Datum:</b> 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 |
|
|
Frosty Häufiger Poster
Anmeldungsdatum: 27.10.2008 Beiträge: 221
|
Verfasst am: 09.07.2009 13:17:09 Titel: |
|
|
Du hast den Rahmentyp vergessen:
Code: |
a:active,a:hover {
border-style:solid;
border-width: 1px;
border-color: #969696;
} |
|
|
Nach oben |
|
|
maeygoe Forumsteilnehmer
Anmeldungsdatum: 08.07.2009 Beiträge: 5
|
Verfasst am: 09.07.2009 13:44:02 Titel: |
|
|
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 |
|
|
Frosty Häufiger Poster
Anmeldungsdatum: 27.10.2008 Beiträge: 221
|
Verfasst am: 09.07.2009 15:56:08 Titel: |
|
|
Bild:
Code: |
<img id="img_no_border" src="bild.gif" /> |
CSS:
Code: |
#img_no_border:hover{
border:none;} |
Nicht getestet, versuch's einfach mal |
|
Nach oben |
|
|
maeygoe Forumsteilnehmer
Anmeldungsdatum: 08.07.2009 Beiträge: 5
|
Verfasst am: 09.07.2009 16:04:14 Titel: |
|
|
danke funktioniert perfekt |
|
Nach oben |
|
|
Frosty Häufiger Poster
Anmeldungsdatum: 27.10.2008 Beiträge: 221
|
Verfasst am: 10.07.2009 08:42:13 Titel: |
|
|
Bitte bitte... |
|
Nach oben |
|
|
Jacob87
Anmeldungsdatum: 21.07.2009 Beiträge: 1
|
Verfasst am: 21.07.2009 13:41:02 Titel: Hi, |
|
|
I m also in searching for some good information about css and other related things. |
|
Nach oben |
|
|
Frosty Häufiger Poster
Anmeldungsdatum: 27.10.2008 Beiträge: 221
|
Verfasst am: 21.07.2009 14:14:26 Titel: |
|
|
Feel free, what do u want to know? |
|
Nach oben |
|
|
|
|
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.
|
|
|
|