Archief - CLANSITE: Flemish Federation

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

lyno

Legacy Member
k, kheb het nu verandert, kga nu eens die eigenschappen doorlezen, thx

Kheb een probleempje:

PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Gaming Clan</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="opmaak.css">
</head>
<body>

<div class="container">

<div class="header">
<!-- ImageReady Slices (banner1.jpg) -->
<img src="images/banner1.gif" width="911" height="163" alt="">
<!-- End ImageReady Slices -->

</div>

<div class="menu">
<br>
<a href="http://s11.invisionfree.com/flemish_federation/">>> Forum</a>
</div>

<div class="content" >
<br>
<table width="85%" border="1">
			<tr>
			<td>
			Welkom!
			</tr>

			</td>
</tr>
</table>
<table width="85%" border="1">
			<tr>
			<td>
					Momenteel zijn we bezig aan het werken aan een nieuwe site!
					<br>
					Sorry voor de mogelijke ongemakken.
					<p><br></p>
					Maar bezoek zeker eens ons <a href="http://s11.invisionfree.com/flemish_federation/">forum!</a></td>

			</tr>
			</td>
		</tr>
</table>
</div>

<div class="footer">
<br>
&copy Flemish Federation     
</div>
</div>
<br>	
</body>

</html>

Het gaat over deze tekst (ergens op het einde)

<div class="footer">
<br>
&copy Flemish Federation
</div>




Hier heb je mijn cs:
PHP:
body {
background-color: #000000;
text-align: center;
margin-top: 15px;
padding: 0;
width: 100%;
height: 100%;
}


.container {
text-align: left;
margin: 0 auto;
width: 911px;
border: solid 1px black;
}


.header {
background-image:url("banner1.jpg");
height:163px;
border-bottom: solid 1px black;
}


.menu {
float: left;
width: 10%;
height: 50%;
}


.content {
padding: 0 0 0 120px;
background-color: #4D4D4D;
}

.bottom {
background-color: #4D4D4D;
clear: left;
border-top: solid 1px;
}

a:link {
font-size: 11pt; color: #FFFFFF; text-decoration: none;}
a:visited {
font-size: 11pt; color: #FFFFFF; text-decoration: none;}
a:hover {
font-size: 11pt; color: #808080; text-decoration: none;}
a:active {
font-size: 11pt; color: #FFFFFF; text-decoration: underline;}

lyno

Legacy Member
Wat bedoel je met klasse footer (sry, ik ken er nog niet zoveel van :'(

Obliv`

Legacy Member
der sta
<div class="footer">
Flemish fed...
</div>

in uw css code:
geen klasse footer te bespuren
dus in uw file moet ge die klasse wel beschrijven eh, zoda de browser weet hoe em die moet interpretere eh, die weet nie zomaar hoe gij da wil tonen eh.. :)

Zero Grav

Legacy Member
Een klasse..

In je html zeg je

Code:
<div class="footer"> 
<br> 
&copy Flemish Federation 
</div>

Maar in je css zet je geen .footer :)
Je zet ook een <br /> om je Flemish Federation niet tegen de top van je footer te laten komen.

Als je nu gewoon in je css het volgende zou zetten:
Code:
.footer {
padding-top: 5px;
}

en in je html die <br /> weg zou laten krijg je ongeveer hetzelfde resultaat. Je kan die waarde (5) dan nog naar believen aanpassen.

Sorry Obliv` :)

Zero Grav

Legacy Member
Waren blijkbaar op't zelfde moment aant typen en gij had den uitleg al gegeven ^^

lyno

Legacy Member
Ah, thx voor de mooie uitleg :D ;) allebei tis gelukt, maar hoe kan ik ervoor zorgen dat dat menu (met forum) apart staat? Zodat er een zwarte lijn tussen is. Via tables?

[ImpacT]

Legacy Member
Ik ben bereid je een stukje webspace te geven over m'n webserver. Want echt die .tk adressen, man man. 10MB is denk ik wel voldoende voor wat HTML geprul, als je het ziet zitten, PM me dan even, je kan de account dan nog voor een goeie 2 maanden gebruiken OK ?

Je url zou dan worden.

http://flemishfederation.zionweb.be

Obliv`

Legacy Member
lyno zei:
Ah, thx voor de mooie uitleg :D ;) allebei tis gelukt, maar hoe kan ik ervoor zorgen dat dat menu (met forum) apart staat? Zodat er een zwarte lijn tussen is. Via tables?

kstel u voor da ge eerst is de cursus van css en xhtml op w3schools doorneemt
alles zal dan al veel duidelijker worden

@probleem
zet die navigatie in een div
geef die div een border-right: 1px solid #000000;

groeten

lyno

Legacy Member
thx, maar kben vanplan om eens met photshop mooie kadertjes te maken. Kan ik dan ergens zetten in html, dat ik in die kaders kan typen, of moet ik die afbeelding dan als achtergrond zetten en zorgen als ik typ in html, dat alles erin komt?

[ImpacT]

Legacy Member
'k Ga je 1 goeie tip geven, stopt even met photoshop en leg je enkel en alleen toe op HTML en CSS. Ook zou'k van die iframes afstappen, ga gewoon wat te werk met wat tabelletjes en prul hier wat mee.

Ga die tutorials eens naar wat ik je gegeven heb in de eerste post, want je doet het niet echt, want zou je die CSS tut een beetje hebben doorgelezen dat weet je dat je een image als achtergrond kan instellen en hier dus tekst overheen kan laten komen.

Eerst lezen, dan zelf wat testen en zo leer je het, meest ... als je met elk klein probleempje hier naartoe gaat komen, schiet je niets op sorry.

nog een nuttige link klikken
Leg je echt toe op het lezen en testen van dingen en begin niet direct met de "grote" dingen, ga stukje per stukje.

malebolgia

Legacy Member
'k Ga je 1 goeie tip geven, stopt even met photoshop en leg je enkel en alleen toe op HTML en CSS. Ook zou'k van die iframes afstappen, ga gewoon wat te werk met wat tabelletjes en prul hier wat mee.

Euhm, ik ben een paar dagen geleden begonnen met (x)html te leren en in alle cursussen, tuts,.. wordt het afgeraden om met tabellen te werken als layout.. Kan je niet beter met divs werken en dan later de layout met CSS doen? Correct me if I'm wrong.

[ImpacT]

Legacy Member
't Afraden is een beetje het verkeerde woord, meegaan met de nieuwe standaarden en technieken zou beter zijn. Op zich is het totaal niet fout om je website op te bouwen uit tabellen, zolang je er maar voor zorgt dat je die effiënt doet (zo weinig mogelijk dus). Zelf doe ik het ook nog steeds zo, de reden is gewoon dat ik met nog niet fatsoenlijk heb toegelegd op het <div>'s coden en m'n CSS skills zouden toch nog zeker beter moeten en deze zijn al ver gevorderd.

Het designen met <div>'s en al de andere rest vergt een enorme goede kennis van CSS en is daarom voor beginners echt moeilijk om te leren, daarom dat ik aanraad eerst met tables te werken en goed hier CSS in te oefenen, want eigelijk draait alles nu rond CSS. Dus ga je echt niet focussen op <div>'s want ik ben bijna 100% zeker als je er nu mee begint, dat je jezelf verkeerde methodes gaat aanleren, want vaak is het geval dat mensen gewoon ENKEL met <div>'s gaan werken in hun code en dat is volledig verkeerd, als je de achterliggende reden niet weet van het coden via <div>'s zal je er ook nooit fatsoenlijk mee leren werken.

Dus om nog eens te besluiten, begin met tables en leer je CSS echt GOED. Daarna kan je de overstap mss eens doen naar <div>'s maar zorg ervoor dat je hier FATSOENLIJK informatie over leest.

GLX

Legacy Member
inderdaad al beter, maar let op, je moet eerst je binnenste tags sluiten...

Code:
<table width="85%" border="1">
			<tr>
			<td>
			Welkom!
			</tr>

			</td>
</tr>
</table>
<table width="85%" border="1">
			<tr>
			<td>
					Momenteel zijn we bezig aan het werken aan een nieuwe site!
					<br>
					Sorry voor de mogelijke ongemakken.
					<p><br></p>
					Maar bezoek zeker eens ons <a href="http://s11.invisionfree.com/flemish_federation/">forum!</a></td>

			</tr>
			</td>
		</tr>
</table>
</div>

<div class="footer">
&copy Flemish Federation
</div>
dit wordt dan:
Code:
<table width="85%" border="1">
<tr>
<td>Welkom!</td>
</tr>
</table>
<table width="85%" border="1">
<tr>
<td>Momenteel zijn we bezig aan het werken aan een nieuwe site!<br>
Sorry voor de mogelijke ongemakken.
<p><br></p>
Maar bezoek zeker eens ons <a href="
http://s11.invisionfree.com/flemish_federation/">forum!</a></td>
</tr>

</table>
</div>
<div class="footer">© Flemish Federation</div>
</div>

waarbij je dan zelfs 2x een table gebruikt dat helemaal voor niets nodig is.
Een table kan bestaan uit meerdere rijen en meerdere kolommen.

om snel propere code te leren raad ik je aan om eens te gaan kijken op www.w3schools.com

ik spreek enkel maar over code, niet over design.
Design zie mijn vorige comment...

malebolgia

Legacy Member
GLX, in je commentaar over het design zei je:
Voor dat je aan je website begint, maak eerst eens een ontwerp op papier en pas daarna alles in html te gieten. Dat gaat je veel werk besparen.
Bedoel je dan bv een tekening over hoe je site er gaat uitzien of heb je het over hoe je de html code in grote lijnen gaat schrijven?
Thx

lyno

Legacy Member
Al bedankt voor de informatie, ik heb nu via css wat dingen nog kunnen veranderen, kleurtjes, afbeelding als achtergrond, ... en kga me eens verdiepen in css :) Kheb nu tijd, t'is vakantie :applause:

Site

Deze vraag niet vergeten
malebolgia zei:
GLX, in je commentaar over het design zei je:

Bedoel je dan bv een tekening over hoe je site er gaat uitzien of heb je het over hoe je de html code in grote lijnen gaat schrijven?
Thx

[ImpacT]

Legacy Member
IK raad je af van met procenten te werken in width's en height's hier ga je problemen mee krijgen en je site is op elke resolutie totaal anders.

lyno

Legacy Member
Ok, kheb het verandert, maar kheb een vraagje over de lay-out, wat zou het mooist zijn:

1. Een stuk van de afbeelding achter de kolommen (zoals nu).
2. Of gewoon appart.

Het eerste vind ik wel goed, dan zie je goed dat het als achtergrond bedoelt is.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan