Het Web ontwikkelaars Topic [deel 2]

Kortestier · 26 jan 2011

Geef je hele code eens.

xRichardX · 26 jan 2011

Shortbull zei: ↑

Geef je hele code eens.
Klik om te vergroten...

Oke komt die:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="body">

</div>

<div class="image">
</div>

<div class="welcome">
<a>welcome..</a>
</div>

<div class="tekst1">
<p>welkom op mijn portfolio website.<br>
ik heb deze website gemaakt in opdracht<br>
van school. ik doe de opleiding media<br>
vormgeving op het friesland college in<br>
heerenveen. ik wens u veel plezier op <br>
mijn website en voor vragen kunt u contact<br>
met mij opnemen.
</p>
</div>

<div class="news">
<a>news..</a>
</div>

<div class="datum">
<p>24 januari;    site in ontwikkeling</p>
</div>

<div class="button1">
<a href="index.html">Home</a>
</div>

<div class="button2">
<a href="portfolio.html">portfolio</a>
</div>

<div class="button3">
<a href="games.html">games</a>
</div>

<div class="button4">
<a href="music.html">music</a>
</div>

<div class="button5">
<a href="contact.html">contact</a>
</div>

</body>
</html>

css:

@charset "utf-8";

body
{
position:relative;
background-color:#000000;
margin-left:auto;
margin-right:auto;
}

.image
{
position: relative;
width:1000px;
height00px;
background-image: url(website.png);
margin-left:auto;
margin-right:auto;
}

A{
color:#FFF;
text-decoration: none;
}

P{
color:#FFF
text-decoration: none;
}

a:hover
{
color:#fff;
}

.welcome
{
margin-top:290px;
margin-left:553px;
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFFF;
text-decoration: none;
}

.tekst1
{
position: absolute;
top:345px;
left:553px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#FFFF
text-decoration: none;
}

.news
{
position: absolute;
top:295px;
left:1033px;
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFF
text-decoration: none;
}

.datum
{
position: absolute;
top:342px;
left:1035px;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
color:#FFF
text-decoration: none;
}

.button1
{
position: absolute;
top:120px;
left:485px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF
text-decoration: none;
}

.button2
{
position: absolute;
top:120px;
left:585px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF
text-decoration: none;
}

.button3
{
position: absolute;
top:120px;
left:715px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF
text-decoration: none;
}

.button4
{
position: absolute;
top:120px;
left:825px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF
text-decoration: none;
}

.button5
{
position: absolute;
top:120px;
left35px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF
text-decoration: none;
}

/* CSS Document */

Kortestier · 26 jan 2011

Ik kijk er straks even naar. Je hebt er wel veel foutjes in zitten. ";" tags die missen en wat spelfouten. Kijk daar even naar. Ik ga nu eerst even sporten.

xRichardX · 26 jan 2011

Shortbull zei: ↑

Ik kijk er straks even naar. Je hebt er wel veel foutjes in zitten. ";" tags die missen en wat spelfouten. Kijk daar even naar. Ik ga nu eerst even sporten.
Klik om te vergroten...

oke ik hoor wel van je!

Lenny-t · 26 jan 2011

Lees anders eerst een boek over HTML/CSS voor je hier komt vragen en andere mensen het voor je laat oplossen .

xRichardX · 26 jan 2011

Lenny-t zei: ↑

Lees anders eerst een boek over HTML/CSS voor je hier komt vragen en andere mensen het voor je laat oplossen .
Klik om te vergroten...

dat wil ik wel, maar ik moet mijn site vrijdag inleveren. Heb net een leraar er naar laten kijken, die verneukte het nog meer

gelukkig had ik hier code's nog.

xRichardX · 26 jan 2011

het zit toch ergens in de tekst, want mijn achtergrond plaatje gaat mee wanneer de grote van het "internet scherm" verandert, maar de tekst blijft staan

code's tot nu toe:

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<BODY>

<div class="body">

</div>

<div class="image">
</div>

<div class="welcome">
<p>welcome..</p>
</div>

<div class="tekst1">
<p>welkom op mijn portfolio website.<br>
ik heb deze website gemaakt in opdracht<br>
van school. ik doe de opleiding media<br>
vormgeving op het friesland college in<br>
heerenveen. ik wens u veel plezier op <br>
mijn website en voor vragen kunt u contact<br>
met mij opnemen.
</p>
</div>

<div class="news">
<p>news..</p>
</div>

<div class="datum">
<p>24 januari;    site in ontwikkeling</p>
</div>

<div class="button1">
<a href="index.html">Home</a>
</div>

<div class="button2">
<a href="portfolio.html">portfolio</a>
</div>

<div class="button3">
<a href="games.html">games</a>
</div>

<div class="button4">
<a href="music.html">music</a>
</div>

<div class="button5">
<a href="contact.html">contact</a>
</div>

</body>
</html>

css:

@charset "utf-8";

body
{
position:relative;
background-color:#000000;
margin-left:auto;
margin-right:auto;
}

.image
{
position:relative;
width:1000px;
height00px;
background-image:url(website.png);
margin-left:auto;
margin-right:auto;
}

A{
color:#FFF;
text-decoration:none;
}

P{
color:#FFF;
text-decoration:none;
}

a:hover
{
color:#fff;
}

.welcome
{
position:absolute;
top:259px;
left:555px;
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFF;
text-decoration:none;
}

.tekst1
{
position:absolute;
top:325px;
left:558px;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#FFF;
text-decoration:none;
}

.news
{
position:absolute;
top:265px;
left:1033px;
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFF
text-decoration:none;
}

.datum
{
position: absolute;
top:332px;
left:1035px;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
color:#FFF;
text-decoration:none;
}

.button1
{
position: absolute;
top:120px;
left:485px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF;
text-decoration:none;
}

.button2
{
position: absolute;
top:120px;
left:585px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF;
text-decoration:none;
}

.button3
{
position: absolute;
top:120px;
left:715px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF;
text-decoration:none;
}

.button4
{
position: absolute;
top:120px;
left:825px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF;
text-decoration:none;
}

.button5
{
position: absolute;
top:120px;
left35px;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF;
text-decoration:none;
}

/* CSS Document */

Distoration · 26 jan 2011

Oke, joomla staat op mijn server, ben hem nu aan het instaleren, maar nu moet ik een databaste van MySql maken, heb op awardspace mysql een account aangemaakt, maar daar staat : dat ik geen rechten heb om een nieuwe database aan te maken.
En nu kan ik niet verder, what to do?

Gdzr · 26 jan 2011

Heb ten eerste al 1 vraag:
Waarom heb je een <div class="body"></div>

Terwijl je die echt helemaal nergens voor gebruikt?

xRichardX · 26 jan 2011

Gdzr zei: ↑

Heb ten eerste al 1 vraag:
Waarom heb je een <div class="body"></div>

Terwijl je die echt helemaal nergens voor gebruikt?
Klik om te vergroten...

is er al uit

maar die letters in mijn page staan gewoon vast, en gaan niet mee met de lay-out

Kortestier · 26 jan 2011

Oke ik heb het veen snel voor je omgebouwd en meteen een korte uitleg gegeven.

Code:


@charset "UTF-8";
/* CSS Document */


body
{
	background-color:#000;
}

/*dit is een wrapper die je elementen bijeen houd. Zie het als een verhuisdoos waar alle spullen in moeten */
.wrapper {
	margin: 0 auto;
	width:1000px;
}	

.image
{
width:1000px; 
height:200px; /* ik weet niet wat de waarde hiervan zijn ik heb hier geen afbeeldingen. */
background-image: url(website.png);
margin-left:auto;
margin-right:auto;
}

a{
color:#FFF;
text-decoration: none;
}

p {
color:#FFF; /*p deed het niet omdat je geen sluitteken had. ";" */
/*text-decoration: none;  < deze tag werkt alleen bij links */
margin:0;
}

a:hover
{
color:#fff;
text-decoration:underline;
}

/* ik maak nu 2 nieuwe containers aan waar in  de eerste je welkom en bericht komt en de andere news. */
.txtwrapper {
	width:500px;
	height: auto;
	float:left;
}

.newswrapper {
	margin-left:100px; /*ik zet nu deze kolom 100 pixel links maar dit moet je zelf even beter uitlijnen*/
	margin-top:30px;
	width:400px;
	height: auto;
	float:left;
}

.welcome
{
margin-top:30px;
width:200px;
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFFF;
text-decoration: none;
padding:0 0 20px 0; /* zorgt voor ruimte onder de tekst*/
}

.tekst1
{
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#FFF;
float:left;
width:400px;
}


.news {
font-family:Tahoma, Geneva, sans-serif;
font-size:28px;
color:#FFF;
padding:0 0 20px 0; /* zorgt voor ruimte onder de tekst*/
}

.datum
{
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
color:#FFF;

}

/******  De knoppen hebben in feite allemaal eenzelfde stijl. Je wilt dat ze even groot zijn, en allemaal dezelfde waarde meekrijgen. ******/
.button
{
	/* Eerst maken we een wrapper waar de knoppen inkomen */
height:30px; 
width:100px;
	/* Daarna bepalen we de stijl van de font */
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
color:#FFF;
text-align:center;
/* en als laatste zeggen we dat alle knoppen aan de linkerkant aanelkaar aansluiten */
float:left;
}

HTML:

Code:

<!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" />
<title>Index</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body>


<div class="wrapper">

<div class="button">
<a href="index.html">Home</a>
</div>

<div class="button">
<a href="portfolio.html">portfolio</a>
</div>

<div class="button">
<a href="games.html">games</a>
</div>

<div class="button">
<a href="music.html">music</a>
</div>

<div class="button">
<a href="contact.html">contact</a>
</div>



<div class="image">
</div>

<div class="txtwrapper">
	<div class="welcome">
	<p>welcome..</p>
	</div>

	<div class="tekst1">
	<p>welkom op mijn portfolio website.
ik heb deze website gemaakt in opdracht 
van school. ik doe de opleiding media 
vormgeving op het friesland college in
heerenveen. ik wens u veel plezier op 
mijn website en voor vragen kunt u contact
met mij opnemen.
	</p>
	</div> 

</div><!-- txtwrapper sluit -->

<div class="newswrapper">
	<div class="news">
	<p>news..</p>
	</div>

	<div class="datum">
	<p>24 januari; &nbsp;&nbsp;&nbsp;site in ontwikkeling</p>
	</div>
</div> 
<!-- newswrapper sluit --><!-- is de wrapper sluit --> 
</div>
</body>
</html>

Succes

Distoration · 26 jan 2011

Distoration zei: ↑

Oke, joomla staat op mijn server, ben hem nu aan het instaleren, maar nu moet ik een databaste van MySql maken, heb op awardspace mysql een account aangemaakt, maar daar staat : dat ik geen rechten heb om een nieuwe database aan te maken.
En nu kan ik niet verder, what to do?
Klik om te vergroten...

xRichardX · 26 jan 2011

Shortbull zei: ↑

Oke ik heb het veen snel voor je omgebouwd en meteen een korte uitleg gegeven.
Klik om te vergroten...

Heel erg bedankt!, alleen heb het overgenomen in dreamweaver (uitleg er natuurlijk eff uitgehaald) image aanpassen + afmetingen.

en hij doet: Niks

krijg een kut wit beeld met deze tekst:

@charset "UTF-8"; body { background-color:#000; } .wrapper { margin: 0 auto; width:1000px; } .image { width:1000px; height00px; background-image: url(website.png); margin-left:auto; margin-right:auto; } a{ color:#FFF; text-decoration: none; } p { color:#FFF; margin:0; } a:hover { color:#fff; text-decoration:underline; } .txtwrapper { width:500px; height: auto; float:left; } .newswrapper { margin-left:100px; margin-top:30px; width:400px; height: auto; float:left; } .welcome { margin-top:30px; width:200px; font-family:Tahoma, Geneva, sans-serif; font-size:28px; color:#FFFF; text-decoration: none; padding:0 0 20px 0; } .tekst1 { font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; float:left; width:400px; } .news { font-family:Tahoma, Geneva, sans-serif; font-size:28px; color:#FFF; padding:0 0 20px 0; } .datum { font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#FFF; } .button { height:30px; width:100px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; float:left; } /* CSS Document */

Oldsk00l · 26 jan 2011

xRichardX zei: ↑

Heel erg bedankt!, alleen heb het overgenomen in dreamweaver (uitleg er natuurlijk eff uitgehaald) image aanpassen + afmetingen.

en hij doet: Niks

krijg een kut wit beeld met deze tekst:

@charset "UTF-8"; body { background-color:#000; } .wrapper { margin: 0 auto; width:1000px; } .image { width:1000px; height00px; background-image: url(website.png); margin-left:auto; margin-right:auto; } a{ color:#FFF; text-decoration: none; } p { color:#FFF; margin:0; } a:hover { color:#fff; text-decoration:underline; } .txtwrapper { width:500px; height: auto; float:left; } .newswrapper { margin-left:100px; margin-top:30px; width:400px; height: auto; float:left; } .welcome { margin-top:30px; width:200px; font-family:Tahoma, Geneva, sans-serif; font-size:28px; color:#FFFF; text-decoration: none; padding:0 0 20px 0; } .tekst1 { font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; float:left; width:400px; } .news { font-family:Tahoma, Geneva, sans-serif; font-size:28px; color:#FFF; padding:0 0 20px 0; } .datum { font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#FFF; } .button { height:30px; width:100px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; float:left; } /* CSS Document */

Klik om te vergroten...

anders gebruik je notepad ipv dreamweaver
of een normale editor

xRichardX · 26 jan 2011

Oldsk00l zei: ↑

anders gebruik je notepad ipv dreamweaver
of een normale editor
Klik om te vergroten...

zal eff notepad gebruiken maar vrees het ergste

Oldsk00l · 26 jan 2011

xRichardX zei: ↑

zal eff notepad gebruiken maar vrees het ergste
Klik om te vergroten...

gebruik je mac of windhoos?

een fijne mac editor vind ik zelf Coda.
of textwrangler
voor windhoos heb je onderandere:

scite
netbeans
codelobster

xRichardX · 26 jan 2011

ik heb windows 7, en het werkt in notepad nog steeds niet

Ferron · 26 jan 2011

Distoration zei: ↑

Klik om te vergroten...

Hier heb je dus een MySQL database aangemaakt en dan geeft die die melding?

Kortestier · 26 jan 2011

xRichardX zei: ↑

ik heb windows 7, en het werkt in notepad nog steeds niet
Klik om te vergroten...

Lol volgens mij plak je de code in de design window ipv code window. XD

Oldsk00l · 26 jan 2011

Shortbull zei: ↑

Lol volgens mij plak je de code in de design window ipv code window. XD
Klik om te vergroten...

daarom geen dreamweaver gebruiken xD
+ het zet random troep in je code

Aanmelden

Het Web ontwikkelaars Topic [deel 2]

Kortestier Shortbull XBW.nl ICT

xRichardX Nieuw Noord

Kortestier Shortbull XBW.nl ICT

xRichardX Nieuw Noord

Lenny-t Melted Forest XBW.nl VIP

xRichardX Nieuw Noord

xRichardX Nieuw Noord

Distoration Da diii

Gdzr Hmmm?

xRichardX Nieuw Noord

Kortestier Shortbull XBW.nl ICT

Distoration Da diii

xRichardX Nieuw Noord

Oldsk00l ouwe school

xRichardX Nieuw Noord

Oldsk00l ouwe school

xRichardX Nieuw Noord

Ferron Active Member

Kortestier Shortbull XBW.nl ICT

Oldsk00l ouwe school

Deel Deze Pagina

Aanmelden

Nuttige Zoekopdrachten

Het Web ontwikkelaars Topic [deel 2]

Kortestier Shortbull XBW.nl ICT

xRichardX Nieuw Noord

Kortestier Shortbull XBW.nl ICT

xRichardX Nieuw Noord

Lenny-t Melted Forest XBW.nl VIP

xRichardX Nieuw Noord

xRichardX Nieuw Noord

Distoration Da diii

Gdzr Hmmm?

xRichardX Nieuw Noord

Kortestier Shortbull XBW.nl ICT

Distoration Da diii

xRichardX Nieuw Noord

Oldsk00l ouwe school

xRichardX Nieuw Noord

Oldsk00l ouwe school

xRichardX Nieuw Noord

Ferron Active Member

Kortestier Shortbull XBW.nl ICT

Oldsk00l ouwe school

Deel Deze Pagina