DIV kader langer maken in horizontale richting

Status
Niet open voor verdere reacties.
Z

Zee Online

Gebruiker
Lid geworden
22 aug 2010
Berichten
65
Ik voel een beetje om zulke vragen hier te stellen, maar ben dan ook een beginneling.
Nu ben ik wat aan het knutselen met mijn website, om een nieuwe lay out te maken, en onderaan wil ik een div kader zetten.
Ik gebruik hiervoor deze code:
Code: 
<div style="margin:1em 2em 3em 4em; background-color: #33CC00">...</div>

Nu wil ik deze kader gelijk krijgen met de de lengte van de site (in horziontale richting) zodat deze gelijk is met de tabel. Website is www.zee-online.be .
Kan iemand mij helpen a.u.b?
 
Je bedoeld met kader toch de footer? Ik zie tevens dat je de center tags gebruikt; zou ik niet doen. Gebruik in je container div:

Code: 
#container {
margin: auto auto;
 
Laatst bewerkt:
@ sevo,

Wat een footer is weet ik dus niet he. :o
Maar humm, dit zou ik willen gebruiken voor onderaan de site:
Code: 
<div style="margin:1em 2em 3em 4em; background-color: #33CC00"><center><font size="2"><address>&copy; Alle rechten voorbehouden. <br>
De inhoud van Zee Online mag niet door derde worden gebruikt zonder voorafgaande schriftelijke toestemminng van de <a href="mailto:info@zee-online.be">webmaster</a>.</font><br>
<!-- Start of belstat.be Counter -->
<script type="text/javascript">
		<!--
		d=document;
		pag="";col="";scr=0;b=navigator.appName;
		scr=screen.width+"*"+screen.height;
		ref=parent==self ? escape(window.document.referrer) : escape(top.document.referrer);
		pag=escape(d.URL);
		if (b != "Netscape") {col=screen.colorDepth}
		else {col=screen.pixelDepth}
		if(col=="undefined"){col="";}
		d.write("<a href=http://www.belstat.be/viewstat.asp?UserID=blankenberge&" + "amp;" + "lang=nl target=_blank><img border=0 src=\"http://www.belstat.be/regstat.aspx?");
		d.write("UserID=blankenberge&BColor=lightred&refer=" + ref + "&pag=" + pag + "&b=" + b + "&col=" + col + "&scr=" + scr);
		d.write("\" align=center width=16 height=16 alt=\"Monitored by BelStat - Your Site Counts\"><\/a>");
		// -->
</script>
<!-- End of belstat.be Counter --> - 
<a href="http://www.zee-online.be/contact.html">Contact</a> - <a href="http://www.zee-online.be/disclaimer.html">Disclaimer</a> - <a href="http://www.zee-online.be/colofon.html">Colofon</a> - <a href="http://www.zee-online.be/privacyverklaring.html">Privacyverklaring</a> - <a href="http://www.zee-online.be/odw.html">Over deze website</a></center>
</div>

Nu zou ik deze kader gelijk willen krijgen met de linkerrand en de rechterrand van de tabel. (in horizontale richting)

Kan iemand me daarmee helpen a.u.b? Ben het nog allemaal aan het leren.
 
Sowieso zou ik geen tabellen gebruiken voor de opzet van je site ;), maak om te beginnen je site met divs.

Ik raad je ook aan geen iFrames te gebruiken.
 
Laatst bewerkt:
Dat is ook de bedoeling.
Maar zoals ik al zei, beetje bij beetje omdat ik nog aan het leren ben.
Allesinds de lengte en breedte van de site (tabel) vind ik goed, dus in horizontale richting wil ik die kader ook zo krijgen.
Maar hoe? :o
 
Haha, je moet ergens beginnen ;). Moet die footer (onderste gedeelte meestal waar copyright staat) echt helemaal onderaan?

EDIT:
Ik zal de site voor je hermaken, kun je daar mee verder als je dat goed vind uiteraard?
 
Laatst bewerkt:
Heel anders :P Nu is het niet mogelijk om de div langer te maken zonder dat ie verkleind is (dus hij verkleind bij uitzoomen van browser of andere resolutie) ;)
 
Oke, dan denk ik dat ik maar wat ga spelen met de lay out van de site.
Alleen snap ik niets van al die DIV kaders. Hoe maak je ze? .....
 
Hallo,

Bedankt voor de informatie.
Ik gebruik momenteel de Rex webedit2, en daar ben ik zeer tevreden mee.
Dus voorlopig houd ik het daarbij.
 
Die website?
Ja, ik probeer ales zo goed mogelijk zelf te doen.

Maar ik heb toch soms hulp nodig op internet of via daarvoor bestemde fora's.
Maar wat ik weet....probeer ik dan ook zelf te doen.

Dankje.
 
Hoi Zee Online,
In de huidige tabel-opmaak lijkt het me 't eenvoudigste om de onderste regels in de tabel te hijsen.
Waar nu staat:
HTML: 
</TD>
</TR>
</TABLE>
maak je ervan:
HTML: 
</TD>
</TR>
<tr>
   <td>
      <center>&copy; Niets van deze website ...
      ...
      ... Hits per dag!!
      </a></center>
      <hr>
   </td>
</tr>
</TABLE>
Want <tr> staat voor "table row" (tabel rij), en <td> staat voor "table data" (tabel gegevens = tabel cel), en van allebei heb je er één nodig.
Lukt het zo?

Met vriendelijke groet,
CSShunter

PS: nog wat opmerkingen.
  • De tag <center> is afgekeurde html. Ook andere dingen zitten nog niet jofel wat geldige html betreft. En: hoe beter de html, hoe beter de site, en hoe meer garanties voor goede weergave in alle browsers. Zie de signalen van de html-validator.
  • De "linkpiramide" toestand geloof ik niet zo in, de beste promotie is een goede site (qua structuur, codering en inhoud) en links vanuit gezaghebbende (niet: willekeurige) andere sites.
  • Om van een tabel-opmaak naar een css-opmaak (met <div>'s enzo) te komen, zou je de html/css cursus van web-garden.be eens kunnen doornemen om de principes onder de knie te krijgen: www.web-garden.be/cursus-html/cursus-html.
  • Ik heb de Rex Webedit2 editor even gedownload en bekeken. Die is wel heel simpel, maar niet toppie! Als je niet op de (ik dacht vrij ingewikkelde) MS Sharepoint designer wilt overstappen, is KompoZer een goed alternatief. Is ook eenvoudig, maar behulpzamer dan die Rex: bv. een aantal fouten kunnen niet gemaakt worden. KompoZer is hier te downloaden. Zou ik zeker eens proberen.
  • Zo'n aanbod als van Sevo komt maar eens in de 5.000 jaar voorbijvliegen. Maar inderdaad, er gaat niets boven zelf leren / zelf doen, ook al duurt dat waarschijnlijk fiks langer (ik gok een intensieve studie/experimenteerfase van zeker 1/2 jaar). Doe je het webmaken ernaast, dan kan deze tijd wel met een factor 3 vermenigvuldigd worden. ;)
 
Hoi csshunter,

Dankje voor alle tips.
Ik ga spoedig mogelijk aanpassen.

Eerst geloofde ik wel in die linkpiramide, maar nu ik hem al een tijdje gebruik, en geen verbeterde resultaten heb behaald ga ik hem verwijderen.
Want eigenlijk is het voor LP wel reclame, maar wij hebben er niets aan.

Heb jij enkele gratis progjes als editor?
Liefst gratis progjes te gebruiken.
 
Hoi Zee Online,
De KompoZer editor die ik noemde, is gratis; dat had ik er niet bij gezet. Downloaden kan dus hier.
KompoZer heeft ook een tabje "source", waarmee je in de broncode terecht komt, en desgewenst helemaal zelf de html-code kunt invoeren.

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan