Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.02.2013 um 13:59 (UTC)    
Titel: css tabelle in seite ein binden

Hallo ,

möchte gern eine Tabelle auf der Seite Mitglieder einbinden .......
doch diese ist in css ...........wie binde ich diese richtig ein ???

Hier der Code...


<br />
<style type="text/css"><!--
..CSSTableGenerator {
margin:0px;padding:0px;
width:100%;
box-shadow: 10px 10px 5px #888888;
border:1px solid #757575;

-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;

-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;

-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px;

-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-top-left-radius:10px;}
.CSSTableGenerator table{
width:100%;
height:100%;
margin:0px;padding:0px;}
.CSSTableGenerator tr:last-child td:last-child {
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;}
.CSSTableGenerator table tr:first-child td:first-child {
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
border-top-left-radius:10px;}
.CSSTableGenerator table tr:first-child td:last-child {
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px;}
.CSSTableGenerator tr:last-child td:first-child{
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;}
.CSSTableGenerator tr:hover td{
background-color:#ffffff;}
.CSSTableGenerator td{
vertical-align:middle;
background:-o-linear-gradient(bottom, #f99608 5%, #ffffff 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f99608), color-stop(1, #ffffff) );
background:-moz-linear-gradient( center top, #f99608 5%, #ffffff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f99608", endColorstr="#ffffff"); background: -o-linear-gradient(top,#f99608,ffffff);

background-color:#f99608;

border:1px solid #757575;
border-width:0px 1px 1px 0px;
text-align:center;
padding:10px;
font-size:10px;
font-family:Arial;
font-weight:bold;
color:#000000;}
.CSSTableGenerator tr:last-child td{
border-width:0px 1px 0px 0px;}
.CSSTableGenerator tr td:last-child{
border-width:0px 0px 1px 0px;}
.CSSTableGenerator tr:last-child td:last-child{
border-width:0px 0px 0px 0px;}

.CSSTableGenerator tr:first-child td{
background:-o-linear-gradient(bottom, #f99608 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f99608), color-stop(1, #bf5f00) );
background:-moz-linear-gradient( center top, #f99608 5%, #bf5f00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f99608", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#f99608,bf5f00);

background-color:#f99608;
border:0px solid #757575;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:20px;
font-family:Arial;
font-weight:bold;
color:#000000;}
.CSSTableGenerator tr:first-child:hover td{
background:-o-linear-gradient(bottom, #f99608 5%, #bf5f00 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f99608), color-stop(1, #bf5f00) );
background:-moz-linear-gradient( center top, #f99608 5%, #bf5f00 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f99608", endColorstr="#bf5f00"); background: -o-linear-gradient(top,#f99608,bf5f00);

background-color:#f99608;}
.CSSTableGenerator tr:first-child td:first-child{
border-width:0px 0px 1px 0px;}
.CSSTableGenerator tr:first-child td:last-child{
border-width:0px 0px 1px 1px;}

-->
</style>
Beitrag24.02.2013 um 15:32 (UTC)    
Titel:

CSS-Code beinhaltet lediglich Darstellungs-Informationen, also wie etwas aussehen soll. Das heißt, du müsstest einer Tabelle, die du erstellt hast, anschließend diesen Stil zuweisen. Hierfür musst du in diesem Fall der Tabelle die Klasse "CSSTableGenerator" zuweisen. Das geht z.B. indem du im HTML-Code im table-Tag class ergänzt:
<table .... class="CSSTableGenerator" .... >
______________
Mit mir chatten? Besuche uns auf CookieChat.de (keine Anmeldung nötig, einfach einen Spitznamen einegeben)


Zuletzt bearbeitet von freefunstuff am 24.02.2013, 16:33, insgesamt einmal bearbeitet
Beitrag24.02.2013 um 16:12 (UTC)    
Titel:

freefunstuff hat Folgendes geschrieben:
CSS-Code beinhaltet lediglich Darstellungs-Informationen, also wie etwas aussehen soll. Das heißt, du müsstest einer Tabelle, die du erstellt hast, anschließend diesen Stil zuweisen. Hierfür musst du in diesem Fall der Tabelle die Klasse "CSSTableGenerator" zuweisen. Das geht z.B. indem du im HTML-Code im table-Tag class ergänzt:
<table .... class="CSSTableGenerator" .... >


Wie mach ich das jetzt genau ?
mit oder style oder div ???????
Ich bin da planlos

D A N K E



AH

Ich habs


http://dus-test2.de.tl/Mitglieder.htm


Zuletzt bearbeitet von dus-test2 am 24.02.2013, 17:28, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de