Archief - CLANSITE: Flemish Federation

lyno · 17 jun 2005

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;}

Obliv` · 17 jun 2005

ge hebt geen klasse footer in uw css?

lyno · 17 jun 2005

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

Obliv` · 17 jun 2005

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 · 17 jun 2005

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`

Obliv` · 17 jun 2005

waarom verdien ik u excuses beste vriend?

Zero Grav · 17 jun 2005

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

lyno · 17 jun 2005

Ah, thx voor de mooie uitleg

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] · 18 jun 2005

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` · 18 jun 2005

lyno zei:
Ah, thx voor de mooie uitleg 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 · 18 jun 2005

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] · 18 jun 2005

'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 · 21 jun 2005

'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] · 21 jun 2005

'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.

malebolgia · 22 jun 2005

Ahzo..
Thx, je hebt een newbie weer wat wijzer gemaakt

GLX · 22 jun 2005

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 · 22 jun 2005

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 · 22 jun 2005

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] · 22 jun 2005

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 · 22 jun 2005

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.

Archief - CLANSITE: Flemish Federation

lyno

Legacy Member

Obliv`

Legacy Member

lyno

Legacy Member

Obliv`

Legacy Member

Zero Grav

Legacy Member

Obliv`

Legacy Member

Zero Grav

Legacy Member

lyno

Legacy Member

[ImpacT]

Legacy Member

Obliv`

Legacy Member

lyno

Legacy Member

[ImpacT]

Legacy Member

malebolgia

Legacy Member

[ImpacT]

Legacy Member

malebolgia

Legacy Member

GLX

Legacy Member

malebolgia

Legacy Member

lyno

Legacy Member

[ImpacT]

Legacy Member

lyno

Legacy Member