Nieuws systeem naar midden uitlijnen.

Status
Niet open voor verdere reacties.

Martijn31

Gebruiker
Lid geworden
6 sep 2009
Berichten
362
Hallo,

ik ben bezig om mijn nieuwssysteem toe te voegen aan het content management systeem.
De layout van het systeem bevind zich in de database, en het nieuws script ook in een andere tabel.

Nou komt het:

ik plaats [[Nieuws]] op de plek in de lay-out waar ik het systeem zou willen hebben ( in het midden van de website dus). [[Nieuws]] zorgt zelf voor de link naar het nieuwssysteem in de database, en dit gaat allemaal ook goed. Alleen het vervelende is dat heel het systeem links boven in de hoek staat. Ik heb van alles geprobeerd, o.a in de css maar hij reageert nergens op wijzigingen. Maar als ik in de database naar het nieuwssysteem ga, en ik plaats een </ br> dan werkt dat wel alleen neemt hij het hele lay-out een stukje mee naar onder....
Hier een voorbeeld hoe het nu is en waar hij hoort te staan:
voorbeeld.jpg

Het nieuwsscript dat in de database staat:
PHP:
include_once("connect.php");

if(is_numeric($_GET['max'])) $max = $_GET['max']; 
if(is_numeric($_GET['start'])) $start = $_GET['start']; 

if (empty($max)) $max = 5;  
if (empty($start)) $start = 0; 

$end = $start + $max;   
$prev = $start - $max;  
$next = $end;   
 
$query = mysql_query("SELECT id,datum,bericht,titel FROM nieuws ORDER BY id DESC LIMIT $start, $max") or die (mysql_error()); 

$num = mysql_num_rows($query); 
if (empty($num)) 
{ 
   echo "<p>Er zijn geen nieuwsberichten.</p>"; 
} 
else 
{ 
  while ($result = mysql_fetch_row($query)) {
      echo "<table border=\"0px\" width=\"400px\" >";
    echo "<tr><td bgcolor='#908b16'><span style=\"color:#fff;\"> &nbsp; $result[1] | $result[3]</span><br /></td></tr>";
      echo "<tr><td>$result[2]</td></tr><br />";
      echo '</table><br /><br /><br />';
  } 
   
  echo "<p>\n";
   
  if ($prev >= '0') 
  { 
     echo "[<a href=\"nieuws.php?start=$prev&max=$max\">Vorige</a>]\n"; 
  } else { 
     echo "[Vorige]\n"; 
  } 

  $count = mysql_fetch_row(mysql_query("SELECT count(*) FROM nieuws")); 

  $thispage = ceil($start/$max+1); 

  if ($count[0] > $max) 
  { 
     $total = ceil($count[0]/$max); 
     for($i=0;$i<$total;$i++) 
     { 
          $number  = $i+1; 
          $start = $i*$max; 
 
         if ($thispage == $number) 
          { 
           echo "<strong>[<a href=\"nieuws.php?start=" . $start . "&max=" . $max . "\">" . $number . "</a>]</strong>\n"; 
         } else { 
           echo "<a href=\"nieuws.php?start=" . $start . "&max=" . $max . "\">" . $number . "</a>\n"; 
         } 
     } 
  } 

  if ($count[0] > $next) 
  { 
     echo "[<a href=\"nieuws.php?start=$next&max=$max\">Volgende</a>]\n"; 
  } else { 
     echo "[Volgende]\n"; 
  } 
  echo "</p>\n"; 
}

Als ik in bovenstaande code dus een < /br> plaats op de juiste plek dan werkt dat wel. De lay-out & css reageren nergens op.
Iemand DE oplossing?

Alvast bedankt.
 
Misschien als je de url van de website geeft dat ik of iemand anders kan helpen met de html en css. Daarna kun je de oplossing omzetten naar php.
Wat in je code opvalt is het gebruik van <table> (vorige eeuw) in plaats van <div> of <article>
 
Er zijn honderden sites die uitleggen hoe je standaard layouts kunt maken, ook de gecentreerde meerkolom's layouts zoals jij denk ik bedoelt.

Wat in je code opvalt is het gebruik van <table> (vorige eeuw) in plaats van <div> of <article>

Als het om tabulaire data gaat dan is table de enige juiste oplossing, div en zelfs article zijn dan niet correct. Of het hier om tabulaire data gaat betwijfel ik, maar table is niet van de vorige eeuw,het is ook nog van vandaag.
 
Klopt. Table wordt gebruikt voor echte tabulaire data, ook in html5.
Div of Article hebben tegenwoordig de voorkeur vanwege de vriendelijke content/html verhouding.
Het table concept kun je gewoon behouden met <div class="row"> en <div class="cell">
Er staan veel mooie voorbeelden op internet hoe je tabulaire data in div's kunt gebruiken.
De keuze is natuurlijk aan de code schrijver :d
 
klikk

Dat is de url naar de pagina.
de html layout + het nieuwsscript bevinden zich in de database. Ik moet de wijzigingen aan content in de html pagina dus in de database uitvoeren.
Wat ik vreemd vind is dat wanneer ik pagina bron bekijk het gehele systeem nog bovenaan de doctype staat. En dus niet in de pagina zelf staat terwijl ik hem toch netjes in de layout heb geplaatst..

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lin Photo, free website template, XHTML CSS layout</title>
<meta name="keywords" content="Lin Photo, free website template, XHTML CSS layout" />
<meta name="description" content="Lin Photo, free website template, free XHTML CSS layout provided by 

templatemo.com" />
<link href="/templates/new-E/templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field){

    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;

}
</script>
</head>
<body>
<div id="templatemo_container">
	<div id="templatemo_banner">
    	<div id="logo"></div>
        <!--  Free CSS Templates @ www.TemplateMo.com  -->

    </div> <!-- end of banner -->
    
    <div id="templatemo_menu">
        <ul>
            <li><a href="#" class="current"><span></span>Home</a></li>
            <li><a href="#"><span></span>Gallerij</a></li>
            <li><a href="#"><span></span>Blog</a></li>
            <li><a href="#"><span></span>Forum</a></li>            
            <li><a href="#"><span></span>Over ons</a></li>
            <li><a href="#"><span></span>Contact</a></li>
        </ul>   
	</div> <!-- end of menu -->

	<div id="templatemo_content_wrapper">
    	<div id="templatemo_content">
    
    	<div class="column_w210 fl">
        
        	<div class="header_01">
            	Latest Blog Posts
            </div>
            
			<div class="latest_news">
	        	<div class="header_03">*datum*</div>
   		      <div class="header_02"><a href="#">tekstbox 1</a></div>
                
                <p>tekst 1</p>
			</div>
                        
            <div class="margin_bottom_10"></div>
            
            <div class="latest_news">
                <div class="header_03">*datum*</div>
    		    <div class="header_02"><a href="#">tekstbox 2</a></div>
                <p>tekst 2 </p>
			</div>
                        
            <div class="margin_bottom_10"></div>
            
            <div class="latest_news">
                <div class="header_03">*datum*</div>
    		    <div class="header_02"><a href="#">tekstbox 3</a></div>
                <p>tekst 3</p>
			</div>
                        
            <div class="margin_bottom_10"></div>
            
            <div class="rc_btn_01"><a href="#">Less meer</a></div>
            
        
        	<div class="cleaner"></div>
        </div> <!-- end of a column -->
        
        <div class="column_w430 fl vl_divider">
        	
            <img src="/templates/new-E/images/templatemo_image_01.jpg" alt="image" />
            
            <div id="center">[[Nieuws]]</div>
            
            <p>op deze plek hoort het nieuws systeem te komen.</p>
        
        	<div class="cleaner"></div>        
        </div> <!-- end of a column -->
        
       <div class="column_w210 fl vl_divider">
        
        	<div class="header_01">
            	Categories
            </div>
            
	        <ul class="category_list">
           		<li><a href="#">Categorie 1</a></li>
                <li><a href="#">Categorie 1</a></li>
                <li><a href="#">Categorie 2</a></li>
                <li><a href="#">Categorie 3</a></li>
                <li><a href="#">Categorie 4</a></li>
                <li><a href="#">Categorie 5</a></li>
                <li><a href="#">Categorie 6</a></li>
                <li><a href="#">Categorie 7</a></li>
                <li><a href="#">Categorie 8</a></li>
                <li><a href="#">Categorie 9</a></li>
                <li><a href="#">Categorie 10</a></li>
    		</ul>
            
        
        	<div class="cleaner"></div>
        </div> <!-- end of a column -->
        
        <div class="margin_bottom_20 h_divider"></div>        
        <div class="margin_bottom_20"></div>
        
        <div class="column_w920">
        
      <div class="column_w190 fl margin_right_40">
            	<a href="#"><img src="/templates/new-E/images/templatemo_image_02.jpg" alt="image" /></a>
              <p>foto info 1<a href="#">Lees meer...</a></p>                
          </div>
            
      <div class="column_w190 fl margin_right_40">
            	<a href="#"><img src="/templates/new-E/images/templatemo_image_03.jpg" alt="image" /></a>
          <p>foto info 2<a href="#">Lees meer...</a></p>               
          </div>
            
      <div class="column_w190 fl margin_right_40">
            	<a href="#"><img src="/templates/new-E/images/templatemo_image_04.jpg" alt="image" /></a>
          <p>foto info 3<a href="#">Lees meer...</a></p>                
          </div>
            
      <div class="column_w190 fl">
            	<a href="#"><img src="/templates/new-E/images/templatemo_image_05.jpg" alt="image" /></a>
          <p>foto info 4<a href="#">Lees meer...</a></p>               
          </div>
        
       	  <div class="margin_bottom_15"></div>
        </div>
    
    	<div class="cleaner"></div>
	</div> <!-- end of wrapper 02 -->        
    </div> <!-- end of wrapper 01 -->
    
    <div id="templatemo_footer">
    
   
        
        <div class="margin_bottom_10"></div>
        
        Copyright © <a href="http://www.TemplateMo.com">http://www.TemplateMo.com</a>
        
        <div class="margin_bottom_10"></div>
        
        
</body>


</html>

Wat wel lukt is de align=center functie maar daarmee staat hij nog niet in het midden van de pagina.
Zoals je ziet geeft <div id="center">[[Nieuws]]</div> in het script de verwijzing naar het nieuwssysteem in de database.
Alvast bedankt

p.s de layout is een download van internet wanneer deze is ontwikkelt geen idee ik weet dat het om oudere codes kan gaan.
 
Laatst bewerkt:
Ondanks dat het om een CMS gaat heeft het verder weinig met PHP te maken, om die reden naar CSS verplaatst
 
Hoi,

Ik heb het volgende net lokaal getest en het werkt.

=> Helemaal bovenaan moet alles boven <html> weg.
=> Helemaal onderaan staat nog een keer <html>...</html> Dit moet weg.

HTML:

<!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" lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lin Photo, free website template, XHTML CSS layout</title>
<meta name="description" content="Lin Photo, free website template, free XHTML CSS layout provided by templatemo.com" />
<meta name="keywords" content="Lin Photo, free website template, XHTML CSS layout" />
<meta name="robots" content="index, follow" />
<!-- volgende regel is de url van de getoonde pagina, wijzig pagina -->
<link rel="canonical" href="http://testserver.greenamaxx.com/pagina/" />
<base href="http://testserver.greenamaxx.com" />
<link href="/templates/new-E/templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="view">
<div id="wrapper">
<!--rest van je pagina-->
</div> <!--/wrapper-->
</div> <!--/view-->
</body>
</html>

CSS:

#view {
width: auto; /*betere window resize/zoom*/
}
#wrapper {
width: 960px; /*breedte van pagina*/
margin-left: auto;
margin-right: auto;
}

Suc6.
 
Laatst bewerkt:
Hoi,

Ik heb het volgende uitgevoerd:

HTML:
<!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" lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lin Photo, free website template, XHTML CSS layout</title>
<meta name="description" content="Lin Photo, free website template, free XHTML CSS layout provided by templatemo.com" />
<meta name="keywords" content="Lin Photo, free website template, XHTML CSS layout" />
<meta name="robots" content="index, follow" />

<!-- volgende regel is de url van de getoonde pagina, wijzig pagina -->
<link rel="canonical" href="http://testserver.greenamaxx.com/nieuws.php" />
<base href="http://testserver.greenamaxx.com" />
<link href="/templates/new-E/templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="view">
<div id="wrapper">
<div id="templatemo_container">
	<div id="templatemo_banner">
    	<div id="logo"></div>
        <!--  Free CSS Templates @ www.TemplateMo.com  -->

    </div> <!-- end of banner -->
    
    <div id="templatemo_menu">
        <ul>
            <li><a href="#" class="current"><span></span>Home</a></li>
            <li><a href="#"><span></span>Gallerij</a></li>
            <li><a href="#"><span></span>Blog</a></li>
            <li><a href="#"><span></span>Forum</a></li>            
            <li><a href="#"><span></span>Over ons</a></li>
            <li><a href="#"><span></span>Contact</a></li>
        </ul>   
	</div> <!-- end of menu -->

	<div id="templatemo_content_wrapper">
    	<div id="templatemo_content">
    
    	<div class="column_w210 fl">
        
        	<div class="header_01">
            	Latest Blog Posts
            </div>
            
			<div class="latest_news">
	        	<div class="header_03">*datum*</div>
   		      <div class="header_02"><a href="#">tekstbox 1</a></div>
                
                <p>tekst 1</p>
			</div>
                        
            <div class="margin_bottom_10"></div>
            
            <div class="latest_news">
                <div class="header_03">*datum*</div>
    		    <div class="header_02"><a href="#">tekstbox 2</a></div>
                <p>tekst 2 </p>
			</div>
                        
            <div class="margin_bottom_10"></div>
            
            <div class="latest_news">
                <div class="header_03">*datum*</div>
    		    <div class="header_02"><a href="#">tekstbox 3</a></div>
                <p>tekst 3</p>
			</div>
                        
            <div class="margin_bottom_10"></div>
            
            <div class="rc_btn_01"><a href="#">Less meer</a></div>
            
        
        	<div class="cleaner"></div>
        </div> <!-- end of a column -->
        
        <div class="column_w430 fl vl_divider">
        	
            <img src="/templates/new-E/images/templatemo_image_01.jpg" alt="image" />
            

            
            <p>op deze plek hoort het nieuws systeem te komen.</p>
        
        	<div class="cleaner"></div>        
        </div> <!-- end of a column -->
        
       <div class="column_w210 fl vl_divider">
        
        	<div class="header_01">
            	Categories
            </div>
            
	        <ul class="category_list">
           		<li><a href="#">Categorie 1</a></li>
                <li><a href="#">Categorie 1</a></li>
                <li><a href="#">Categorie 2</a></li>
                <li><a href="#">Categorie 3</a></li>
                <li><a href="#">Categorie 4</a></li>
                <li><a href="#">Categorie 5</a></li>
                <li><a href="#">Categorie 6</a></li>
                <li><a href="#">Categorie 7</a></li>
                <li><a href="#">Categorie 8</a></li>
                <li><a href="#">Categorie 9</a></li>
                <li><a href="#">Categorie 10</a></li>
    		</ul>
            
        
        	<div class="cleaner"></div>
        </div> <!-- end of a column -->
        
        <div class="margin_bottom_20 h_divider"></div>        
        <div class="margin_bottom_20"></div>
        
        <div class="column_w920">
        
      <div class="column_w190 fl margin_right_40">
            	<a href="#"><img src="/templates/new-E/images/templatemo_image_02.jpg" alt="image" /></a>
              <p>foto info 1<a href="#">Lees meer...</a></p>                
          </div>
            
      <div class="column_w190 fl margin_right_40">
            	<a href="#"><img src="/templates/new-E/images/templatemo_image_03.jpg" alt="image" /></a>
          <p>foto info 2<a href="#">Lees meer...</a></p>               
          </div>
            
      <div class="column_w190 fl margin_right_40">
            	<a href="#"><img src="/templates/new-E/images/templatemo_image_04.jpg" alt="image" /></a>
          <p>foto info 3<a href="#">Lees meer...</a></p>                
          </div>
            
      <div class="column_w190 fl">
            	<a href="#"><img src="/templates/new-E/images/templatemo_image_05.jpg" alt="image" /></a>
          <p>foto info 4<a href="#">Lees meer...</a></p>               
          </div>
        
       	  <div class="margin_bottom_15"></div>
        </div>
    
    	<div class="cleaner"></div>
	</div> <!-- end of wrapper 02 -->        
    </div> <!-- end of wrapper 01 -->
    
    <div id="templatemo_footer">
    
   
        
        <div class="margin_bottom_10"></div>
        
        Copyright © 2013 <a href="greenamaxx.com">Greenamaxx</a> by Effectiviteit All rights reserved. 
        
        <div class="margin_bottom_10"></div>

</div> 
</div> 
        
        
</body>


</html>

dit stukje: <!-- volgende regel is de url van de getoonde pagina, wijzig pagina -->
<link rel="canonical" href="http://testserver.greenamaxx.com/nieuws.php" />

begreep ik niet helemaal. Hier heb ik het maar door laten verwijzen naar de nieuwspagina die nu niet meer in de database staat.
(kan totaal verkeerd zijn)

css toegevoegd en het stukje [[Nieuws]] ( de doorverwijzing naar de nieuwspagina in de database ) maar weggelaten
Alleen nu is het systeem helemaal niet meer zichtbaar. het stukje [[Nieuws]] is het enige stukje code dat laat weten dat het nieuwssysteem op de site moet komen. alleen helaas niet op de juiste plek.

Wat gaat er verkeerd?

of is er een nog simpelere manier om nieuws.php samen te voegen met het html lay-out?

Bedankt :)

p.s Bedankt voor het verplaatsen naar CSS wist niet precies waaronder deze vraag zou vallen aangezien het met meerdere dingen te maken heeft.
 
Laatst bewerkt:
De website ziet er al strak uit, mooi in het midden.

Alles tussen <!-- en --> is commentaar. Dit mag je gewoon weghalen.

Onder andere Google, Yahoo en Bing ondersteunen de "hint" rel=canonical. Hiermee geef je de voorkeur url aan op jouw website voor een bepaald onderwerp zodat een zoekmachine weet dat bij soortgelijke pagina's op het web jouw pagina niet een duplicaat pagina is. Het kan namelijk zijn dat op andere pagina's of domeinen (die ook van jouw zouden kunnen zijn) dezelfde informatie staat. In dat geval zou een zoekmachine de pagina niet/nauwelijks opnemen in haar index.
Op jouw website zal de canonical url moeten verwijzen naar de pagina waarop deze staat. Bijvoorbeeld als je een pagina "contact.php" hebt, dan staat in de <head> van alleen pagina contact.php : <link rel="canonical" href="http://testserver.greenamaxx.com/contact.php" />
Ik hoop dat ik nergens onzin gaf, mogelijk kunnen anderen de uitleg verbeteren.

Onderaan staat: Etomite < Error >
Etomite encountered the following error .....:
< Execution of a query to the database failed >

Bij IE8 in VMware>XP
SQL: INSERT INTO `deb29368_greenamaxx`.dj_log_user_agents(id, data)
VALUES('2639654251', 'Internet Explorer 8.0')

Bij Chrome in Win7
SQL: INSERT INTO `deb29368_greenamaxx`.dj_log_hosts(id, data)
VALUES('3187098748', 's5375b04e.adsl.online.nl')

Waarom gebruik je niet gewoon het gratis Google Analytics ??
 
Laatst bewerkt:
Hoi,

Dat probleem heb ik nu weer verholpen. Ik ben zo druk bezig om deze pagina in deze pagina te krijgen dat andere fouten te voorschijn komen.
Ik snap niet helemaal wat je bedoelt. het moet toch niet moeilijk zijn om die 2 pagina's samen te voegen tot een geheel.

Ik lijk traag van begrip, excuus ervoor.
 
Aanvulling: Ergens aan het eind van je pagina staat tussendoor nog steeds:

</body>
</html>
<html><head><title>Etomite &raquo;</title>
<style>TD, BODY { font-size: 11px; font-family:verdana; }</style>
<script type='text/javascript'>
.....
</script>
</head><body>

Je mag geen <html><head>..</head><body>..</body></html> ergens halverwege in je document hebben!!
 
Hoi,

Bedankt ik testen het met mozilla en die gaf geen problemen meer.
Internet Explorer inderdaad wel.

Alleen nu is het probleem waar ik dit topic voor opende nog niet opgelost.
Weet jij de oplossing
 
Als ik een Code Beautifier gebruik dan krijg ik de volgende meldingen:
- Warning: missing </div>
- Warning: missing </div>
Dus.... een zoekklusje waar je deze 2 div's mist.
Je kunt voor dit klusje makkelijk RJ TextEd (gratis) gebruiken.
Download dan de "Portable Version" (werkt zonder installeren) op
http://www.rj-texted.se/download.html

***Aanvulling:
Je volgorde is goed. Bouw voor Mozilla, dan aanpassen voor IE :D
 
Laatst bewerkt:
Alleen nu is het probleem waar ik dit topic voor opende nog niet opgelost.
Persoonlijk ben ik er voorstander van dat in een "echo" de strings en variabelen worden gescheiden.
echo "<tr><td>$result[2]</td></tr><br />";
wordt dan
echo "<tr><td>" . $result[2] . "</td></tr><br />";

***Aanvulling 1
if ($prev >= '0') // $prev is numeric, dus: if ($prev >= 0)

***Aanvulling 2
Idem bij het gebruik van single- en double quotes.
Mijn voorkeur gaat tegenwoordig uit naar single quotes bij een string.
Code:
echo "[<a href=\"nieuws.php?start=$prev&max=$max\">Vorige</a>]\n";
// wordt dan
echo '[<a href="nieuws.php?start='.$prev.'&max='.$max.'">Vorige</a>]\n';

// noot: beide vormen (single en double quote) worden in xhtml als correcte syntax gevalideerd.

// Wil je toch een single quote...
$squo = '&'.'#39;'; // samenvoegen tot 1 string, vanwege forum weergave even 2 strings van gemaakt
echo '<p class="left">Foto'.$squo.'s</p>'; // ... Foto's op scherm
 
Laatst bewerkt:
Hoi,

Ik ben aardig opweg. het systeem staat perfect in het midden. Ik pas de strings en variabelen nog even aan en dan heb ik nog een vraagje,
een lijntje rechts op de site vult niet helemaal aan. Welk stukje in de css klopt niet?
 
Ik ga zo even naar dat lijntje kijken.

Er zitten nog steeds problemen in de blokken. Bijvoorbeeld
Code:
   <div id="templatemo_footer">
      <div class="margin_bottom_10"></div>
      Copyright © 2013 <a href="greenamaxx.com">Greenamaxx</a> by Effectiviteit All rights reserved.
      <div class="margin_bottom_10"></div>
   ### waar is /div ###
</body>

Je zult de code even netjes moeten zetten (RJ TextEd of de handige Notepad2) om de fouten eruit te halen.
 
Laatst bewerkt:
Heb weinig ervaring met editors

ik heb notepad++ en RJ TextEd maar weet niet hoe ik op fouten moet controleren via die programma's.
 
Je kunt de html code van de webpagina in een editor netjes zetten en dan controleren of alle blokken compleet zijn.
Heeft elke div een /div, heeft elke table een /table, heeft elke span een /span, enz, enz.
Voorbeeld van een gedeelte wat ok is
Code:
   <div class="latest_news">
      <div class="header_03">[29-OCT-2024]</div>
      <div class="header_02">
         <a href="#">Aenean a bibendum augue</a>
      </div>
      <p>Praesent eu ligula quis nibh ullamcorper tempor non ultrices lacus.</p>
   </div>
 
een lijntje rechts op de site vult niet helemaal aan. Welk stukje in de css klopt niet?
Toevoegen/verwijderen van vl_divider en vr_divider zodat je het volgende krijgt.
Code:
<div class="column_w430 fl vl_divider vr_divider">
<img src="/templates/new-E/images/templatemo_image_01.jpg" alt="image" />

--en--

<div class="column_w210 fl">
<div class="header_01">
Categories

In deze layout werkt dit alleen zolang de kolom berichten langer is dan de kolom categories.
Zo niet, dan heb je weer een te korte verticale lijn... dit is een ontwerp dingetje in deze layout. Tis niet anders.

Het volgende heb ik nog niet getest (experimenteer even met het aantal px):
Zet in de stylesheet bij: .column_w430 { min-height: ...px;
 
Laatst bewerkt:
Hoi,

Ik heb nog eens goed gekeken en volgens mij moet het nu wel kloppen allemaal.
Heb ook de vl divider en vr_divider aanpassingen gedaan zonder resultaat
in de css ben ik begonnen met 200px ook met weinig effect.
Waarom is het lijntje links wel goed en rechts niet
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan