ilch Forum » Allgemein » Plauder Ecke » Hilfe beim Platzhalter

Geschlossen
  1. Fr. 16.08.2013 00:42 Uhr #1
    User Pic
    zillo gelöschter User
    Hallöööö habe neues Design aber wenn ich es ausprobiere ist alles untereinander obwohl ich ne tabelle erstellt habe.

    hier die style.css 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

  <meta content="text/html; charset=utf-8" http-equiv="content-type" />
  <title>FaceComNews</title>


  <meta content="" name="keywords" />

  <meta content="" name="description" />

  <link media="screen" type="text/css" rel="stylesheet" href="include/designs/blue/styles.css" />

  <link media="screen" type="text/css" href="include/designs/blue/nivo-slider.css" rel="stylesheet" />

</head>


<body>

<div id="mainbg"><!-- header begins -->
<div id="header">
<div id="logo">
<h1><a href="#">FaceComNews</a></h1>

<h2><small><a href="#"><small>Hier gibts
Neuste News</small></a></small></h2>

</div>

<div id="buttons">
<ul>

  <li><a href="#" title="" class="active">Home</a></li>

  <li><a href="#" title="">Blog</a></li>

  <li><a href="#" title="">Gallery</a></li>

  <li><a href="#" title="">About Us</a></li>

  <li><a href="#" title="">Contact Us</a></li>

</ul>

</div>

<div class="header_back">
<div id="wrapper">
<div id="slider-wrapper">
<div id="slider" class="nivoSlider"> <img src="include/designs/blue/header1.jpg" alt="" /> <img src="include/designs/blue/header2.jpg" alt="" /> <img src="include/designs/blue/header3.jpg" alt="" />
</div>

</div>

</div>

<script type="text/javascript" src="include/designs/blue/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="include/designs/blue/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script></div>

<!-- header ends --><!-- content begins -->
<table style="text-align: left; width: 1015px; height: 28px;" border="1" cellpadding="2" cellspacing="2">

  <tbody>

    <tr>

      <td style="width: 250px;">
      <div id="menulinks">{_list_menunr1@
      <div id="menulinkskopf" class="classboxenuberschrift">%1</div>

      <div id="menulinksmitte" class="classboxeninhalte">%2</div>

      <div id="menulinksfuss"></div>

} </div>

      <div id="menulinks">{_list_vmenupoint@<a href="%2" target="%1">
      <h2><span>%3</span></h2>

      </a>}</div>

      </td>

      <td style="width: 495px;">
      <div id="main_colin">{EXPLODE}</div>

      </td>

      <td style="width: 250px;">
      <div id="menurechts">{_list_menunr2@
      <div id="menurechtskopf" class="classboxenuberschrift">%1</div>

      <div id="menurechtsmitte" class="classboxeninhalte">%2</div>

      <div id="menurechtsfuss"></div>

} </div>

      </td>

    </tr>

  </tbody>
</table>

<!-- content ends --><!-- footer begins -->
<div id="footer">
<p>Copyright 2012. <a href="#">Privacy Policy</a>
| <a href="#">Terms of Use</a>
|
<a href="" title=""><abbr title=""></abbr></a>|
<a href="" title=""><abbr title=""></abbr></a></p>

<p><!-- Do not remove -->Design by for<!-- end -->
</p>

</div>

<!-- footer ends --> </div>

</div>

</body>
</html>


    hier die index.htm 

    /*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: #577B95;
    text-decoration:underline;
}

a:hover{
    text-decoration: underline;
    color: #000000;
}

*
{
    border: 0;
    margin: 0;
}

body
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 20px;
    background: url(images/header.jpg) center top fixed;
    background-repeat:repeat-x;
    background-position: top;
}

#mainbg{
    width: 1016px;
    margin: 0 auto;
}

#main{
    margin: 0 auto;
    width: 1016px;
    padding-top: 10px;
}

#header{

    background-position: top;
    width: 100%;
}

#logo{
    width: 1016px;
    margin: 0 auto;
    text-align: left;
    padding-top: 30px;
    height: 40px;
}

#logo a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
    color: #0A4E80;
    font-weight: normal;
    padding-left: 20px;
}

#logo H2 a{
    font-size: 10px;
}

#buttons{
    width: 1016px;
    height: 57px;
    margin: 0 auto;
    padding-top: 15px;
    background: url(images/menubg.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#buttons ul {
    padding-left: 0px;
}

#buttons li {
    display: inline;
}

#buttons a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    display: block;
    float: left;
    width: 20%;
    height: 37px;
    padding-top: 19px;
    margin-top: 1px;
}

#buttons a:hover, .active{
   background: url(images/menu_h.png);
   background-repeat: no-repeat;
   background-position: center;
}

.header_back
{
background: url(images/header_back.png) no-repeat;
width: 1016px;
height: 256px;
margin-top: 10px;
padding-top: 7px;
}


#content{

}

#left{
    width:249px;
    padding-left: 1px;
    float: left;
}

#left h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 10px;
    background: url(images/title_left.png);
    background-repeat:no-repeat;
    background-position:top left;
}

#left .company{
    padding-top: 10px;
}

.numleft{
    background: url(images/numbg.png);
    background-repeat: no-repeat;
    background-position: left top;
    float:left;
    width: 37px;
    min-height: 37px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin: 0px 8px 0px 8px;
}

.numleft p{
    padding-top: 10px;
}

.newsright{
    padding-left: 53px;
    padding-right: 10px;
}

#left .read a{
    color: #577B95;
    font-weight:normal;
    font-style: italic;
    font-size: 12px;
    text-decoration:none;
    border-bottom: 1px dotted #577B95;
    margin-right: 10px;
}

.left_grad{
    background: url(images/) no-repeat;
    background-position: top left;
    min-height: 100%;
}

.left_bg{
    background: url(images/left_bg.png) repeat-y;
    background-position:left;
}

.left_bot{
    background: url(images/left_bot.png) repeat-y;
    background-position:left top;
    height: 5px;
    margin-bottom: 10px;
}

#center{
    width: 547px;
    padding-left: 10px;
    float: left;
}

#center p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}

.text{
    padding: 10px;
    background: #ffffff url(images/text_bg.png);
    background-position: bottom;
    background-repeat: repeat-x;
    min-height: 64px;
}


#center H1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #00456e;
    font-size: 16px;
    height: 36px;
    width: 537px;
    padding-top: 10px;
    padding-left: 10px;
    background: url(images/title_center.png);
    background-repeat:no-repeat;
    background-position: top;
}

.read{
    text-align: right;
    padding-bottom:5px;
    padding-right: 5px;
}

#center .read{
    height: 26px;
    padding-top: 3px;
    background: url(images/read.png);
    background-repeat: no-repeat;
    background-position: top;
}

#center .read a{
    color: #ffffff;
    font-weight:normal;
    font-style: italic;
    font-size: 12px;
    padding-right: 15px;
    text-decoration:none;

}

.read a:hover{
    text-decoration:underline;
}

#right{
    width:198px;
    padding-right: 1px;
    float:right;
}

#right h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 10px;
    background: url(images/title_right.png);
    background-repeat:no-repeat;
    background-position:top left;
}

.right_grad{
    background: url(images/right_grad.png) no-repeat;
    background-position: top left;
    min-height: 206px;
}

.right_bg{
    background: url(images/right_bg.png) repeat-y;
    background-position:left;
}

.right_bot{
    background: url(images/right_bot.png) repeat-y;
    background-position:left top;
    height: 4px;
    margin-bottom: 10px;
}

.categories{

}

.categories a{
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.categories a:hover{
    font-weight: normal;
    color: #ff0000;
    text-decoration: none;
}

.categories ul{
    padding-left: 5px;
    padding-right: 5px;
}

.categories ul li{
    list-style: none;
    padding: 3px 5px 3px 5px;
    border-bottom: 1px dotted #979797;
}

.recent a{
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.recent ul{
    padding-left: 10px;
    padding-right: 10px;
}

.recent ul li{
    list-style: none;
    padding: 3px 5px 3px 13px;
    background: url(images/ls1.png);
    background-repeat: no-repeat;
    background-position: 0px 11px;
}

#footer
{
    height: 40px;
    font-size: 10px;
    color: #ffffff;
    padding-top: 10px;
    text-align: center;
    clear:both;
    background: url(images/footer.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-top: 1px;
    padding-bottom: 5px;
}

#footer a{
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.padding{
    padding: 10px;
    color:#FF0000;
    font-weight: bold;
}


/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


#slider-wrapper {
    background:url(images/top.jpg) no-repeat;
    width: 1000px;
    height: 236px;
    margin:0 auto;
	
}

#slider {
	position:relative;
	width: 1000px;
    height:236px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
	display: none;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


    rechtsunten design blue

    Danke schonmal im voraus


    verwendete ilchClan Version: 1.1

    betroffene Homepage: facecomnews.de.to/
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 16.08.2013 08:14 Uhr #2
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    da stellt sich für mich die frage wieso du überhaupt mit tabellen arbeitest du hast doch auch divs drin ....

    mach alles mit divs nochmals neu!
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 16.08.2013 18:15 Uhr #3
    User Pic
    FFF Team Mitglied
    Registriert seit
    10.10.2012
    Beiträge
    51
    Beitragswertungen
    0 Beitragspunkte
    Word! Wir sind mittlerweile im Zeitalter von HTML5 & CSS3 angekommen mit so vielen vereinfachten Möglichkeiten, da braucht man sich doch nicht mehr mit Tables "rumärgern"...

    Finde übrigens auch das man wenn ilch 1.2 rauskommt die ganzen ilch Templates (nicht nur Designs) auf CSS & DIVS umschreiben sollte. Hab ich bei meinem auch gemacht, weil ein HTML5 Template und dann kommen irgendwo im Quelltext Tables von der Loginbox vor, is nicht so toll lachen
    0 Mitglieder finden den Beitrag gut.
  4. Fr. 16.08.2013 20:17 Uhr #4
    User Pic
    zillo gelöschter User
    so leicht gesagt kann doch ne so gut php und html5 aber ich tu mein bestes

    vor zwei jahren gabs ja noch ein Prgogramm von cuffeup wenn du was erstellst dann wird im hintergrund eine style.css und der bilder ordner erstellt wie Bluevoda nur jetzt kostet das Prgoramm 45 euro


    ABER ich denke das es so untereinander ist liegt an News.html oder News.php
    bei singlelove gehts fehlerfrei

    Schaut bei singlelove.funpic.de design "blue"
    0 Mitglieder finden den Beitrag gut.
  5. Di. 20.08.2013 11:25 Uhr #5
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    da seh ich nur wartungsarbeiten....
    0 Mitglieder finden den Beitrag gut.
  6. Di. 10.09.2013 21:25 Uhr #6
    User Pic
    zillo gelöschter User
    so geht alles nur das mit den wartungsarbeiten weis ich ne gibts da ne datei in Ilch? oder wo mus ich da suchen?
    0 Mitglieder finden den Beitrag gut.
  7. Di. 10.09.2013 21:29 Uhr #7
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    jetzt ist das mit den wartungsarbeiten weg dafür erscheint eine "Seite"

    sieht doch alles abgesehen vom design normal aus ... also position ist korrekt aber das design solltest du nochmals überarbeiten ist nicht wirklich zeitgemäß oder ansprechend
    0 Mitglieder finden den Beitrag gut.
  8. Di. 10.09.2013 22:12 Uhr #8
    User Pic
    zillo gelöschter User
    Ja mein design ist ne zeitgemäß ist aber auser black das zweite was ich ohne hilfe geschaft habe na ok habe ein wennig beschießen habe Bluevoda mit benutzt und phpdesigner2007pe für die grafik "DrawPlus"
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Plauder Ecke

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten