Tabellen in Seiteninhalt benutzen!
Eingetragen von Netman (11)am 13.07.2007 - 10:43 Uhr in
Hallo,
ich habe da mal wieder ein Problem!
ich möchte im Inhaltstype "Page" eine Tabelle einfügen,
wenn ich die Tabelle in einem HTML Editor erstelle sieht alles gut aus,
danach kopiere ich den Quelltext in die Drupal Page und die Tabelle wird
anders angezeigt als im HTML Editor woran liegt das und was kann ich machen?
Siehe auch http://www.derfahrer.de/drupal/node/24
(Die Bilder sind übrigens nur zur Testzwecken)
und hier so wie sie aussehen soll: http://www.derfahrer.de/drupal/tabelle.htm
Ich verstehe nicht warum Drupal die Tabelle nicht so anzeigt wie in einer normalen
HTML Seite, Eingabe Type steht auf full HTML.
Ich würde ja die ganze Sache auch per PHP in die Page einbauen,
habe aber überhaubt keine ahnung von PHP.
Tabellen mit Bilder sollte man aber doch bestimmt auch per PHP erzeugen können.
Ich bedanke mich im voraus schon mal für evtl. Hilfen
Mfg Peter Radszuhn
- Anmelden oder Registrieren um Kommentare zu schreiben
Das liegt am CSS deines
am 13.07.2007 - 10:53 Uhr
Das liegt am CSS deines Themes, guck da mal ob das was mit table, tr, td findest...
gruß pebosi
Danke für die wirklich schnelle Antwort! da steht was drin!
am 13.07.2007 - 11:14 Uhr
Hallo,
ich habe folgedes gefunden:
/*----------table styles----------*/
table
{
margin:1em 0;
width:100%;
}
ist das dafür verantwortlich?
was muß ich hier änder?
Mfg Peter Radszuhn
Ne, das sollte eigentlich
am 13.07.2007 - 11:29 Uhr
Ne, das sollte eigentlich was mit "padding" sein...
gruß pebosi
Selbst wenn ich die CSS Deaktiviere!
am 13.07.2007 - 11:35 Uhr
Hallo,
habe die CSS augeschaltet, Tabelle ändert sich nicht!
komisch finde ich das schon, keine ahnung was ich machen kann.
Hier der CSS inhalt:
/*** Barron - $Id: style.css,v 1.4.2.2 2007/04/10 00:30:51 jwolf Exp $ ***/
body
{
background:transparent url('images/header.jpg') repeat-x;
color:#444;
font:normal normal normal small/1.5em "Lucida Grande", Verdana, sans-serif;
font-size-adjust:none;
font-stretch:normal;
margin:0;
padding:0;
}
h2
{
font-size:150%;
font-weight:normal;
margin:20px 0 0;
}
h3
{
font-size:130%;
font-weight:normal;
}
a:link,a:visited
{
color:#660403;
font-weight:normal;
text-decoration:none;
}
a:hover
{
color:#E90017;
text-decoration:underline;
}
#container
{
margin:0 auto;
max-width:970px;
width:90%;
}
/*----------header, logo and site name styles----------*/
#header
{
height:100px;
position:relative;
}
#logo
{
float:left;
margin-top:15px;
}
#siteName
{
color:#fff;
float:left;
font-size:350%;
margin:40px 0 0;
}
#siteName a
{
color:#fff;
text-decoration:none;
}
#siteName a:hover
{
color:#ddd;
text-decoration:none;
}
#siteSlogan
{
color:#eee;
float:left;
font-size:170%;
margin:50px 0 0 10px;
text-transform:lowercase;
white-space:nowrap;
}
#logo img
{
border:0;
float:left;
}
#logoWrapper
{
line-height:4em;
position:absolute;
}
/*----------nav styles -- primary links in header----------*/
#nav {
height:100%;
margin: 0;
padding:5px 0;
position: absolute;
right: 0;
}
ul
{
list-style:none outside none;
list-style-image:none;
margin:0;
padding:0;
}
#nav li
{
display:inline;
}
#nav li a
{
border:medium none;
color:#ccc;
font-weight:normal;
padding:6px 10px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}
#nav li a:hover
{
background:#7B0505 none repeat;
border:medium none;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
color:#fff;
padding-left:9px;
padding-right:9px;
}
/*----------main content----------*/
#content
{
display:inline;
float:left;
margin:20px 0;
max-width:750px;
overflow:hidden;
width:79%;
}
/*----------sidebar styles----------*/
#sidebarWrapper
{
background:transparent url('images/sidebar_bottom.jpg') no-repeat scroll left bottom;
display:inline;
float:right;
margin-top:20px;
max-width: 200px;
width:21%;
}
#sidebar
{
background:transparent url('images/sidebar_top.jpg') no-repeat scroll left top;
margin:0 0 20px;
padding:10px 0 0 30px;
}
#sidebar .title
{
border-bottom:1px solid #eee;
color:#660403;
font-size:120%;
font-weight:bold;
line-height:19px;
margin:10px 0;
}
/*----------page styles----------*/
.pageTitle
{
color:#2D0102;
font-size:220%;
margin:10px 0 20px;
}
.mission
{
background-color:#efefef;
border:solid 1px #ccc;
marign:0 0 10px 0;
padding:10px;
}
.messages
{
color:#C80000;
font-size:110%;
margin:10px 0;
}
/*----------node styles----------*/
.nodeTitle
{
background:url('images/nodeTitle.gif') no-repeat 0 100%;
color:#9a0000;
font-size:180%;
margin:0;
}
.nodeTitle a
{
color:#660403;
text-decoration:none;
}
.nodeTitle a:hover
{
color:#d00000;
text-decoration:none;
}
.node
{
margin:0 0 20px;
}
.content p
{
margin:10px 0;
}
.submitted
{
color:#a3a3a3;
font-size:70%;
}
.nodeLinks
{
font-size:95%;
margin:0;
padding:0;
}
.taxonomy
{
background:url('icons/tag_red.png') no-repeat 0 7px;
font-size:80%;
padding:0 0 5px 16px;
}
/*----------comment styles----------*/
.commentTitle
{
border-bottom:1px solid #ddd;
color:#9a0000;
font-size:130%;
margin:20px 0 0;
}
.commentTitle a
{
color:#660403;
text-decoration:none;
}
.commentTitle a:hover
{
color:#d00000;
text-decoration:none;
}
.commentLinks
{
background:#f7f7f7;
border:1px solid #e1e1e1;
color:#444;
font-size:95%;
margin:20px 0 30px;
padding:4px 0 4px 4px;
}
/*----------footer----------*/
#footer
{
clear:both;
font-size:85%;
margin:0 0 20px;
text-align:center;
}
#footer a
{
border:medium none;
color:#a3a3a3;
}
/*----------img styles----------*/
img
{
padding:3px;
}
/*----------icons for links----------*/
.comment_comments a
{
background:url('icons/comment.png') no-repeat 0 2px;
padding-bottom:5px;
padding-left:20px;
}
.node_read_more a
{
background:url('icons/page_white_go.png') no-repeat;
padding-bottom:5px;
padding-left:20px;
}
.comment_add a,.comment_reply a
{
background:url('icons/comment_add.png') no-repeat;
padding-bottom:5px;
padding-left:20px;
}
.comment_delete a
{
background:url('icons/comment_delete.png') no-repeat;
padding-bottom:5px;
padding-left:20px;
}
.comment_edit a
{
background:url('icons/comment_edit.png') no-repeat;
padding-bottom:5px;
padding-left:20px;
}
/*----------TinyMCE editor----------*/
body.mceContentBody
{
background:#fff;
color:#000;
font-size:12px;
}
body.mceContentBody a:link
{
color:#ff0000;
}
/*----------table styles----------*/
table
{
margin:1em 0;
width:100%;
}
thead th
{
border-bottom:2px solid #AAA;
color:#494949;
font-weight:bold;
}
td,th
{
padding:.3em 0 .5em;
}
tr.even,tr.odd,tbody th
{
border:solid #D5D6D7;
border-width:1px 0;
}
tr.even
{
background:#fff;
}
td.region,td.module,td.container
{
background:#D5D6D7;
border-bottom:1px solid #AAA;
border-top:1.5em solid #fff;
color:#455067;
font-weight:bold;
}
tr:first-child td.region,tr:first-child td.module,tr:first-child td.container
{
border-top-width:0;
}
td.menu-disabled,td.menu-disabled a
{
background-color:#D5C2C2;
color:#000;
}
/*----------other styles----------*/
.block
{
margin:5px 0 20px;
}
.thumbnail,.preview
{
border:1px solid #ccc;
}
Mfg Peter Radszuhn
Scheiße ändert sich doch aber nur im IE nicht im Firefox
am 13.07.2007 - 11:38 Uhr
Wird scheinbar im Firefox ander interpretiert.
muß jetzt rausfinden was dafür verantwortlich ist
Mfg Peter
Dafür verantwortlich ist!
am 13.07.2007 - 12:08 Uhr
Als erstes für die Breite
/*----------img styles----------*/
img
{
padding:1px;
}
Als zeites für die Höhe
/*----------node styles----------*/
.content p
{
margin:1px 0;
}
jetzt ist die Tabelle so wie sie sein soll!
ALLERDINGS NUR IM IE im firefox und Opera ist die Anzeige nicht korrekt!
was kann man dagegen tun?
ich hoffe nur das das nicht auch noch auf andere sachen auswirkung hat
Mfg Peter