browser

dogoo · Post by **dogoo** » Thu 26. Jan 2006, 14:03

8c18" width="430">

{CONTENT}
</div>
{SPACER:430x16}<br />
<br />
{SPACER:20x20}[/code]

Mehlinger · Post by **Mehlinger** » Thu 26. Jan 2006, 14:25

Hi,

dein Code ist sehr unsauber.

Probiers mal damit:

<!-- Haupt -->
<div style="padding-left:10px;padding-top:10px;">
<table width="100%">
 <tr> 
<td class="datum">{DATE_MEDIUM} - {TIME_SHORT} </td>
<td class="sprachen" align="right">{IMAGE:img_flag_germany.jpg} {IMAGE:img_flag_france.jpg} {IMAGE:img_flag_england.jpg}</td>

</tr>
</table>
<hr noshade size="1" align="left" color="#708c18" width="430" />
<!-- Content -->
{CONTENT}
</div>
{SPACER:430x16}<br />
{SPACER:20x20}

die Farbe und Größe der <hr> solltest du auch im CSS angeben. color="" in hr ist soweit ich weiß nicht zulässig.

Dein Problem wird aber hauptsächlich an den falsch verschachtelten <td> liegen.

Gruß Mehlinger

dogoo · Post by **dogoo** » Thu 26. Jan 2006, 14:34

habe jetzt dein code eingefüt, hat sich aber nicht viel verändert, beim firefox isch alles okay aber beim IE sieht nicht gut aus, die englische flage zeigts nur halb an, vielleicht muss ich ja auch beim frontend.css etwas ändern oder?
das ist mein frontend.css code:

Code: Select all

.formLabelRequired{
   font-size:11px;
   padding-right:20px;
   padding-left:4px;
}



body {
   font-family: Verdana;
   font-size: 11px;
   font-color: #3e3d3d;
}

form, div, p, h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
}

td, th, p, div, span {
   font-family: Verdana;
   font-size: 11px
}

.listEntry {
   margin-bottom: 10px;
}

a, a:link, a:visited, a:active, a:focus {
   color: #FFFFFF;
   text-decoration: none
}
a:hover {
   color: #FFFFFF;
   text-decoration: underline;
}

.articleText {
   margin-bottom: 3px;
   text-align: justify;
}

.articleCode {
   margin-bottom: 3px;
   font-family: Verdana;
   font-size: 12px;
   font-color: #3e3d3d
}

h1, h2, h3, h4, h5, h6 {
   font-family: verdana;
   font-color: #FFFFFF;
}

.articleSummary {
   font-family: verdana;
   font-size: 11px;
   color: #3e3d3dF;
   padding:10px;
   line-height: 135%;
}

.v09 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; }
.v10 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; }
.v11 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }
.v12 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
.v13 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; }
.v14 {  font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; }


/*
.formButton   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #92A1AF; }
.formLabel   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; }
.checkLabel   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.radioLabel   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.formTextArea   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;   }
.inputText   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.inputPass   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.selectMenu   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.selectList   { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
*/

/* search */
.formSearch { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}
.search_form {}
.search_result {}



.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   color: #4A5966;
   font-weight: normal;
   text-decoration: none;
}
.nav_table a:hover {
   text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   color: #4A5966;
   font-weight: bold;
   text-decoration: none;
}

.articleList_toptext {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
}

.articleList_listhead {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
}


/* CSS for the top level list */
#list_top_ul {
   padding: 3px 0;
   margin-left: 0;
   border-bottom: 1px solid #5E747F;
   font: bold 12px Verdana, sans-serif;
}
#list_top_ul li {
   list-style: none;
   margin: 0;
   display: inline;
}
#list_top_ul li a {
   padding: 3px 0.5em;
   margin-left: 3px;
   border: 1px solid #778;
   border-bottom: none;
   background: #D7DEE5;
   text-decoration: none;
}
#list_top_ul li a:link { color: #5E747F; }
#list_top_ul li a:visited { color: #5E747F; }
#list_top_ul li a:hover {
   color: Black;
   background: #92A1AF;;
   border-color: #227;
}
#list_top_ul li a#list_top_active_link, #list_top li a#list_top_home_active_link {
   background: white;
   border-bottom: 1px solid white;
}

/* CSS for the currect level list */
#list_level ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
#list_level li { margin: 0 0 1px 0; }
#list_level a {
   display: block;
   padding: 2px 2px 2px 24px;
   border: 1px solid #92A1AF;
   width: 160px;
   background-color: #B7C2D0;
}
#list_level a:link, #list_level_ul a:visited {
   color: Black;
   text-decoration: none;
}
#list_level a:hover {
   border: 1px solid #92A1AF;
   background-color: #FF8C00;
   color: Black;
}
#list_level_parent a:link, #list_level_parent a:visited, #list_level_parent_link a:hover {
   border: 1px solid #92A1AF;
   background-color: #FF6600;
   color: White;
}


/**
 * Sample CSS for DIV pagelayout
 */
#container {
   width: 760px;
   \width: 780px;
   w\idth: 760px;
   border: 1px solid gray;
   margin: 10px;
   margin-left: auto;
   margin-right: auto;
   padding: 10px;
}

#headerBlock {
   padding: 5px;
   margin-bottom: 5px;
   background-color: rgb(213, 219, 225);
}

#mainBlock {
   padding: 5px;
   margin-left: 215px;
   margin-right: 215px;
   background-color: gray;
}

#leftBlock {
   float: left;
   width: 200px;
   \width: 210px;
   w\idth: 200px;
   margin: 0;
   margin-right: 5px;
   padding: 5px;
   background-color: rgb(235, 235, 235);
}

#rightBlock {
   float: right;
   width: 200px;
   \width: 210px;
   w\idth: 200px;
   margin: 0;
   margin-left: 5px;
   padding: 5px;
   background-color: rgb(235, 235, 235);
}

#footerBlock {
   clear: both;
   padding: 5px;
   margin-top: 5px;
   background-color: rgb(213, 219, 225);
}


/**
  * Sample for FORUM
  */
.tableForum { background-color: #FFFFFF; border: 2px #006699 solid; }

th   {
   color: #FFA34F; font-size: 10px; font-weight : normal;
   background-color: #006699; height: 24px;
   background-image: url(../../img/forum/silver/cellpic3.gif);
   background-repeat: repeat-x;
}
th.thForum, th.thTopic, th.thPost, th.thLastPost {
   font-weight: normal; border: #FFFFFF; border-style: solid; height: 24px;
}
th.thForum { border-width: 0px 0px 0px 0px; }
th.thTopic { border-width: 0px 0px 0px 0px; }
th.thPost  { border-width: 0px 0px 0px 0px; }
th.thLastPost { border-width: 0px 0px 0px 0px; }

td.rowIcon, td.rowForum { background-color: #EFEFEF; height: 30px; }
td.rowLabel, td.rowReply { background-color: #EFEFEF; }
td.rowError { background-color: #D82B2B; }
td.rowTopic, td.rowPost, td.rowLastPost, td.rowReplyA   { background-color: #DEE3E7; }
td.row3   { background-color: #D1D7DC; }
td.rowIcon, td.rowLabel, td.rowReply, td.rowReplyA   { padding-left: 4px; padding-right: 4px; }

.rowText { font-size : 12px; }
.rowError { font-size: 12px; color: #FFFFFF; }
.rowTextMed { font-size : 11px; }
.rowTextSmall { font-size : 10px; }
.rowTextLabel { font-size : 12px; font-weight: bold; }
.rowText,.rowTextMed,.rowTextSmall, .rowTextLabel { color : #000000; }
a.rowText,a.rowTextMed,a.rowTextSmall { color: #006699; text-decoration: none; }
a.rowText:hover,a.rowTextMed:hover,a.rowTextSmall:hover   { color: #DD6900; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu      { font-size : 11px; color : #000000 }
a.mainmenu      { text-decoration: none; color : #006699;  }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }

/* Forum category titles */
.cattitle      { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle      { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }

.catBottom {
   background-color: #D1D7DC;
   background-image: url(../../img/forum/silver/cellpic1.gif);
   background-repeat: repeat-x;
   text-align: center;
}

/* Forum title: Text and link to the forums used in: index.php */
.rowTextForumlink      { font-weight: bold; font-size: 12px; color : #006699; }
.rowTextForumlink a, .rowTextForumlink a:link, .rowTextForumlink a:active, .rowTextForumlink a:visited {
   text-decoration: none; color : #006699;
}
.rowTextForumlink a:hover { text-decoration: underline; color : #DD6900; }


.navForum { font-weight: bold; font-size: 11px; color : #000000;}
.navForum a, .navForum a:link, .navForum a:active, .navForum a:visited { text-decoration: none; color : #006699; }
.navForum a:hover { text-decoration: underline; color : #006699; }

.forumInputText {
   font-weight: bold;
   font-size: 13px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.forumTextareaText {
   font-weight: normal;
   font-size: 13px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.forumButton {
   font-weight: bold;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.postdetails { font-size: 10px; color: #000000; margin: 3px 0 0 0; }
.postdetails hr {
   margin: 0 0 0 0;
   padding: 0;
   height: 0px;
   border: solid #D1D7DC 0px;
   border-top-width: 1px;
}

.postbody      { font-size: 12px; color : #000000; margin: 0 0 3px 0; padding: 0 }
.postbody a, .postbody a:link, .postbody a:active, .postbody a:visited {
   text-decoration: none; color : #006699;
}
.postbody a:hover { text-decoration: underline; color : #DD6900; }

Mehlinger · Post by **Mehlinger** » Thu 26. Jan 2006, 14:40

Ist

Code: Select all

{SPACER:430x16}

vielleicht zu groß?

Nimm mal

Code: Select all

{SPACER:10x16}

Post by **flip-flop** » Thu 26. Jan 2006, 14:45

Hi dogoo,

Code: Select all

<div style="padding-top:10px; padding-right:10px; padding-left:10px;">

ich möchte Dir nicht zu nahe treten, aber findest Du es richtig dass wir Grundlagenprobleme für Dich lösen?
Siehe: http://www.phpwcms.de/forum/viewtopic.php?p=57005#57005
http://www.phpwcms.de/forum/viewtopic.php?p=49435#49435

Tabellenaufbau und ein wenig CSS-Wissen solltest Du schon beherrschen.
Tip: Stefan Münz
Der Quellcode auf der HP sieht übrigens anders aus. Da gibt es auch verlorene Klassen wie ;=""

Gruß Knut

Mehlinger · Post by **Mehlinger** » Thu 26. Jan 2006, 14:52

<div style="padding-left:10px;padding-top:10px;">

hab ich ja total überlesen

Ich schick dir den validierten Code per PM

browser

browser

browser

Re: browser

Re: browser