Beiträge von tevin

tevin

Hallo,

Ich habe folgendes Problem:

Ich habe eine css Gallery gefunden welche ich gerne umbauen (ändern) würde.

Es geht um diese css gallery:

Hier ist die Anordnung der Galleriebilder vertikal und ich würde diese gerne horizontal haben wollen. Zudem würde ich dann auch gerne diese Gallerie zentriert haben (also mittig).

Das Problem ist das ich mit meinen css Kenntnisse an meine Grenze stoße.

hier ist dazugehörige css:

HTML

body { background:  repeat-x; margin: 0; padding: 0; font: normal 13px verdana, arial, helvetica, sans-serif; color: #666; }


html { margin: 0; padding: 0; }


#maincontainer { width: 700px; height:700px; margin: 0 auto; }


#contentwrapper { float: left; width: 100%; }


/* GALLERY STYLES */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.gallerycontainer { background: url(images/5706---1.jpg) no-repeat 120px 22px;  position:relative }


.gallerycontainer .text { font-size: 15px; margin-bottom: 10px; }


.gallerycontainer a,.gallerycontainer a:link,.gallerycontainer a:visited { font-weight: normal; }


.gallerycontainer li, .gallerycontainer ul { list-style-type: none; margin: 0px; padding: 0px; }


.thumbnail img { border: 0px solid #333; margin: 0 0 20px 0; width: 85px; height: 85px; }


.thumbnail:hover { background-color: transparent; }


.thumbnail:hover img { border: 0px solid #999; }


.thumbnail span { position: absolute; left: -2000px; visibility: hidden; text-decoration: none; }


.thumbnail:hover span img { margin: 22px 0 5px 50px; border: 2px solid #333; height: 100%; width: 100%; }


.thumbnail:hover span { visibility: visible; top: 0; left: 68px; z-index: 50; font-size: 12px; color: #333; }


/* NAVIGATION STYLES */


#navlist { padding: 3px 0; margin: 0 0 10px 0; border-bottom: 1px solid #333; font: bold 12px Verdana, sans-serif; text-align: right; }


#navlist li { list-style: none; margin: 0 5px 0 0; display: inline; }


#navlist li a { padding: 3px 0.5em; border: 1px solid #333; border-bottom: none; background: #999; outline: none; text-decoration: none; }


#navlist li a:link { color: #fff; }


#navlist li a:visited { color: #fff; }


#navlist li a:hover { color: #fff; background: #333; border-color: #333; border-bottom: 1px solid #333; }


#navlist li a#current { color: #666; background: #fff; border-bottom: 1px solid #fff; }


/* GLOBAL STYLES */


a,a:link,a:active,a:visited { color: #666; outline: none; font-weight: bold; text-decoration: none; }


a:hover { color: #999; text-decoration: none; }


h1 { background: url(images/h1.gif) no-repeat 0% 0%; font-weight: normal; font-size: 23px; color: #999; margin: 0 0 0 20px; padding: 0 0 0 35px; height: 35px; }


h2 { font-weight: normal; font-size: 17px; margin: 0 0 10px 0; }


.copyright { margin: 5px 5px 0 0; font-size: 11px; text-align: right; }

Alles anzeigen

Um jegliche Hilfe von Euch würde ich mich freuen

Gruss

Tevin

tevin

Ich möchte mit diesen Code so etwas realisieren. Es fällt mir nur schweht da es eine Neue Code art ist.

HTML

<a href="http://www.piercing-dealer.de/" title="Piercing Dealer Piercingschmuck">Piercing</a>

Wie müsste ich diese den umsetzen?

HTML

[URL=http://www.skinart.de]Piercing Schmuck Shop[/URL]

bb Code will ich

tevin

Sorry,

also so lautet der Link Code:

HTML

[URL=http://www.skinart.de]Piercing Schmuck Shop[/URL]

Und ich benötige den Befehl wo ich noch einen Titel des Links einfügen kann.

tevin

Hallo,

Ich habe folgende Frage?

Wie müsste der Titel Tag für diesen Link lauten? und wo müsste dieser gesetz werden?

Piercing Schmuck Shop

tevin

Hallo an alle,

Ich komme nicht weitier,

Ich möchte einen gleichen abstand immer haben zwischen den Blöcken. Bisher löse ich das immer mit einer <td></td> welche ich immer dazwischen setze. Doch das ist keine. Dauerhaften lösung. Für die Optik sieht es nicht gut aus. Was kann man da machen? am liebsten würde ich gerne das alles 10px abstand hat. kann man überhauft mit dem Tag <td> einen Vertnünftigen Absatz machen?

Hier ist der Vollstädige Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Originalvideo24.de Newsletter</title>
</head>

<body>
<table width="650" align="center">
<tr>
<td colspan='2' align='center' style='border-left:1px solid #0000FF; border-right:1px solid #0000FF; border-bottom:1px solid #0000FF;'>[Blockierte Grafik: http://www.originalvideo24.de/images/header.gif]
<table width="600" align="center">
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td align="left" bgcolor="#D8D8D8" style="padding:8px" ><font face="Arial, Helvetica, sans-serif" color="#000000" size="2">

Liebe Mitglieder:</p>

Das ist die Erste Testnewsletter und hoffen das Diese euch gefällt. Wir weisen hier auf unseren neuen Produkten. Hier sehen Sie gleich unseren Top Filme der Woche. Kommen Sie einfach vorbei. </p>
</font></td>
</tr>
<tr>
<td style= height="2" width="600" colspan="2"></td>
</tr>
<tr>
<td bgcolor="#000099" align="center" colspan="2"><font face="Arial" color="#FFFFFF" size="3">Unsere Top Highlihts im Juni</font></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"><table width="600" height="130">
<tr>
<td>[Blockierte Grafik: http://www.originalvideo24.de/images/header.gif] </td><td width="10"></td>
<td style="padding:8px; text-align: left; vertical-align: top;" " width="460" height="130" bgcolor="#D8D8D8"><font face="Arial, Helvetica, sans-serif" color="#000000" size="2">

Tesfilm (Horror)</p></font>

<font face="Arial, Helvetica, sans-serif" color="#000000" size="2">Matties Freund Josh hat sich umgebracht. Als wäre das nicht schon schlimm genug, bekommt sie auch noch mysteriöse E-Mails, die von seinem Computer abgesendet worden sind. Zum Glück kann Mattie die Nachrichten nicht öffnen - im Gegensatz zu ihren Freunden, die danach in tiefe Depression verfallen und ebenfalls Selbstmord begehen. Verzweifelt versucht die junge Frau, den geheimnisvollen Fluch zu stoppen. Gemeinsam mit dem Bastler Dexter kommt Mattie schließlich einem schrecklichen Experiment auf die Spur.</font></p></td>
</tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

tevin

Danke für die Info

tevin

Habe ich probiert, klappt aber auch nicht...

tevin

Hallo alle zusammen,

Welchen Befehl muss ich benutzen, damit ich mit einen Wort oder Satz Oben Links an anfang einer <td> schreiben kann. Bisher schaffe ich es nur das das Wort "Test" immer in der Mitte steht.

Hier ist de Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Originalvideo24.de Newsletter</title>
</head>

<body>
<table width="650" align="center">
<tr>
<td colspan='2' align='center' style='border-left:1px solid #0000FF; border-right:1px solid #0000FF; border-bottom:1px solid #0000FF;'>[Blockierte Grafik: http://www.originalvideo24.de/images/header.gif]
<table width="600" align="center">
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td align="left" bgcolor="#D8D8D8" style="padding:8px" ><font face="Arial, Helvetica, sans-serif" color="#000000" size="2">

Liebe Mitglieder:</p>

Das ist die Erste Testnewsletter und hoffen das Diese euch gefällt. Wir weisen hier auf unseren neuen Produkten. Hier sehen Sie gleich unseren Top Filme der Woche. Kommen Sie einfach vorbei. </p>
</font></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td bgcolor="#000099" align="center" colspan="2"><font face="Arial" color="#FFFFFF" size="3">Unsere Top Highlihts im Juni</font></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"><table width="600" height="130">
<tr>
<td>[Blockierte Grafik: http://www.originalvideo24.de/images/header.gif] </td><td width="10"></td>
<td style="padding:8px" width="460" height="130" bgcolor="#D8D8D8"><font face="Arial, Helvetica, sans-serif" color="#000000" size="2">test</font></td>
</tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

tevin

Wie meinst du den das mit den Element?

Kannst du mir einen Beispiel machen?

Außerdem befindet sich in der Tabellenzeille keinen Text.

tevin

Wie meinst du den das mit den Element?

Kannst du mir einen Beispiel machen?

Außerdem befindet sich in der Tabellenzeille keinen Text.

tevin

Habe doch einen neuen Still hinzugefügt oben unter Style

tevin

Ne klappt auch nicht:

Hier ist die Letzte Änderung:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Skinart Piercing Schmuck Newsletter</title>
<style type="text/css">
<!--
.Stil1 {
font-size: 14px;
font-family: Arial;
color: #FFFFFF;
font-weight: bold;
}
.Stil2 {
font-size: 14px;
font-family: Arial;
color: #000000;
font-weight: bold;

}
.Stil3 {
font-size: 42px;
font-family: Arial;
color: #000000;
font-weight: bold;

}

.Stil4 {
height:1px;

}
-->
</style>
</head>
<body>
<table align="center" bgcolor="#999999" width="100%" border="0">
<tr height="1">
<td colspan="2" bgcolor="#000000" align="center" class="Stil4">
</td>
<tr/>
<tr>
<td width="60%" align="center"><span class="Stil3">Ab 20,- VERSAND FREI!</span>
</td>
<td width="40%"><form name="letteritform" action="http://www.skinart.de/letterit2/submit_inc.php" method="post" target="_blank">
<input type="hidden" name="letteritbid[]" value="1">
<table width="100%" bgcolor="#999999" " align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"></td>
</tr>
<tr><td></td>
<td colspan="3"><span class="Stil1">NEWSLETTER ANMELDUNG </span></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td align="center" class="Stil2"><div align="right">Ihre Email:</div></td>
<td><input type="text" size="30" name="letteritemail"></td><td><input type="submit" value="Anmelden"></td>

</tr>
<tr><td colspan="3"></td></tr>

</table>
</form>

</tr>
</table>

</body>
</html>

tevin

Habe es probiert, klappt aber nicht.

Hier ist Tag Änderung welche Du mir vorgeschlagen hast

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Skinart Piercing Schmuck Newsletter</title>
<style type="text/css">

</style>
</head>
<body>
<table align="center" bgcolor="#999999" width="100%" border="0">
<tr height="1">
<td style="height:1px;" colspan="2" bgcolor="#000000" align="center">
</td>
<tr/>
<tr>
<td width="60%" align="center"><span class="Stil3">Ab 20,- VERSAND FREI!</span>
</td>
<td width="40%"><form name="letteritform" action="http://www.skinart.de/letterit2/submit_inc.php" method="post" target="_blank">
<input type="hidden" name="letteritbid[]" value="1">
<table width="100%" bgcolor="#999999" " align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"></td>
</tr>
<tr><td></td>
<td colspan="3"><span class="Stil1">NEWSLETTER ANMELDUNG </span></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td align="center" class="Stil2"><div align="right">Ihre Email:</div></td>
<td><input type="text" size="30" name="letteritemail"></td><td><input type="submit" value="Anmelden"></td>

</tr>
<tr><td colspan="3"></td></tr>

</table>
</form>

</tr>
</table>

</body>
</html>

tevin

Hallo,

Habe mal eine Frage da ich hier nicht weiter komme,

Wie kann ich den eine Tabellenzeille so verkleinern das ich einen kleine feinen Strich bekommen hatte so an 5 Pixel gedacht:

Hier ist der Quellcode:

Es handelt sich um die Erste Tabellenzeille mit den Schwarzen Background, diese ist mir zu Fett und will eigentlich einen kleinen Strich erzeugen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Skinart Piercing Schmuck Newsletter</title>
<style type="text/css">

</style>
</head>
<body>
<table align="center" bgcolor="#999999" width="100%" border="0">
<tr height="1">
<td height="1" colspan="2" bgcolor="#000000" align="center">
</td>
<tr/>
<tr>
<td width="60%" align="center"><span class="Stil3">Ab 20,- VERSAND FREI!</span>
</td>
<td width="40%"><form name="letteritform" action="http://www.skinart.de/letterit2/submit_inc.php" method="post" target="_blank">
<input type="hidden" name="letteritbid[]" value="1">
<table width="100%" bgcolor="#999999" " align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"></td>
</tr>
<tr><td></td>
<td colspan="3"><span class="Stil1">NEWSLETTER ANMELDUNG </span></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td align="center" class="Stil2"><div align="right">Ihre Email:</div></td>
<td><input type="text" size="30" name="letteritemail"></td><td><input type="submit" value="Anmelden"></td>

</tr>
<tr><td colspan="3"></td></tr>

</table>
</form>

</tr>
</table>

</body>
</html>

Beiträge von tevin

css gallery umbauen

Tag für Link Titel

Tag für Link Titel

Tag für Link Titel

Gleicher Abstand auf einer Seite

Annfang einer Satzes oben links in einer Tabelle anfangen

Annfang einer Satzes oben links in einer Tabelle anfangen

Annfang einer Satzes oben links in einer Tabelle anfangen

Tabellenzeille verkleinern

Tabellenzeille verkleinern

Tabellenzeille verkleinern

Tabellenzeille verkleinern

Tabellenzeille verkleinern

Tabellenzeille verkleinern