Advertentie blok :D

Gestart doorReins6 dec 201016 reacties20 weergaven

17 berichten · pagina 1 van 2

Reins

Lid · Topicstarter

Berichten: 14.363
Reputatie: 0
Punten: 0,00

Lid sinds: 2009
Laatst gezien: 12 jun 2025

6 dec 2010, 16:41

Hi,
hoe zet ik een advertentie blok neer?
Met css weet ik ja, maar hoe?

Gebruik eeros btw.
ik heb ff een printscreen genomen en een ad erbij gezet

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

6 dec 2010, 16:46

dan moet je in je layout een vak maken met css ja

je layout zelf zet je in een container met float: left; en in diezelfde container zet je een vak voor je banner ook met float: left; Dan komt ie ernaast

zo ongeveer:
css:

#container {width: ? + 130px; margin: 0 auto;}
#layout {width: ?px; margin:0; float:left;}
#reclame {width: 120px; height: 600px; margin: 0 0 0 10px; float:left;}

html:

<div id="container">
  <div id="layout">hier je gehele code van je lay</div>
  <div id="reclame"> hier je banner</div>
</div>

Reins

Lid · Topicstarter

Berichten: 14.363
Reputatie: 0
Punten: 0,00

Lid sinds: 2009
Laatst gezien: 12 jun 2025

6 dec 2010, 16:50

Is het niet float: right; ?

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

6 dec 2010, 16:54

nee, dan komt ie niet links naast je layout te staan he maar helemaal rechts langs je scrolbalk.
En zie de code in me vorige post

Reins

Lid · Topicstarter

Berichten: 14.363
Reputatie: 0
Punten: 0,00

Lid sinds: 2009
Laatst gezien: 12 jun 2025

6 dec 2010, 16:57

Ah zo ik snap het nu meer,
maar ik werk met EERos systeem, hoe moet dat dan?

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

6 dec 2010, 16:58

een systeem heeft toch niks met de opbouw van je layout te maken?

Reins

Lid · Topicstarter

Berichten: 14.363
Reputatie: 0
Punten: 0,00

Lid sinds: 2009
Laatst gezien: 12 jun 2025

6 dec 2010, 17:16

Ff testen, ik edit;

E:
Het werkt niet, kijk maar: http://www.socialfeed.nl

Mijn css:

@font-face { font-family: Molot; src: url(molot.otf); } 
@font-face { font-family: Ball; src: url(ball.ttf); } 

#container {width: ? + 130px; margin: 0 auto;}
#layout {width: ?px; margin:0; float:left;}
#reclame {width: 120px; height: 600px; margin: 0 0 0 10px; float:left;}

body
{
    background: url(images/bg_bar.png) #F5F5F5 repeat-x;
    margin: 0;
    padding: 0;
}a
{
    font-family:Tahoma;
    color:#84BD5E;
    text-decoration:none;
    text-shadow: 10px #906;
}
a:active
{
    font-family:Tahoma;
    color:#84BD5E;
    text-decoration:none;
    text-shadow: 10px #906;
}
a:visited
{
    font-family:Tahoma;
    color:#84BD5E;
    text-decoration:none;
    text-shadow: 10px #906;
}
a:hover
{
    font-family:Tahoma;
    color:#5F8C46;
    text-decoration:none;
    text-shadow: 10px #906;
}
#container
{
    width: 912px;
    margin: 0 auto;
}    
#input
{
  background-image:url(images/user.png);
  border: 1px #E6E6E6 solid;
  height: 20px;
  width: 150px;
  background-repeat:no-repeat;
  padding-left:20px;
}
#shadow
{
    text-shadow: 1px 1px white, -1px -1px #FFF;
}
#info
{
    font-family: tahoma;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}
.default
{
    font-size:26px;
    color: #CCC;
    font-weight:bold;
}
#right {
    float: right;
}
#header
{
    background-image:url(images/logo.png)
    width: 912px;
    height: 56px;
    margin-top: 46px;
    font-family: molot;
    font-size: 60px;    
}
#content
{
    width: 912px;
    background-color: #FFF;
    margin-top: 16px;
    overflow: hidden;
}
#menu
{
    width: 884px;
    height: 33px;    
    background-image:url(images/menu.png);
    margin-left: 4px;
    margin-top: 5px;
    padding-left: 17px;
    padding-top: 10px;
}
a.menu
{
    font-size: 14px;
    font-family: Tahoma;
    color: #FFF;
    text-decoration: none;
    font-weight: none;
    padding-right: 20px;
}
a.menu:hover
{
    font-size: 14px;
    font-family: Tahoma;
    color: #FFEFCA;
    text-decoration: bolder;
    font-weight: none;
    padding-right: 20px;
}
#pluspunten
{
    width: 390px;
    overflow: hidden;
    margin-left: 33px;
    margin-top: 43px;
    font-family: Tahoma;
    font-size: 14px;
    color: #353535;
    font-weight: 500;
    float: left;
    text-decoration:none;
}
#pluspunten a
{
    text-decoration:none;
    color: #111111;
}
#pluspunten a:hover
{
    font-size: 14px;
    font-family: Tahoma;
    color: #F2583E;
    text-decoration: bolder;
    font-weight: none;
    padding-right: 20px;
}
#video
{
    width: 473px;
    height: 233px;
    margin-top: 43px;
    float: left;
    text-decoration:none;
}

.pluspunten{
    margin-top: 5px;
}

#foto{
    width: 862px;
    height: 200px;
    margin-top: 150px;
    padding-left: 50px;
}

h1{
    font-family: Tahoma;
    font-size: 30px;
    color: #5F8C46;
    padding: 0;
    margin: 0;
}
h2{
    font-family: Tahoma;
    font-size: 16px;
    color: #5F8C46;
    padding: 0;
    margin: 0;
}
.button
{
    width: 299px;
    height: 49px;
    margin-left: 22px;
    margin-top: 25px;
}
a img 
{ 
    border: none;
    text-decoration: none;
    color: #000;
}

img a 
{
    border: none; 
    text-decoration: none;
}
.foto
{
    padding-right: 10px;
}
#content-onder
{
    width: 800px;
    overflow: hidden;
    margin-top: 70px;
    margin-left: 50px;
}
.forumitem
{
    width: 345px;
    height: 45px;
    font-family: Tahoma;
    font-size: 12px;
    color: #5F8C46;
    float: left;
    margin-bottom: 10px;
    background-color: #eeeeee;
    padding-top: 5px;
    padding-left: 5px;
}
.forumitemr
{
    width: 345px;
    height: 45px;
    font-family: Tahoma;
    font-size: 12px;
    color: #5F8C46;
    float: left;
    margin-bottom: 10px;
    margin-left: 15px;
    background-color: #eeeeee;
    padding-top: 5px;
    padding-left: 5px;
}
a.user{
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
a.user:hover{
    font-family: Tahoma;
    font-size: 12px;
    color: #5F8C46;
    text-decoration: none;
    
#footer
{
    height: 22px;
    width: 912px;
    background-image:url(images/footer.png);
    margin-top: 15px;
    padding-left: 10px;
    font-family: Tahoma;
    font-size: 12px;
    color: #ababab;
    padding-top: 60px;
}

En mijn index.php:

<div id="container">
  <div id="layout">[COLOR= #0000BB]<?php[/COLOR]

[COLOR= #FF8000]/**
 * @copyright   2010 Milan Drossaerts
 * @author      Milan Drossaerts [http://www.dynaspan-media.nl]
 * @license     http://opensource.org/licenses/gpl-license.php GNU Public License
 *              Redistribution and use in source and binary forms, with or without
 *              modification, are permitted provided that the following conditions
 *              are met:
 *  
 *              * Redistributions of source code must retain the above copyright
 *                notice and this (list of) condition(s).
 */[/COLOR]
 
[COLOR= #0000BB]$layout[/COLOR][COLOR= #007700]->[/COLOR]boven[COLOR= #007700]([/COLOR][COLOR= #DD0000]Welkom[/COLOR][COLOR= #007700]);[/COLOR]
 
[URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]is_ingelogd[COLOR= #007700]())
{[/COLOR]
    
    [COLOR= #FF8000]//TEKST VOOR INGELOGDE LEDEN[/COLOR]
    
    [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #DD0000]<br />Welkom terug [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]getName[COLOR= #007700]([/COLOR][COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]getId[COLOR= #007700]()) .[/COLOR] [COLOR= #DD0000]<br />
    Jouw rang is: [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]getRang[COLOR= #007700]([/COLOR][COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]getId[COLOR= #007700]()) .[/COLOR] [COLOR= #DD0000]<br /><br />[/COLOR][COLOR= #007700];[/COLOR]
    
    [COLOR= #0000BB]$lnQuery[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$mysql[/COLOR][COLOR= #007700]->[/COLOR]query[COLOR= #007700]([/COLOR][COLOR= #DD0000]"SELECT * FROM nieuws ORDER BY id DESC"[/COLOR][COLOR= #007700]);[/COLOR]
    
    [URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][COLOR= #0000BB]$mysql[/COLOR][COLOR= #007700]->[/COLOR]num_rows[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnQuery[/COLOR][COLOR= #007700]) !=[/COLOR] [COLOR= #0000BB]0[/COLOR][COLOR= #007700])
    {[/COLOR]
    
        [COLOR= #0000BB]$lnFetch[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$mysql[/COLOR][COLOR= #007700]->[/COLOR]fetch[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnQuery[/COLOR][COLOR= #007700]);[/COLOR]
        
        [URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][URL="http://www.php.net/strlen"]strlen[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]bericht[/COLOR][COLOR= #007700]]) >[/COLOR] [COLOR= #0000BB]100[/COLOR][COLOR= #007700])
        {[/COLOR]
            
            [COLOR= #0000BB]$bericht[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]ubb[COLOR= #007700]([/COLOR][COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]entities[COLOR= #007700]([/COLOR][URL="http://www.php.net/substr"]substr[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]bericht[/COLOR][COLOR= #007700]],[/COLOR] [COLOR= #0000BB]0[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]100[/COLOR][COLOR= #007700]))) .[/COLOR] [COLOR= #DD0000]...[/COLOR][COLOR= #007700];
            
        }[/COLOR][URL="http://www.php.net/else"]else[/URL][COLOR= #007700]{[/COLOR]
            
            [COLOR= #0000BB]$bericht[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]ubb[COLOR= #007700]([/COLOR][COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]entities[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]bericht[/COLOR][COLOR= #007700]]));
            
        }[/COLOR]
    
        [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #DD0000] <div style="margin: 0 auto; position: relative; background-color: #F7F7F7; border: 1px solid #F2583E;"<div id="info">Laatste nieuws: [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]entities[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]titel[/COLOR][COLOR= #007700]]) .[/COLOR] [COLOR= #DD0000]</div>
        <em>Geplaatst op [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]f_date[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]datum[/COLOR][COLOR= #007700]]) .[/COLOR] [COLOR= #DD0000]</em><br />
        [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$bericht[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #DD0000]<br />
        <a href="[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$_CONFIG[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]Site_url[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]?p=nieuws&id=[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]id[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]">
        <table>
        <tr>
        <td><img src="[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$_CONFIG[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]Site_url[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]images/newspaper_go.png" /></td>
        <td>Lees meer</td>
        </tr>
        </table>
        </a>[/COLOR][COLOR= #007700];
    
    }
    
}[/COLOR][URL="http://www.php.net/else"]else[/URL][COLOR= #007700]{[/COLOR]
    
    [URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][URL="http://www.php.net/isset"]isset[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$_GET[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]v[/COLOR][COLOR= #007700]]))
    {[/COLOR]
        
        [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #DD0000]<strong>Je bent verbannen door een reden die wij niet terug kunnen vinden in ons systeem. <br />Neem contact op voor vragen.</strong><br />[/COLOR][COLOR= #007700];
        
    }[/COLOR]
    
    [COLOR= #FF8000]//TEKST VOOR NIET INGELOGDE LEDEN[/COLOR]
    
    ?>
<div id="pluspunten">
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Helemaal gratis <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Gratis handelen in punten en designs <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Je eigen profielpagina <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Gadgets toevoegen <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Fotos toevoegen <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Forum <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Achtergronden en goodies voor je profiel <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Elke week kans op een gratis PRO+ Account <br />
<br />

<b>En nog veel meer! <a href="#" alt="Meld je aan!"> Meld dus snel aan! </a><b>
</div>
<div id="video">
<img src="images/tour.png" alt="Tour video" /></div>

<a href="#" class="img">  </a>
<br />
<br />


<div id="content-onder">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<h1>Lorum ipsum</h1><br/>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><br />
    [COLOR= #0000BB]<?php[/COLOR]
    
[COLOR= #007700]}[/COLOR]

[COLOR= #0000BB]$layout[/COLOR][COLOR= #007700]->[/COLOR]onder[COLOR= #007700]();[/COLOR]
 
?></div>
  <div id="reclame"><img scr="https://www.google.com/adsense/static/nl/images/skyscraper_img.jpg" /></div>
</div>

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

6 dec 2010, 17:38

heb je wel de width van de container en de layout aangepast? en je heb al een div voor een container dus moet je die van mij ff een andere naam geven

Reins

Lid · Topicstarter

Berichten: 14.363
Reputatie: 0
Punten: 0,00

Lid sinds: 2009
Laatst gezien: 12 jun 2025

6 dec 2010, 17:43

wat moet ik bij width zetten? maakt niet uit?

Shahiem

Lid

Berichten: 20.364
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 9 aug 2020

6 dec 2010, 17:46

#10

Vind je het logisch als je 2 keer container hebt. Je moet bij de container width de afmeting van je layout zetten + afmeting van je balkje.

Reins

Lid · Topicstarter

Berichten: 14.363
Reputatie: 0
Punten: 0,00

Lid sinds: 2009
Laatst gezien: 12 jun 2025

6 dec 2010, 18:15

#11

Snap er nog helemaal niks van.

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

6 dec 2010, 18:27

#12

Reinier schreef:

@font-face { font-family: Molot; src: url(molot.otf); } 
@font-face { font-family: Ball; src: url(ball.ttf); } 

#container_2 {width: 1042px; margin: 0 auto;}
#layout {width: 912px; margin:0; float:left;}
#reclame {width: 120px; height: 600px; margin: 0 0 0 10px; float:left;}

body
{
    background: url(images/bg_bar.png) #F5F5F5 repeat-x;
    margin: 0;
    padding: 0;
}a
{
    font-family:Tahoma;
    color:#84BD5E;
    text-decoration:none;
    text-shadow: 10px #906;
}
a:active
{
    font-family:Tahoma;
    color:#84BD5E;
    text-decoration:none;
    text-shadow: 10px #906;
}
a:visited
{
    font-family:Tahoma;
    color:#84BD5E;
    text-decoration:none;
    text-shadow: 10px #906;
}
a:hover
{
    font-family:Tahoma;
    color:#5F8C46;
    text-decoration:none;
    text-shadow: 10px #906;
}
#container
{
    width: 912px;
    margin: 0 auto;
}    
#input
{
  background-image:url(images/user.png);
  border: 1px #E6E6E6 solid;
  height: 20px;
  width: 150px;
  background-repeat:no-repeat;
  padding-left:20px;
}
#shadow
{
    text-shadow: 1px 1px white, -1px -1px #FFF;
}
#info
{
    font-family: tahoma;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}
.default
{
    font-size:26px;
    color: #CCC;
    font-weight:bold;
}
#right {
    float: right;
}
#header
{
    background-image:url(images/logo.png)
    width: 912px;
    height: 56px;
    margin-top: 46px;
    font-family: molot;
    font-size: 60px;    
}
#content
{
    width: 912px;
    background-color: #FFF;
    margin-top: 16px;
    overflow: hidden;
}
#menu
{
    width: 884px;
    height: 33px;    
    background-image:url(images/menu.png);
    margin-left: 4px;
    margin-top: 5px;
    padding-left: 17px;
    padding-top: 10px;
}
a.menu
{
    font-size: 14px;
    font-family: Tahoma;
    color: #FFF;
    text-decoration: none;
    font-weight: none;
    padding-right: 20px;
}
a.menu:hover
{
    font-size: 14px;
    font-family: Tahoma;
    color: #FFEFCA;
    text-decoration: bolder;
    font-weight: none;
    padding-right: 20px;
}
#pluspunten
{
    width: 390px;
    overflow: hidden;
    margin-left: 33px;
    margin-top: 43px;
    font-family: Tahoma;
    font-size: 14px;
    color: #353535;
    font-weight: 500;
    float: left;
    text-decoration:none;
}
#pluspunten a
{
    text-decoration:none;
    color: #111111;
}
#pluspunten a:hover
{
    font-size: 14px;
    font-family: Tahoma;
    color: #F2583E;
    text-decoration: bolder;
    font-weight: none;
    padding-right: 20px;
}
#video
{
    width: 473px;
    height: 233px;
    margin-top: 43px;
    float: left;
    text-decoration:none;
}

.pluspunten{
    margin-top: 5px;
}

#foto{
    width: 862px;
    height: 200px;
    margin-top: 150px;
    padding-left: 50px;
}

h1{
    font-family: Tahoma;
    font-size: 30px;
    color: #5F8C46;
    padding: 0;
    margin: 0;
}
h2{
    font-family: Tahoma;
    font-size: 16px;
    color: #5F8C46;
    padding: 0;
    margin: 0;
}
.button
{
    width: 299px;
    height: 49px;
    margin-left: 22px;
    margin-top: 25px;
}
a img 
{ 
    border: none;
    text-decoration: none;
    color: #000;
}

img a 
{
    border: none; 
    text-decoration: none;
}
.foto
{
    padding-right: 10px;
}
#content-onder
{
    width: 800px;
    overflow: hidden;
    margin-top: 70px;
    margin-left: 50px;
}
.forumitem
{
    width: 345px;
    height: 45px;
    font-family: Tahoma;
    font-size: 12px;
    color: #5F8C46;
    float: left;
    margin-bottom: 10px;
    background-color: #eeeeee;
    padding-top: 5px;
    padding-left: 5px;
}
.forumitemr
{
    width: 345px;
    height: 45px;
    font-family: Tahoma;
    font-size: 12px;
    color: #5F8C46;
    float: left;
    margin-bottom: 10px;
    margin-left: 15px;
    background-color: #eeeeee;
    padding-top: 5px;
    padding-left: 5px;
}
a.user{
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
a.user:hover{
    font-family: Tahoma;
    font-size: 12px;
    color: #5F8C46;
    text-decoration: none;
    
#footer
{
    height: 22px;
    width: 912px;
    background-image:url(images/footer.png);
    margin-top: 15px;
    padding-left: 10px;
    font-family: Tahoma;
    font-size: 12px;
    color: #ababab;
    padding-top: 60px;
}

En mijn index.php:

<div id="container_2">
  <div id="layout">[COLOR= #0000BB]<?php[/COLOR]

[COLOR= #FF8000]/**
 * @copyright   2010 Milan Drossaerts
 * @author      Milan Drossaerts [http://www.dynaspan-media.nl]
 * @license     http://opensource.org/licenses/gpl-license.php GNU Public License
 *              Redistribution and use in source and binary forms, with or without
 *              modification, are permitted provided that the following conditions
 *              are met:
 *  
 *              * Redistributions of source code must retain the above copyright
 *                notice and this (list of) condition(s).
 */[/COLOR]
 
[COLOR= #0000BB]$layout[/COLOR][COLOR= #007700]->[/COLOR]boven[COLOR= #007700]([/COLOR][COLOR= #DD0000]Welkom[/COLOR][COLOR= #007700]);[/COLOR]
 
[URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]is_ingelogd[COLOR= #007700]())
{[/COLOR]
    
    [COLOR= #FF8000]//TEKST VOOR INGELOGDE LEDEN[/COLOR]
    
    [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #DD0000]<br />Welkom terug [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]getName[COLOR= #007700]([/COLOR][COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]getId[COLOR= #007700]()) .[/COLOR] [COLOR= #DD0000]<br />
    Jouw rang is: [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]getRang[COLOR= #007700]([/COLOR][COLOR= #0000BB]$leden[/COLOR][COLOR= #007700]->[/COLOR]getId[COLOR= #007700]()) .[/COLOR] [COLOR= #DD0000]<br /><br />[/COLOR][COLOR= #007700];[/COLOR]
    
    [COLOR= #0000BB]$lnQuery[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$mysql[/COLOR][COLOR= #007700]->[/COLOR]query[COLOR= #007700]([/COLOR][COLOR= #DD0000]"SELECT * FROM nieuws ORDER BY id DESC"[/COLOR][COLOR= #007700]);[/COLOR]
    
    [URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][COLOR= #0000BB]$mysql[/COLOR][COLOR= #007700]->[/COLOR]num_rows[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnQuery[/COLOR][COLOR= #007700]) !=[/COLOR] [COLOR= #0000BB]0[/COLOR][COLOR= #007700])
    {[/COLOR]
    
        [COLOR= #0000BB]$lnFetch[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$mysql[/COLOR][COLOR= #007700]->[/COLOR]fetch[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnQuery[/COLOR][COLOR= #007700]);[/COLOR]
        
        [URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][URL="http://www.php.net/strlen"]strlen[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]bericht[/COLOR][COLOR= #007700]]) >[/COLOR] [COLOR= #0000BB]100[/COLOR][COLOR= #007700])
        {[/COLOR]
            
            [COLOR= #0000BB]$bericht[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]ubb[COLOR= #007700]([/COLOR][COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]entities[COLOR= #007700]([/COLOR][URL="http://www.php.net/substr"]substr[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]bericht[/COLOR][COLOR= #007700]],[/COLOR] [COLOR= #0000BB]0[/COLOR][COLOR= #007700],[/COLOR] [COLOR= #0000BB]100[/COLOR][COLOR= #007700]))) .[/COLOR] [COLOR= #DD0000]...[/COLOR][COLOR= #007700];
            
        }[/COLOR][URL="http://www.php.net/else"]else[/URL][COLOR= #007700]{[/COLOR]
            
            [COLOR= #0000BB]$bericht[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]ubb[COLOR= #007700]([/COLOR][COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]entities[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]bericht[/COLOR][COLOR= #007700]]));
            
        }[/COLOR]
    
        [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #DD0000] <div style="margin: 0 auto; position: relative; background-color: #F7F7F7; border: 1px solid #F2583E;"<div id="info">Laatste nieuws: [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]entities[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]titel[/COLOR][COLOR= #007700]]) .[/COLOR] [COLOR= #DD0000]</div>
        <em>Geplaatst op [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$core[/COLOR][COLOR= #007700]->[/COLOR]f_date[COLOR= #007700]([/COLOR][COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]datum[/COLOR][COLOR= #007700]]) .[/COLOR] [COLOR= #DD0000]</em><br />
        [/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$bericht[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #DD0000]<br />
        <a href="[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$_CONFIG[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]Site_url[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]?p=nieuws&id=[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$lnFetch[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]id[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]">
        <table>
        <tr>
        <td><img src="[/COLOR] [COLOR= #007700].[/COLOR] [COLOR= #0000BB]$_CONFIG[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]Site_url[/COLOR][COLOR= #007700]] .[/COLOR] [COLOR= #DD0000]images/newspaper_go.png" /></td>
        <td>Lees meer</td>
        </tr>
        </table>
        </a>[/COLOR][COLOR= #007700];
    
    }
    
}[/COLOR][URL="http://www.php.net/else"]else[/URL][COLOR= #007700]{[/COLOR]
    
    [URL="http://www.php.net/if"]if[/URL] [COLOR= #007700]([/COLOR][URL="http://www.php.net/isset"]isset[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$_GET[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]v[/COLOR][COLOR= #007700]]))
    {[/COLOR]
        
        [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #DD0000]<strong>Je bent verbannen door een reden die wij niet terug kunnen vinden in ons systeem. <br />Neem contact op voor vragen.</strong><br />[/COLOR][COLOR= #007700];
        
    }[/COLOR]
    
    [COLOR= #FF8000]//TEKST VOOR NIET INGELOGDE LEDEN[/COLOR]
    
    ?>
<div id="pluspunten">
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Helemaal gratis <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Gratis handelen in punten en designs <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Je eigen profielpagina <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Gadgets toevoegen <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Fotos toevoegen <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Forum <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Achtergronden en goodies voor je profiel <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Elke week kans op een gratis PRO+ Account <br />
<br />

<b>En nog veel meer! <a href="#" alt="Meld je aan!"> Meld dus snel aan! </a><b>
</div>
<div id="video">
<img src="images/tour.png" alt="Tour video" /></div>

<a href="#" class="img">  </a>
<br />
<br />


<div id="content-onder">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<h1>Lorum ipsum</h1><br/>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><br />
    [COLOR= #0000BB]<?php[/COLOR]
    
[COLOR= #007700]}[/COLOR]

[COLOR= #0000BB]$layout[/COLOR][COLOR= #007700]->[/COLOR]onder[COLOR= #007700]();[/COLOR]
 
?></div>
  <div id="reclame"><img scr="https://www.google.com/adsense/static/nl/images/skyscraper_img.jpg" /></div>
</div>

zo zou die moeten werken.

Reins

Lid · Topicstarter

Berichten: 14.363
Reputatie: 0
Punten: 0,00

Lid sinds: 2009
Laatst gezien: 12 jun 2025

6 dec 2010, 18:53

#13

nee nog niet..

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

6 dec 2010, 19:26

#14

als ik naar je broncode kijkt zie ik dit:

<div id="container_2">
  <div id="layout"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />

<meta name="keywords" content="community, " />
<meta name="description" content="Socialfeed, ontdek jezelf." />
<script type="text/javascript" src="http://www.socialfeed.nl/includes/eeros.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
    //<![CDATA[

    var editor;

    function changeEnter()
    {
       // If we already have an editor, lets destroy it first.
       if ( editor )
          editor.destroy( true );

       // Create the editor again, with the appropriate settings.
       editor = CKEDITOR.replace( editor1,
          {
             enterMode        : Number( 2 ),
             shiftEnterMode    : Number( 2 )
        });
    }

    window.onload = changeEnter;

    //]]>
</script>
    
    <title>Welkom | Socialfeed</title>
  </head>

<body>
<div id="container">
<div id="shadow"><div id="header">Socialfeed</div></div>
<div id="content">
<div id="menu">
<a href="http://www.socialfeed.nl" class="menu" >Home</a>
            <a href="?p=tour" class="menu" >Tour</a>
            <a href="?p=forum" class="menu" >Forum</a>
            <a href="?p=leden" class="menu" >Ledenlijst</a>
<div id="right">
    <a href="?p=inloggen" class="menu" >Login</a>
    <a href="?p=registreren" class="menu" >Registreer</a>
    </div>
</div>
        <div id="pluspunten">
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Helemaal gratis <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Gratis handelen in punten en designs <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Je eigen profielpagina <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Gadgets toevoegen <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Fotos toevoegen <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Forum <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Achtergronden en goodies voor je profiel <br />
<img src="images/tick.png" alt="Pluspunten"  class="pluspunten" /> Elke week kans op een gratis PRO+ Account <br />
<br />

<b>En nog veel meer! <a href="#" alt="Meld je aan!"> Meld dus snel aan! </a><b>
</div>
<div id="video">
<img src="images/tour.png" alt="Tour video" /></div>

<a href="#" class="img">  </a>
<br />
<br />


<div id="content-onder">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<h1>Lorum ipsum</h1><br/>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><div class="forumitem">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div>
<div class="forumitemr">
<h2>Lorum ipsum!</h2>
Geplaatst door <a href="user.php?id=Reinier" class="user">reinier</a> om 11:11:11
</div><br />
    </div>
<div id="footer">&copy; Socialfeed - 2010</div>
</div>
</div>
</body>
</html>
        </div>
  <div id="reclame"><img scr="https://www.google.com/adsense/static/nl/images/skyscraper_img.jpg" /></div>
</div>

bovenaan hoort natuurlijk tussen de bodytags

en img scr hoort img src te zijn

Reins

Lid · Topicstarter

Berichten: 14.363
Reputatie: 0
Punten: 0,00

Lid sinds: 2009
Laatst gezien: 12 jun 2025

6 dec 2010, 19:33

#15

Het lukt, zie http://www.socialfeed.nl/
Maar hoe krijg ik hem naar beneden?
?

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.