Just nu i M3-nätverket
Jump to content

Ansökningsformulär + en sida som visar svaren


tepz

Recommended Posts

Hej, jag har länge fuderat på hur man gör detta.

 

Det jag vill göra är att

1. En person klickar sig fram till en sida med ett ansökningsformulär.

2. Han/Hon fyller i detta och trycker på skicka

3. Svaren skickas till min databas

4. Han/Hon som fyllt i formuläret skickas till en sida som tackar för ansökan

5. Det visas på en sida att det har kommit in en ny ansökan (på något sätt)

6. jag läser igen om ansökan och har möjlighet att skicka frågor till han/hon som skrivit den via t ex e-mail

7. jag kan neka/godkänna ansökan med en komentar om varför

 

Väldigt invecklat men dessa är mina önskningar

 

Några tips/ideer eller kanske det rentav finns ett program som kan skpa sånna formulär?

 

 

Jag kör med mysql och php5

[inlägget ändrat 2008-06-27 17:17:40 av tepz]

Link to comment
Share on other sites

Hej

 

du behöver tre sidor

 

en php sida med ansökningsformulär med en unik nyckel för din säkerhet.

 

en php sida med ta i mot data och användare och en anslutning till din databas och Validerar nyckeln ifrån den första php sida om nycken är ok då skicka vi in data till databasen annars skicka vi inte nån data till databasen.

 

en php sida med formulärloggin för admin för din säkerhet.

efter man har logga in skicka vi data till databas eller sida som Validerar din lösenord och namn efter det är bara loopa ut ansökningara ifrån databasen till en tabell på sidan.

 

mvh

 

mac3

 

Link to comment
Share on other sites

okej tack för det snabba svaret, du har möjligtvis inga sådana php filer liggandes? eller om du känner för att skrota ihop detta till mig så jag bara har dom sissta små grejerna kvar att ordna själv?

 

är nämligen inte så duktig på att göra script från grunden men att ändra om lite och fixa så dom fungerar brukar jag kunna klara av...

 

mvh

 

Link to comment
Share on other sites

ja visst , kan jag greja ihop det.

 

då få du berättar vika fält som du vill ha på den första sidan.

 

mvh

 

mac3

 

Link to comment
Share on other sites

va bussigt av dig :)

 

frågorna jag vill ha på första sidan är:

[log]Om dig

IRL Namn:

Ålder:

Sysselsättning:

Vart bor du?:

 

Om din karaktär

Namn på karaktären:

Ras:

Klass:

Specc:

Wow Armory:

/Played:

 

Några generella frågor

 

Har du stabil uppkoppling? (Internet)

 

Tidigare guilds?

 

Varför lämnade/lämnar du dessa guilds?

 

Känner du någon i guilden?

 

Tänker du grinda och komma väl förberedd till raids?

 

Vad tänker du ta med dig till raids, med tanke på mat, pots, buffs.?

 

Vilken roll tänker du dig uppfylla i 25 manna raids?

 

Kan du förklara varför du är effektiv i denna roll?

 

Hur gör du när du uppfyller din roll? (Healar, dpsar, tankar?)

 

Om du skulle vara en annan specc, vilken då i såntfall? Och varför?

 

Lyssnar du på officers, litar på deras omdömme om dom ber dig göra något? (Så som att specca om)

 

Varför vill du joina oss?

 

Siktar du alltid på att få de bästa möjliga enchantsen, gemsen till ditt gear?

 

Om du blir Raider(utifrån ranken Prövare), tänker du då fortsätta ha samma närvaro som du tidigare haft?

 

Vad är din erfarenhet av raid instancer/events?

 

Hur länge kan du spela på kvällar/nätter?

 

Är det någonting annat du vill tillägga?[/log]

 

Röd text är titlar

Grön text är frågor

 

[inlägget ändrat 2008-06-27 18:33:35 av tepz]

 

 

LOG-taggar tillagda av moderator

 

[inlägget ändrat 2008-06-29 19:53:51 av Cluster]

Link to comment
Share on other sites

hejsan

 

nu jag har gjort den första sidan

det blev en vanlig html sida för att hade problem med mitt nät igår

och med det fick jag inte tillgång till min server

 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="sv">
<head>
<title>Ansökningsformulär</title>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="Mac3">
<meta name="ROBOTS" content="ALL">
<META content="Mac3.se" name=DC.Publisher>
<META content="mac3.se" name=DC.Publisher.Address>
<META content=text name=DC.Type>
<META content=InteractiveResource name=DC.Type>
<META content="text/html" name=DC.Format>
<META content=sv name=DC.Language>

<style type="text/css">

body{
font-family: sans-serif;
font-size: 100%;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

.titelnamn{
font-family: sans-serif; 
font-size: 100%;  
font-weight: bolder;
color: Black;
background-color: White;
}

input{
border: 0px;
color: Black;
width: 100%;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
color: Black;
margin: 0px;
background-color: White;
font-size: 80%;
font-family: sans-serif; 
}

label{
display: block;
font-family: sans-serif;
font-size: 65%;
color: Black;
background-color: White;
margin: 0px;
width: 100%;
}
textarea{
border: 0px;
width: 100%;
overflow: auto;
font-family: sans-serif;
font-size: 80%; 
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
height: 55px;
margin: 0px;
color: Black;
background-color: White;
}

h1{
padding: 0px;
margin-left: 12px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

form{
padding: 0px;
margin-top: 10px;
padding-bottom: 0px;
margin-right: 0px;
margin-left: 12px;
}
p{
margin-top: 20px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
font-family: sans-serif;
font-size: 80%; 
font-weight: bolder;
}

</style>

</head>

<body>

<h1>Ansökningsformulär</h1>

<form method="post" action="sida2.php">
<div class="titelnamn">Om dig</div>
<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 250px; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="namn">IRL Namn:</label>
<input value="Namn" id="namn1" type="text" name="namn">
</td>
<td style="width: 150px; border-right: 1px solid Black; border-left: 1px solid Black; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="alder">Ålder:</label>
<input value="Ålder" id="alder1" type="text" name="alder">
</td>

<td style="width: 350px; padding-left: 6px;" rowspan="2" valign="top">
<label id="sysselsattning">Sysselsättning:</label>
<textarea id="sysselsattning1" cols="0" rows="0" name="sysselsattning">Sysselsättning</textarea>

</td>

</tr>
<tr>
<td style="border-right: 1px solid Black; padding-left: 6px; " colspan="2" valign="top">
<label id="gatuadress">Gatuadress:</label>
<input value="Gatuadress" id="gatuadress1" type="text" name="gatuadress">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;" colspan="2" valign="top">
<label id="ort">Ort och Postnummer:</label>
<input value="Ort och Postnummer" id="ort1" type="text" name="ort">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="mail">E-postadress:</label>
<input value="E-postadress" id="mail1" type="text" name="mail">
</td>
</tr>
</table>
<div class="titelnamn">Om din karaktär</div>
<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 250px; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="karaktaren">Namn på karaktären:</label>
<input value="Namn på karaktären" id="karaktaren1" type="text" name="karaktaren">
</td>

<td style="width: 150px; border-right: 1px solid Black; border-left: 1px solid Black; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="ras">Ras:</label>
<input value="Ras" id="ras1" type="text" name="ras">
</td>
<td style="width: 350px; padding-left: 6px; border-bottom: 1px solid Black;">
<label id="klass">klass:</label>
<input value="Klass:" id="klass1" type="text" name="klass">
</td>
</tr>
<tr>
<td style="width: 250px;  padding-left: 6px;" valign="top" >
<label id="specc">Specc:</label>
<input value="Specc" id="specc1" type="text" name="specc">
</td>

<td style="width: 350px; padding-left: 6px; border-left: 1px solid Black;" colspan="2">
<label id="Played">Wow Armory/Played:</label>
<input value="Wow Armory/Played" id="Played1" type="text" name="Played">
</td>
</tr>
</table>
<div class="titelnamn">Några generella frågor</div>

<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 407px; border-bottom: 1px solid Black; padding-left: 6px; border-right: 1px solid Black;" valign="top">
<label id="guilds">Tidigare guilds?</label>
<input value="Tidigare guilds?" id="guilds1" type="text" name="guilds">
</td>

<td style="width: 350px; padding-left: 6px;" rowspan="2" valign="top">
<label id="varfor">Varför lämnade/lämnar du dessa guilds?:</label>
<textarea id="varfor1" cols="0" rows="0" name="varfor">Varför lämnade/lämnar du dessa guilds?</textarea>
</td>
</tr>
<tr>
<td style="border-right: 1px solid Black; padding-left: 6px; "  valign="top">
<label id="du">Känner du någon i guilden?</label>
<input value="Känner du någon i guilden?" id="du1" type="text" name="du">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="uppkoppling">Har du stabil uppkoppling? (Internet)</label>
<input value="Har du stabil uppkoppling? (Internet)" id="uppkoppling1" type="text" name="uppkoppling">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="raids">Tänker du grinda och komma väl förberedd till raids?</label>
<input value="Tänker du grinda och komma väl förberedd till raids?" id="raids1" type="text" name="raids">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="mat">Vad tänker du ta med dig till raids, med tanke på mat, pots, buffs.?</label>
<input value="Vad tänker du ta med dig till raids, med tanke på mat, pots, buffs.?" id="mat1" type="text" name="mat">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="roll">Kan du förklara varför du är effektiv i denna roll?</label>
<input value="Kan du förklara varför du är effektiv i denna roll?" id="roll1" type="text" name="roll">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="manna">Vilken roll tänker du dig uppfylla i 25 manna raids?</label>
<input value="Vilken roll tänker du dig uppfylla i 25 manna raids?" id="manna1" type="text" name="manna">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;" rowspan="2">
<label id="uppfyller">Hur gör du när du uppfyller din roll? (Healar, dpsar, tankar?)</label>
<textarea id="uppfyller1" cols="0" rows="0" name="uppfyller">Hur gör du när du uppfyller din roll? (Healar, dpsar, tankar?)</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;" valign="top">
<label id="vilken">Om du skulle vara en annan specc, vilken då i såntfall? Och varför?</label>
<input value="Om du skulle vara en annan specc, vilken då i såntfall? Och varför?" id="vilken1" type="text" name="vilken">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="events">Vad är din erfarenhet av raid instancer/events?</label>
<input value="Vad är din erfarenhet av raid instancer/events?" id="events1" type="text" name="events">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="joina">Varför vill du joina oss?</label>
<input value="Varför vill du joina oss?" id="joina1" type="text" name="joina">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black; width: 407px;"  valign="top">
<label id="Raider">Om du blir Raider(utifrån ranken Prövare), tänker du då fortsätta ha samma närvaro som du tidigare haft?</label>
<textarea id="Raider1" cols="0" rows="0" name="Raider">Om du blir Raider(utifrån ranken Prövare), tänker du då fortsätta ha samma närvaro som du tidigare haft?</textarea>
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;">
<label id="officers">Lyssnar du på officers, litar på deras omdömme om dom ber dig göra något? (Så som att specca om)?</label>
<textarea id="officers1" cols="0" rows="0" name="officers">Lyssnar du på officers, litar på deras omdömme om dom ber dig göra något? (Så som att specca om)</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black; width: 407px;"  valign="top">
<label id="gear">Siktar du alltid på att få de bästa möjliga enchantsen, gemsen till ditt gear?</label>
<textarea id="gear1" cols="0" rows="0" name="gear">Siktar du alltid på att få de bästa möjliga enchantsen, gemsen till ditt gear?</textarea>
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;">
<label id="spela">Hur länge kan du spela på kvällar/nätter?</label>
<textarea id="spela1" cols="0" rows="0" name="spela">Hur länge kan du spela på kvällar/nätter?</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-top: 1px solid Black; width: 407px;" valign="top" colspan="2">
<label id="annat">Är det någonting annat du vill tillägga?</label>
<textarea id="annat1" cols="0" rows="0" name="annat">Är det någonting annat du vill tillägga?</textarea>
</td>

</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px;  border-top: 1px solid Black;"  valign="top" colspan="2">
<div style="font-family: sans-serif; font-size: 70%;">Kontrollkoden är en del av våran höjda säkerhet. Den skyddar oss från att få oönskad Meddelanden. Denna kontrollkod gäller bara denna gång.</div>
<label id="nyckel" style="font-family: sans-serif; font-size: 75%;">Fyll i koden som visas i fält: 65TH3</label>
<input value="" id="nyckel1" type="text" name="nyckel">

</td>
</tr>
</table>
<div style="padding-top: 10px; text-align: right; width: 773px;">
<button type="submit" name="Skicka" style="margin-left: 16px; margin-right: 16px;">Skicka</button>
<button type="reset" name="Rensa">Rensa formuläret ..</button>
<p>by Mac3
   <a href="http://validator.w3.org/check?uri=referer"><img         src="http://www.w3.org/Icons/valid-html401-blue"         alt="Valid HTML 4.01 Transitional" height="31" width="88" style="border: 0px;"></a>
 </p>
</div></form>


</body>
</html>

 

sidan kan vara lite trist för sidan se ut som ett avtal för nån företag eller i den stilen men det går ändra det grafiska med css

 

mvh

 

mac3

 

det kommer mer..

 

 

Link to comment
Share on other sites

tack så mycket att du tar dig tid att göra detta, såg lite ut som en ansökan till staten lr någe men det går ju som sagt att ändra på med css, en sak jag såg var att "wow armory länk" och "/played" var samma fråga, detta är två separata frågor, om det inte är för mycket jobb att ändra detta...

annars ser det suveränt ut, tackar igen för hjälpen och väntar spännt på resten =)

 

mvh

 

[inlägget ändrat 2008-06-28 15:35:18 av tepz]

Link to comment
Share on other sites

Hejsan

 

nu kommer du få filerna och lite jobb :P

genom att jag har inte nån tillgång till mysql databas..

 

du måste skapar en tabell som ska heter data den ska innehåller de är värderna i mysql databas

namn, alder, sysselsattning, gatuadress, ort, mail, karaktaren, ras, klass, specc, guilds, varfor, du, uppkoppling, raids, mat, roll, manna, uppfyller, vilken, events, joina, raider, officers, gear, spela, annat, armory, played + auto-nyckel (id)

 

sida1.html ny version (körbar)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="sv">
<head>
<title>Ansökningsformulär</title>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="Mac3">
<meta name="ROBOTS" content="ALL">
<META content="Mac3.se" name=DC.Publisher>
<META content="mac3.se" name=DC.Publisher.Address>
<META content=text name=DC.Type>
<META content=InteractiveResource name=DC.Type>
<META content="text/html" name=DC.Format>
<META content=sv name=DC.Language>

<style type="text/css">

body{
font-family: sans-serif;
font-size: 100%;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

.titelnamn{
font-family: sans-serif; 
font-size: 100%;  
font-weight: bolder;
color: Black;
background-color: White;
}

input{
border: 0px;
color: Black;
width: 100%;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
color: Black;
margin: 0px;
background-color: White;
font-size: 80%;
font-family: sans-serif; 
}

label{
display: block;
font-family: sans-serif;
font-size: 65%;
color: Black;
background-color: White;
margin: 0px;
width: 100%;
}
textarea{
border: 0px;
width: 100%;
overflow: auto;
font-family: sans-serif;
font-size: 80%; 
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
height: 55px;
margin: 0px;
color: Black;
background-color: White;
}

h1{
padding: 0px;
margin-left: 12px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

form{
padding: 0px;
margin-top: 10px;
padding-bottom: 0px;
margin-right: 0px;
margin-left: 12px;
}
p{
margin-top: 20px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
font-family: sans-serif;
font-size: 80%; 
font-weight: bolder;
}

</style>

</head>

<body>

<h1>Ansökningsformulär</h1>

<form method="post" action="sida2.php">
<div class="titelnamn">Om dig</div>
<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 250px; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="namn">IRL Namn:</label>
<input value="Namn" id="namn1" type="text" name="namn">
</td>
<td style="width: 150px; border-right: 1px solid Black; border-left: 1px solid Black; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="alder">Ålder:</label>
<input value="Ålder" id="alder1" type="text" name="alder">
</td>

<td style="width: 350px; padding-left: 6px;" rowspan="2" valign="top">
<label id="sysselsattning">Sysselsättning:</label>
<textarea id="sysselsattning1" cols="0" rows="0" name="sysselsattning">Sysselsättning</textarea>

</td>

</tr>
<tr>
<td style="border-right: 1px solid Black; padding-left: 6px; " colspan="2" valign="top">
<label id="gatuadress">Gatuadress:</label>
<input value="Gatuadress" id="gatuadress1" type="text" name="gatuadress">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;" colspan="2" valign="top">
<label id="ort">Ort och Postnummer:</label>
<input value="Ort och Postnummer" id="ort1" type="text" name="ort">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="mail">E-postadress:</label>
<input value="E-postadress" id="mail1" type="text" name="mail">
</td>
</tr>
</table>
<div class="titelnamn">Om din karaktär</div>
<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 250px; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="karaktaren">Namn på karaktären:</label>
<input value="Namn på karaktären" id="karaktaren1" type="text" name="karaktaren">
</td>

<td style="width: 150px; border-right: 1px solid Black; border-left: 1px solid Black; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="ras">Ras:</label>
<input value="Ras" id="ras1" type="text" name="ras">
</td>
<td style="width: 350px; padding-left: 6px; border-bottom: 1px solid Black;">
<label id="klass">klass:</label>
<input value="Klass:" id="klass1" type="text" name="klass">
</td>
</tr>
<tr>
<td style="width: 250px;  padding-left: 6px;" valign="top" >
<label id="specc">Specc:</label>
<input value="Specc" id="specc1" type="text" name="specc">
</td>

<td style="width: 150px; padding-left: 6px; border-left: 1px solid Black; border-right: 1px solid Black;">
<label id="Played">Played:</label>
<input value="Played" id="Played1" type="text" name="Played">
</td>
<td style="width: 150px; padding-left: 6px;">
<label id="armory">Wow Armory:</label>
<input value="Wow Armory" id="armory1" type="text" name="armory">
</td>
</tr>
</table>
<div class="titelnamn">Några generella frågor</div>

<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 407px; border-bottom: 1px solid Black; padding-left: 6px; border-right: 1px solid Black;" valign="top">
<label id="guilds">Tidigare guilds?</label>
<input value="Tidigare guilds?" id="guilds1" type="text" name="guilds">
</td>

<td style="width: 350px; padding-left: 6px;" rowspan="2" valign="top">
<label id="varfor">Varför lämnade/lämnar du dessa guilds?:</label>
<textarea id="varfor1" cols="0" rows="0" name="varfor">Varför lämnade/lämnar du dessa guilds?</textarea>
</td>
</tr>
<tr>
<td style="border-right: 1px solid Black; padding-left: 6px; "  valign="top">
<label id="du">Känner du någon i guilden?</label>
<input value="Känner du någon i guilden?" id="du1" type="text" name="du">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="uppkoppling">Har du stabil uppkoppling? (Internet)</label>
<input value="Har du stabil uppkoppling? (Internet)" id="uppkoppling1" type="text" name="uppkoppling">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="raids">Tänker du grinda och komma väl förberedd till raids?</label>
<input value="Tänker du grinda och komma väl förberedd till raids?" id="raids1" type="text" name="raids">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="mat">Vad tänker du ta med dig till raids, med tanke på mat, pots, buffs.?</label>
<input value="Vad tänker du ta med dig till raids, med tanke på mat, pots, buffs.?" id="mat1" type="text" name="mat">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="roll">Kan du förklara varför du är effektiv i denna roll?</label>
<input value="Kan du förklara varför du är effektiv i denna roll?" id="roll1" type="text" name="roll">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="manna">Vilken roll tänker du dig uppfylla i 25 manna raids?</label>
<input value="Vilken roll tänker du dig uppfylla i 25 manna raids?" id="manna1" type="text" name="manna">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;" rowspan="2">
<label id="uppfyller">Hur gör du när du uppfyller din roll? (Healar, dpsar, tankar?)</label>
<textarea id="uppfyller1" cols="0" rows="0" name="uppfyller">Hur gör du när du uppfyller din roll? (Healar, dpsar, tankar?)</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;" valign="top">
<label id="vilken">Om du skulle vara en annan specc, vilken då i såntfall? Och varför?</label>
<input value="Om du skulle vara en annan specc, vilken då i såntfall? Och varför?" id="vilken1" type="text" name="vilken">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="events">Vad är din erfarenhet av raid instancer/events?</label>
<input value="Vad är din erfarenhet av raid instancer/events?" id="events1" type="text" name="events">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="joina">Varför vill du joina oss?</label>
<input value="Varför vill du joina oss?" id="joina1" type="text" name="joina">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black; width: 407px;"  valign="top">
<label id="Raider">Om du blir Raider(utifrån ranken Prövare), tänker du då fortsätta ha samma närvaro som du tidigare haft?</label>
<textarea id="Raider1" cols="0" rows="0" name="Raider">Om du blir Raider(utifrån ranken Prövare), tänker du då fortsätta ha samma närvaro som du tidigare haft?</textarea>
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;">
<label id="officers">Lyssnar du på officers, litar på deras omdömme om dom ber dig göra något? (Så som att specca om)?</label>
<textarea id="officers1" cols="0" rows="0" name="officers">Lyssnar du på officers, litar på deras omdömme om dom ber dig göra något? (Så som att specca om)</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black; width: 407px;"  valign="top">
<label id="gear">Siktar du alltid på att få de bästa möjliga enchantsen, gemsen till ditt gear?</label>
<textarea id="gear1" cols="0" rows="0" name="gear">Siktar du alltid på att få de bästa möjliga enchantsen, gemsen till ditt gear?</textarea>
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;">
<label id="spela">Hur länge kan du spela på kvällar/nätter?</label>
<textarea id="spela1" cols="0" rows="0" name="spela">Hur länge kan du spela på kvällar/nätter?</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-top: 1px solid Black; width: 407px;" valign="top" colspan="2">
<label id="annat">Är det någonting annat du vill tillägga?</label>
<textarea id="annat1" cols="0" rows="0" name="annat">Är det någonting annat du vill tillägga?</textarea>
</td>

</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px;  border-top: 1px solid Black;"  valign="top" colspan="2">
<div style="font-family: sans-serif; font-size: 70%;">Kontrollkoden är en del av våran höjda säkerhet. Den skyddar oss från att få oönskad Meddelanden. Denna kontrollkod gäller bara denna gång.</div>
<label id="nyckel" style="font-family: sans-serif; font-size: 75%;">Fyll i koden som visas i fält: 65TH3</label>
<input value="" id="nyckel1" type="text" name="nyckel">

</td>
</tr>
</table>
<div style="padding-top: 10px; text-align: right; width: 773px;">
<button type="submit" name="Skicka" style="margin-left: 16px; margin-right: 16px;">Skicka</button>
<button type="reset" name="Rensa">Rensa formuläret ..</button>
<p>by Mac3
   <a href="http://validator.w3.org/check?uri=referer"><img         src="http://www.w3.org/Icons/valid-html401-blue"         alt="Valid HTML 4.01 Transitional" height="31" width="88" style="border: 0px;"></a>
 </p>
</div></form>


</body>
</html>

 

allting är klart utom anslutning till databasen och grafiska på sida 2

 

sida2.php körbar men du måste konfigurera den.

jag gjorde en enkel koll om nyckeln är rätt. det går utöka med en lista med olika nyckelar. jag gjorde inte nån layout på sidan


<?php



//inställningar för databasen

$pass ="";
$user ="";
$database ="";
$host ="";

//anslutning till databasen
//$conn = mysql_connect($host, $user, $pass) or die(mysql_error());
//$db = mysql_select_db($database, $conn) or die(mysql_error());



// värderna ifrån Ansökningsformuläret

$namn = $_post["namn"]; 
$alder = $_post["alder"]; 
$sysselsattning = $_post["sysselsattning"]; 
$gatuadress = $_post["gatuadress"];
$ort = $_post["ort"];
$mail = $_post["mail"];
$karaktaren = $_post["karaktaren"];
$ras = $_post["ras"];
$klass = $_post["klass"];
$specc = $_post["specc"];
$guilds = $_post["guilds"];
$varfor = $_post["varfor"];
$du = $_post["du"];
$uppkoppling = $_post["uppkoppling"];
$raids = $_post["raids"];
$mat = $_post["mat"];
$roll = $_post["roll"];
$manna = $_post["manna"];
$uppfyller = $_post["uppfyller"];
$vilken = $_post["vilken"];
$events = $_post["events"];
$joina = $_post["joina"];
$raider = $_post["Raider"];
$officers = $_post["officers"];
$gear = $_post["gear"];
$spela = $_post["spela"];
$annat = $_post["annat"];
$armory = $_post["armory"];
$played = $_post["Played"];
$nyckel = $_post["nyckel"];

$nyckel2="65TH3";

if( $nyckel==$nyckel2  )
{
// skriver till databasen och säger till att nu det är klart.
// mysql_query("INSERT INTO data (namn, alder, sysselsattning, gatuadress, ort, mail, karaktaren, ras, klass, specc, guilds, varfor, du, uppkoppling, raids, mat, roll, manna, uppfyller, vilken, events, joina, raider, officers, gear, spela, annat, armory, played ) 
// VALUES ('$namn', '$alder', '$sysselsattning' '$gatuadress' '$ort' '$mail' '$karaktaren' '$ras' '$klass' '$specc' '$guilds' '$varfor' '$du' '$uppkoppling' '$raids' '$mat' '$manna' '$uppfyller' '$vilken' '$events' '$joina' '$raider' '$officers' '$gear' '$spela' '$annat' '$armory' '$played' )");

$text="nu det är klart";


}
else // annars säger vi aj aj nånting fel.
{

$text="aj aj nånting fel";
// går att lägga till egen tänkt.

}


?>



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>tack så mycket</title>
</head>

<body>

<?
print ''.$text.' '
?>

ditt innehåll..

</body>
</html>


<?
// stänger databasen
// mysql_close($db);

?>

 

 

allting är klart utom anslutning till databasen på sida 3

 

sida3.php körbar men du måste konfigurera den.

den innehåller tre delar , logg in , namn överskådligt samt Ansökning mallen som kommer innehåller informationsmaterial ifrån databasen


<?php

//inställningar för texten i de oilka webbläsare
$lista = explode(";", $HTTP_USER_AGENT);
if( $lista[1]=='MSIE 5.0' or  $lista[1]=='MSIE 5.5' or $lista[1]=='MSIE 6.0'  ) 
     {$fontsize = "110%";} 
  else 
     {$fontsize = "100%"; }


//inställningar för databasen

$pass ="";
$user ="";
$database ="";
$host ="";

//inställningar för sidan 


$usernamn="admin";
$password="admin";	



// standards 


$www = "Mac3.se";
$ar = "2008";
$index = "start"; 
define("copyright", "Copyright by $www $ar");






$user = trim($_GET['namn']);
$pass = trim($_GET['pass']);
$nr = trim($_GET['nr']);


if( $usernamn==$user && $password==$pass )
{
$page = trim($_GET['id']);
$usernamn="admin";
$password="admin";	
}
else
{
$page = $index;
}



// inställningar för sidorna 
if ($page == 'sida1')
{	
   $titel ="Välkomnen till Ansökningsformulär";

}
else if($page == 'OK')
{
   $titel ="Välkomnen till Kontrollpanelen";

}

else if($page == 'start')
{
   $titel ="Välkomnen till logga in";


}
else
{
   $titel ="Sidan gick inte att hitta. Den sida du söker finns inte på webbplatsen";
   $menytitle ="Sidan gick inte att hitta.";

}

function ansoknings()
{
global $host, $user, $pass, $database, $usernamn, $password, $nr;
//$conn = mysql_connect($host, $user, $pass) or die(mysql_error());
//$db = mysql_select_db($database, $conn) or die(mysql_error());
// vi frågar mysql om id ifrån tabell data. 
// $result = mysql_query("SELECT * FROM data WHERE $nr ") or die("Couldn't execute query");
// while($row = mysql_fetch_array($result)) {
print'<h1>Ansökningsformulär</h1>

<div class="box">
<div class="titelnamn">Om dig</div>
<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 250px; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="namn">IRL Namn:</label>
<input value="'.$row['namn'].'" id="namn1" type="text" name="namn">
</td>
<td style="width: 150px; border-right: 1px solid Black; border-left: 1px solid Black; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="alder">Ålder:</label>
<input value="'.$row['alder'].'" id="alder1" type="text" name="alder">
</td>

<td style="width: 350px; padding-left: 6px;" rowspan="2" valign="top">
<label id="sysselsattning">Sysselsättning:</label>
<textarea id="sysselsattning1" cols="0" rows="0" name="sysselsattning">'.$row['sysselsattning'].'</textarea>

</td>

</tr>
<tr>
<td style="border-right: 1px solid Black; padding-left: 6px; " colspan="2" valign="top">
<label id="gatuadress">Gatuadress:</label>
<input value="'.$row['gatuadress'].'" id="gatuadress1" type="text" name="gatuadress">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;" colspan="2" valign="top">
<label id="ort">Ort och Postnummer:</label>
<input value="Ort och Postnummer" id="ort1" type="text" name="ort">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="mail">E-postadress:</label>
<input value="'.$row['mail'].'" id="mail1" type="text" name="mail">
</td>
</tr>
</table>
<div class="titelnamn">Om din karaktär</div>
<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 250px; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="karaktaren">Namn på karaktären:</label>
<input value="'.$row['karaktaren'].'" id="karaktaren1" type="text" name="karaktaren">
</td>

<td style="width: 150px; border-right: 1px solid Black; border-left: 1px solid Black; border-bottom: 1px solid Black; padding-left: 6px;" valign="top">
<label id="ras">Ras:</label>
<input value="'.$row['ras'].'" id="ras1" type="text" name="ras">
</td>
<td style="width: 350px; padding-left: 6px; border-bottom: 1px solid Black;">
<label id="klass">klass:</label>
<input value="'.$row['klass'].'" id="klass1" type="text" name="klass">
</td>
</tr>
<tr>
<td style="width: 250px;  padding-left: 6px;" valign="top" >
<label id="specc">Specc:</label>
<input value="'.$row['specc'].'" id="specc1" type="text" name="specc">
</td>

<td style="width: 150px; padding-left: 6px; border-left: 1px solid Black; border-right: 1px solid Black;">
<label id="Played">Played:</label>
<input value="'.$row['played'].'" id="Played1" type="text" name="Played">
</td>
<td style="width: 150px; padding-left: 6px;">
<label id="armory">Wow Armory:</label>
<input value="'.$row['armory'].'" id="armory1" type="text" name="armory">
</td>
</tr>
</table>
<div class="titelnamn">Några generella frågor</div>

<table style="border: 1px solid Black;" cellpadding="0" cellspacing="0" summary="Ansökningsformulär">
<tr>
<td style="width: 407px; border-bottom: 1px solid Black; padding-left: 6px; border-right: 1px solid Black;" valign="top">
<label id="guilds">Tidigare guilds?</label>
<input value="'.$row['guilds'].'" id="guilds1" type="text" name="guilds">
</td>

<td style="width: 350px; padding-left: 6px;" rowspan="2" valign="top">
<label id="varfor">Varför lämnade/lämnar du dessa guilds?:</label>
<textarea id="varfor1" cols="0" rows="0" name="varfor">'.$row['varfor'].'</textarea>
</td>
</tr>
<tr>
<td style="border-right: 1px solid Black; padding-left: 6px; "  valign="top">
<label id="du">Känner du någon i guilden?</label>
<input value="'.$row['du'].'" id="du1" type="text" name="du">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="uppkoppling">Har du stabil uppkoppling? (Internet)</label>
<input value="'.$row['uppkoppling'].'" id="uppkoppling1" type="text" name="uppkoppling">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="raids">Tänker du grinda och komma väl förberedd till raids?</label>
<input value="'.$row['raids'].'" id="raids1" type="text" name="raids">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="mat">Vad tänker du ta med dig till raids, med tanke på mat, pots, buffs.?</label>
<input value="'.$row['mat'].'" id="mat1" type="text" name="mat">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="roll">Kan du förklara varför du är effektiv i denna roll?</label>
<input value="'.$row['roll'].'" id="roll1" type="text" name="roll">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="manna">Vilken roll tänker du dig uppfylla i 25 manna raids?</label>
<input value="'.$row['roll'].'" id="manna1" type="text" name="manna">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;" rowspan="2">
<label id="uppfyller">Hur gör du när du uppfyller din roll? (Healar, dpsar, tankar?)</label>
<textarea id="uppfyller1" cols="0" rows="0" name="uppfyller">'.$row['uppfyller'].'</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;" valign="top">
<label id="vilken">Om du skulle vara en annan specc, vilken då i såntfall? Och varför?</label>
<input value="'.$row['vilken'].'" id="vilken1" type="text" name="vilken">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black;"  valign="top">
<label id="events">Vad är din erfarenhet av raid instancer/events?</label>
<input value="'.$row['events'].'" id="events1" type="text" name="events">
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; ">
<label id="joina">Varför vill du joina oss?</label>
<input value="'.$row['joina'].'" id="joina1" type="text" name="joina">
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black; width: 407px;"  valign="top">
<label id="Raider">Om du blir Raider(utifrån ranken Prövare), tänker du då fortsätta ha samma närvaro som du tidigare haft?</label>
<textarea id="Raider1" cols="0" rows="0" name="Raider">'.$row['raider'].'</textarea>
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;">
<label id="officers">Lyssnar du på officers, litar på deras omdömme om dom ber dig göra något? (Så som att specca om)?</label>
<textarea id="officers1" cols="0" rows="0" name="officers">'.$row['raider'].'</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-right: 1px solid Black; border-top: 1px solid Black; width: 407px;"  valign="top">
<label id="gear">Siktar du alltid på att få de bästa möjliga enchantsen, gemsen till ditt gear?</label>
<textarea id="gear1" cols="0" rows="0" name="gear">'.$row['raider'].'</textarea>
</td>
<td style="border-top: 1px solid Black; padding-left: 6px; width: 350px;">
<label id="spela">Hur länge kan du spela på kvällar/nätter?</label>
<textarea id="spela1" cols="0" rows="0" name="spela">'.$row['spela'].'</textarea>
</td>
</tr>
<tr>
<td style="padding-left: 6px; padding-top: 0px; border-top: 1px solid Black; width: 407px;" valign="top" colspan="2">
<label id="annat">Är det någonting annat du vill tillägga?</label>
<textarea id="annat1" cols="0" rows="0" name="annat">'.$row['annat'].'</textarea>
</td>

</tr>

</table>
<div style="padding-top: 10px; text-align: right; width: 773px;">

<p>by Mac3
   <a href="http://validator.w3.org/check?uri=referer"><img         src="http://www.w3.org/Icons/valid-html401-blue"         alt="Valid HTML 4.01 Transitional" height="31" width="88" style="border: 0px;"></a>
 </p>
</div></div>
';
//}

}



function loopnamn()
{
global $host, $user, $pass, $database, $titel, $usernamn, $password;
//$conn = mysql_connect($host, $user, $pass) or die(mysql_error());
//$db = mysql_select_db($database, $conn) or die(mysql_error());
// vi frågar mysql och loopar ut tabell data
// $result = mysql_query("SELECT * FROM data") or die("Couldn't execute query");
print'
<div style="width: 630px; background-color: #F5F5F5; padding-left: 1px; padding-right: 1px; border-bottom: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3;">
<div style="background-color: #1C1C1C; color: White; overflow: hidden; padding-bottom: 1px; padding-left: 15px; padding-top: 1px; text-align: left; font-size: 80%;"> '.$titel.' </div>
<div>
<div style="background-color: White; border-bottom: 1px solid #F5F5F5; font-family: sans-serif; font-size: 80%; font-weight: bold; padding-bottom: 13px; padding-left: 13px; padding-top: 13px; text-align: left;">Välj en namn från listan </div>

<div style="background-color: #F5F5F5; border-top: 1px solid White;">';
// while($row = mysql_fetch_array($result)) {
print '<div style="font-family: sans-serif; padding-bottom: 4px;font-size: 80%;"><a href="sida3.php?nr='.$row['id'].'&id=sida1&namn='.$usernamn.'&pass='.$password.'" >'.$row['namn'].'</a></div>
<div style="font-family: sans-serif; font-size: 75%; text-align: right; color: Silver; padding-bottom: 2px; padding-right: 2px;">'.copyright.'</div>';


//}

print'</div>

</div>
</div>
';
}


function loggin()
{
global $titel;
print'
<div style="width: 330px; background-color: #F5F5F5; padding-left: 1px; padding-right: 1px; border-bottom: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3;">
<div style="background-color: #1C1C1C; color: White; overflow: hidden; padding-bottom: 1px; padding-left: 15px; padding-top: 1px; text-align: left; font-size: 80%;"> '.$titel.' </div>
<div>
<div style="background-color: White; border-bottom: 1px solid #F5F5F5; font-family: sans-serif; font-size: 80%; font-weight: bold; padding-bottom: 13px; padding-left: 13px; padding-top: 13px; text-align: left;">Välkommen admin</div>

<div style="background-color: #F5F5F5; border-top: 1px solid White;">
<form method="get" action="sida4.php" style="margin-top: 15px; padding-bottom: 0px; padding-top: 0px; margin-bottom: 9px;">
<table cellspacing="0" cellpadding="0" summary="loggin" style="width: 100%; padding-bottom: 0px; margin-bottom: 0px;">
<tr>
<td style="padding-left: 13px; padding-bottom: 3px;" align="left">
<label id="namn">Namn:</label>
</td>
<td>
<input name="namn" type="text">
</td>
</tr>
<tr>
<td style="padding-left: 13px;" align="left">
<label id="pass">Lösenord:</label>
</td>
<td>
<input name="pass" type="password">
</td>
</tr>
<tr>
<td align="right" colspan="2" style="padding-right: 8px; padding-top: 9px;">
<button name="id"  type="submit">OK</button>
</td>
</tr>
</table>
</form>
</div>
<div style="font-family: sans-serif; font-size: 75%; text-align: right; color: Silver; padding-bottom: 2px; padding-right: 2px;">'.copyright.'</div>
</div>
</div>
';
}





function grafik_HTML1() 
{ 


print'
<table style="margin: 0px; height: 100%; width: 100%; font-family: sans-serif; border: 0px;" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" align="center">
';

}

function grafik_HTML2() 
{
print'
</td>
</tr>
</table>
';
}





?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title><? print $titel; ?></title>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="Mac3">
<meta name="ROBOTS" content="ALL">
<META content="Mac3.se" name=DC.Publisher>
<META content="mac3.se" name=DC.Publisher.Address>
<META content=text name=DC.Type>
<META content=InteractiveResource name=DC.Type>
<META content="text/html" name=DC.Format>
<META content=sv name=DC.Language>
</head>

<style type="text/css">

<? 

if ($_GET['id'] == 'sida1')
{
   print 'body{
font-family: sans-serif;
font-size: '.$fontsize.';
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

.titelnamn{
font-family: sans-serif; 
font-size: 100%;  
font-weight: bolder;
color: Black;
background-color: White;
}

input{
border: 0px;
color: Black;
width: 100%;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
color: Black;
margin: 0px;
background-color: White;
font-size: 80%;
font-family: sans-serif; 
}

label{
display: block;
font-family: sans-serif;
font-size: 65%;
color: Black;
background-color: White;
margin: 0px;
width: 100%;
}
textarea{
border: 0px;
width: 100%;
overflow: auto;
font-family: sans-serif;
font-size: 80%; 
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
height: 55px;
margin: 0px;
color: Black;
background-color: White;
}

h1{
padding: 0px;
margin-left: 12px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.box{
padding: 0px;
margin-top: 10px;
padding-bottom: 0px;
margin-right: 0px;
margin-left: 12px;
}
p{
margin-top: 20px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
font-family: sans-serif;
font-size: 80%; 
font-weight: bolder;
}';
}
else
{
   print 'html{

height: 100%;
width: 100%;
}
body{

height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
font-size: '.$fontsize.';
font-family: sans-serif;
}

input{
font-family: sans-serif;
border: 1px solid #DCDCDC;
font-size: 80%;
width: 224px;
}

label{
font-family: sans-serif;
font-size: 80%;
padding-right: 15px;
}
button{
padding-right: 13px;
padding-left: 13px;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-family: sans-serif;
font-size: 80%;
}';
}


?>

</style>

<body>

<?

// antal webbsidor 



if ($page == sida1)
{	
   ansoknings();
}
else if($page == 'OK')
{

 grafik_HTML1();
 loopnamn();
 grafik_HTML2();
}

else if($page == 'start' )
{
   grafik_HTML1();
 loggin();
 grafik_HTML2();
}
else
{

}
// stänger databasen
// mysql_close($db);
?>

</body>
</html>

 

mvh

 

mac3

 

Link to comment
Share on other sites

hejsan

opps! jag såg ett fel

 

felet action="sida4.php" ändra till sida3.php

i function loggin()

 

mvh

 

marcus

 

Link to comment
Share on other sites

underbart, jag ska bort en sväng idag men jag ska se om jag kan fixa lite med detta när jag kommer hem senare idag. tack än än gång för hjälpen, jag kommer eventuellt behöva lite tips med resten med men jag hör av mig här om jag stöter på någon som jag inte löser.

 

mvh

 

Link to comment
Share on other sites

Det finns en del säkerhetsluckor i dina script. Ditt mottagningsscript är vidöppet för SQL-injection attacker (om man nu ska vara petig).

 

Dessutom har du råkat kommentera ut själva inlägget i databasen.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[inlägget ändrat 2008-06-29 19:37:15 av mindsleep]

Link to comment
Share on other sites

hejsan

 

jag vet att med vidöppet för SQL-injection attacker men som jag sa förut att jag har inte nån tillgång till mysql databas..

och jag ville stänga av de databasfrågor . plus avslutning av databasen

för bara kunna köra php scriptet.

om man nu ska vara petig är inte php scriptet tillgänglighet för alla för att det är i px och plus skicka data med get mm.

 

jag gjorde det bara på en dag och jag tänkte bara funktionellt och inte mer än så.

 

mvh

 

mac3

 

 

 

Link to comment
Share on other sites

om man nu ska vara petig är inte php scriptet tillgänglighet för alla för att det är i px och plus skicka data med get mm.

 

Vad menar du med px? Att skicka data med GET har väll inget att göra med säkerhet att göra.

 

Tänkte bara att det kan vara bra att upplysa den där killen om att scriptet är inte så säkert att man kör den på exempelvis en hemsida. Det är klart att visst kan man göra det, men då ska man inte vara superrädd om databasen.

 

Du, jag kollade lite på din webbskola. Jag är ganska säker på att du fått transitional/strict om bakfoten. Det har inget att göra med hur du placerar dina filer och i vilka mappar. Det handlar om formateringen av htmlkoden. Du nämner heller inget om XHTML eller HTML 4.01 och bortagna element. Utan bara om transitional/strict vilket hör ihop med version av HTML.

 

Dessutom använder du en PNG bild på din hemsida som inte är kompatibel med IE. Tänkte bara säga det.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[inlägget ändrat 2008-06-30 01:13:18 av mindsleep]

[inlägget ändrat 2008-06-30 01:22:52 av mindsleep]

[inlägget ändrat 2008-06-30 01:34:35 av mindsleep]

Link to comment
Share on other sites

Anjuna Moon
Dessutom använder du en PNG bild på din hemsida som inte är kompatibel med IE. Tänkte bara säga det.

Tycker nog användandet av tabeller för layout är mest anmärkningsvärt på en sådan sida.

Fast man lever ju inte alltid som man lär, det vet jag själv väldigt väl =)

 

Link to comment
Share on other sites

Tycker nog användandet av tabeller för layout är mest anmärkningsvärt på en sådan sida.

 

Jo, men det är legalt, ur HTML validerings synpunkt. Dessutom fungerar det i IE och Mozilla.

 

Däremot så fungerar inte topp menyn eller bakgrundsbilden i IE eftersom de är uppbyggda med alpha transparanta PNG bilder.

 

Fast man lever ju inte alltid som man lär, det vet jag själv väldigt väl =)

 

Sant, läste bara det där om filhanteringen som jag tyckte var lite märklig att sammankoppla med Transitional och Strict...men kanske jag som har fel. I sånna fall vill jag se en källa vart han fått det ifrån.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

Link to comment
Share on other sites

Anjuna Moon
Dessutom fungerar det i IE och Mozilla.

 

Nja, att få tabellayouter att fungera homogent mellan webbläsare kräver ofta spceiallösningar som jag inte tycker rimmar väl med standardiserad webbdesignteknik, även om det hela tiden blir bättre och bättre från de flesta webbläsartillverkares håll.

Att det är legalt betyder ju inte att det är optimalt och arbetar man med att föra fram optimal teknik så ... tja...nja...det var därför jag anmärkte på användandet av tabeller. De har självklart sin plats, men inte som allmängiltiga layout-element.

 

Däremot så fungerar inte topp menyn eller bakgrundsbilden i IE eftersom de är uppbyggda med alpha transparanta PNG bilder.

I IE7 har man löst de flesta problemen kring detta, även om vissa aspekter kring ex. gammakorrigering inte är åtgärdade (vilket de flesta andra marknadsstora läsare har fixat).

Fast du kanske tittade på sidan i IE6 och där funkar det förstås inte alls som det skall.

 

Link to comment
Share on other sites

hejsan

 

jag tackar för informationen

 

jag kan förklara varför GET inte så bra användar.

med get skicka vi med data i adressfältet det gör att man kan se datan.

det är bättre använda post som skicka data med datorns minnet

 

Vad menar du med px?

En vanlig enhet är pixlar som även används för att ange storlek på bildskärmar och därför erbjuder bra kontroll över hur resultatet blir på en bildskärm. Problemet med pixlar är att IE och vissa andra webläsare inte kan förstora dem om användaren vill se texten i större storlek.

 

[log]mitt tänk gå efter firefox och Internet Explorer 7,8 allså inte IE 5.0, IE 5.5, IE 6.0

 

För att IE 5.0, IE 5.5, IE 6.0 finns så många fel och finns så många säkerhetshål och de har inte stöd för transparanta PNG och inte riktigt stöd för w3c webstandards men stöd för transparanta gif bilder.

 

förut fick man greja olika css mallar för olika webbläsare för att få samma layout på sidan. problemmet är webbläsarna hade olika sätt att tänka

 

De webläsare som används mest finns dessutom i flera versioner och den kod du använt kan ge olika resultat även i samma program beroende på version av webläsaren. En helt ny uppgift för webläsare är att fungera i nya medier förutom PC. Redan idag kan du surfa med handdator (PDA), mobiltelefon, TV:n och kylskåpet. Nya användningsområden för webbaserat innehåll kommer i framtiden och den användning av Internet vi har idag kan vara annorlunda om några år. Det gäller att ha lite koll på vad som om kan gälla i framtiden...

 

 

Microsoft lanserar Internet Explorer 7

 

Med Internet Explorer 7 hoppas Microsoft kunna ta tillbaka lite av den tappade mark som man släppt till Firefox, Mozillas webbläsare som lyckats öka sina marknadsandelar under det gångna året där man på flera punkter legat före Microsoft i utvecklingen. Enligt Janco Associates mätningar hade IE marknadsandel på 76 procent i juli att jämföra med 84 procent ett år tidigare.

 

Men vad är då det nya med Internet Explorer 7 jämfört med tidigare version? Jo, bland annat det som listas nedan:

 

- Stöd för RSS-flöden (kanske kan detta göra RSS-tekniken folklig?)

- Nytt interface

- Skydd mot nätfiske

- Stöd för internationella domännamn (IDN-domäner, dvs domäner med tecken som åäö kanske därmed får sitt genombrott?)

- Sökruta i högra hörnet

- Bättre stöd för CSS

- Tabbar för att surfa flera sidor i samma fönster

- Stöd för bilder i PNG-format http://blogs.msdn.com/ie/archive/2005/04/26/412263.aspx

 

 

firefox och Internet Explorer 7,8

de mest trovärdiga när man ska gå efter w3c webstandards och de nästan lika tänkt tycker jag som en webbdesigner.

det är en smaksak om man vill använder PNG-format[/log]

 

 

ja det är sant att jag använder tabeller på mina sidor. tabell har en jättebra egenskap som inte div boxar har.

[log]om man förklara så här

om vi ska gör en dynamisk fyrkant med runda hörn allså ingen pixlit runda hörn som gif bild.

då räcker det med en tabell med 9 celler

tabell innehåller

cell 1 fast bild

cell 2 dynamisk bild

cell 3 fast bild

cell 4 dynamisk bild

cell 5 dynamisk bild eller färg + informationsmaterial

cell 6 dynamisk bild

cell 7 fast bild

cell 8 dynamisk bild

cell 9 fast bild

 

jag vet också nackdela med tabellen.

en tabell "bör inte användas som layout" säger W3C

istället en tabell "bör användas för data "

 

div har också jättebra egenskap med float men det hjälper inte så bra den här (div boxar) vi kan inte återskapa tabells egenskap.

om vi ska gör en dynamisk fyrkant med runda hörn allså ingen pixlit runda hörn som gif bild.

med det få vi ett problem

jag har lös med egenskapen summary="" iallafall.. [/log]

 

Transitional och Strict

 

det kan blir annorlunda med "filhantering" mellan Transitional och Strict

exempel css koden kan vara i html i Transitional då blir det bara en fil eller hur? men i mot Strict få inte css koden vara i html då blir det två filer för att css koden har egen fil eller hur?

 

 

mvh

 

mac3

 

ps jag har haft den bästa webbdesigner w3c i Sverige (lärare på etu.se ).i ett år :P smaka på den du.

 

LOG-taggar tillagda samt onödigt många radbrytningar borttagna av moderator.

 

[inlägget ändrat 2008-07-01 00:09:35 av Cluster]

Link to comment
Share on other sites

jag kan förklara varför GET inte så bra användar.

med get skicka vi med data i adressfältet det gör att man kan se datan.

det är bättre använda post som skicka data med datorns minnet

 

Med datorns minne? Va? Vem har lärt dig det? Det är fel! Du skickar fortfarande över HTTP...därför heter det HTTP REQUEST METHOD...det är bara olika metoder. Ja GET syns i adressfältet medans POST gör det inte. Men det förhindrar ju inte mig från att exempel att skapa ett eget formulär och skicka det till din POST mottagarsida. På det sättet hackas du lika lätt som om du använder GET metoden. Därför uppfanns SSL...för att en hackare INTE ska kunna se data som skickas varken med POST eller GET.

 

Vad menar du med px?

En vanlig enhet är pixlar som även används för att ange storlek på bildskärmar och därför erbjuder bra kontroll över hur resultatet blir på en bildskärm. Problemet med pixlar är att IE och vissa andra webläsare inte kan förstora dem om användaren vill se texten i större storlek.

 

Eftersom jag jobbar som blandannat webbutvecklare så har jag gjort en och annan hemsida...och jag vet vad px är...men att du använder det som ett mått på hur bra man kan komma åt sidan, är också helt fel. Vart har du fått den här informationen ifrån? Om du gör en sida i px så kan alla webbläsare ändå komma åt sidan. Det fel som eventuellt kan uppstå är visa element kanske visas fel. Men blanda inte in px i om man kan "komma åt sidan". För det är riktigt riktigt fel. Man kan fortfarande komma åt sidan.

 

det är en smaksak om man vill använder PNG-format

 

Nä, det är inte en smaksak....PNG har helt egna egenskaper som är skillt från exempelvis GIF. PNG klarar att visa såkallad "gradient transparans"...det klarar inte GIF...antingen är en pixel transparant eller inte.

 

om man förklara så här

om vi ska gör en dynamisk fyrkant med runda hörn allså ingen pixlit runda hörn som gif bild.

då räcker det med en tabell med 9 celler

Det kan du återskapa hur lätt som helst med hjälp av DIVS och använda såkallade "hooks" element.

 

Transitional och Strict

 

det kan blir annorlunda med "filhantering" mellan Transitional och Strict

exempel css koden kan vara i html i Transitional då blir det bara en fil eller hur? men i mot Strict få inte css koden vara i html då blir det två filer för att css koden har egen fil eller hur?

 

Ännu en gång, inte rätt. Man använder CSS i HTML filen för att "overrrida" CSS som finns i CSS filen.

 

Det är helt legalt att använda CSS i HTML oavsett vilken doctyp du använder.

 

ps jag har haft den bästa webbdesigner w3c i Sverige (lärare på etu.se ).i ett år :P smaka på den du.

 

I sånna fall självutnämnd sådan. För om det är han som lärt dig detta så borde han inte ens få vara lärare. Eller så har du sovit under lektionerna;)

 

Hoppas du tar detta inlägg på rätt sätt och inte blir arg för att jag rättar dig. Jag såg din hemsida och att gör en guide för att lära andra koda. Då kanske det är bra om informationen faktiskt är rätt.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[inlägget ändrat 2008-07-01 03:11:17 av mindsleep]

[inlägget ändrat 2008-07-01 03:12:11 av mindsleep]

Link to comment
Share on other sites

Anjuna Moon
ps jag har haft den bästa webbdesigner w3c i Sverige (lärare på etu.se ).i ett år :P smaka på den du.

Oj, ett helt år, grattis! Jag bugar till den oändliga kompetens detta måste ha givit ;)

 

Du bör inte bita av med sådana kommentarer innan du vet vilken kompetens du pratar med...bara ett tips för framtiden om du planerar att arbeta inom IT.

 

Link to comment
Share on other sites

bara ett tips för framtiden om du planerar att arbeta inom IT

 

Han kallar då sig "webbdesigner" :) även om han verkar ha en bit att gå.

 

firefox och Internet Explorer 7,8

de mest trovärdiga när man ska gå efter w3c webstandards och de nästan lika tänkt tycker jag som en webbdesigner.

det är en smaksak om man vill använder PNG-format

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[inlägget ändrat 2008-07-01 05:41:07 av mindsleep]

Link to comment
Share on other sites

hejsan jag haft problem med datorn (virus-program)

 

jag måste skatta åt hehe haha "Men blanda inte in px i om man kan "komma åt sidan". För det är riktigt riktigt fel. Man kan fortfarande komma åt sidan. "

 

vad ta du mig för en cola burk ?

 

jag menar Problemet med pixlar är att IE och vissa andra webläsare inte kan förstora dem om användaren vill se texten i större storlek. det är ju en del av tillgänglighet allså inte tillgänglig..

 

 

du har så rätt med HTTP och https men jag orka inte förklara med "datorns minnet"

 

du få gärna visa DIVS och använda såkallade "hooks" element.

 

jag kan visa varför jag har tabeller men jag önskar jag hade divar istället

 

till vänser har du divar box och till höger har du tabeller ( på min sida )

 

mvh

 

[bild bifogad 2008-07-03 01:48:32 av mac3]

[inlägget ändrat 2008-07-03 01:51:06 av mac3]

1062626_thumb.jpg

Link to comment
Share on other sites

jag måste skatta åt hehe haha "Men blanda inte in px i om man kan "komma åt sidan". För det är riktigt riktigt fel. Man kan fortfarande komma åt sidan. "

 

Vad är det som är roligt?

 

vad ta du mig för en cola burk ?

 

Inte en burk. Nybörjare, är väll rätta ordet. Det är inget fel med det. Det som vi (jag och Anjuna) har tyckt var lite kul var att du har en hemsida där du lär andra programmera. Lite som en blind som leder en blind.

 

Du hävdar att du haft sveriges bästa webbdesigner som lärare (hur man nu får den titeln). Men du verkar sakna en del elementära kunskaper (baserad på vad jag läst). Mitt råd i all välmening kanske att du lugnar dig lite med guiden tills du själv är ett riktigt proffs.

 

jag menar Problemet med pixlar är att IE och vissa andra webläsare inte kan förstora dem om användaren vill se texten i större storlek. det är ju en del av tillgänglighet allså inte tillgänglig..

 

Precis så här skrev du:

om man nu ska vara petig är inte php scriptet tillgänglighet för alla för att det är i px och plus skicka data med get mm.

 

Det finns inget annat sätt att tolka det på att du har blandat ihop säkerhet och tillgänglighet. Vad menar du med "om användaren vill zooma" (visa mig i kod hur du menar).

 

du har så rätt med HTTP och https men jag orka inte förklara med "datorns minnet"

 

Orkar, eller kan inte?

 

du få gärna visa DIVS och använda såkallade "hooks" element.

 

Varsågod:

http://www.alistapart.com/articles/customcorners/

 

Dynamisk bred OCH höjd. Med runda hörn.

 

jag kan visa varför jag har tabeller men jag önskar jag hade divar istället

 

till vänser har du divar box och till höger har du tabeller ( på min sida )

 

Är det bilden som du bifogat som du syftar på. Ja, det bör bero på att du kodat sidan fel. Fel CSS och förmodligen fel HTML.

 

//MVH Mindsleep

 

I am who i am, you are who you are, i respect that

 

[inlägget ändrat 2008-07-03 02:39:33 av mindsleep]

[inlägget ändrat 2008-07-03 02:41:56 av mindsleep]

[inlägget ändrat 2008-07-03 02:42:55 av mindsleep]

Link to comment
Share on other sites

Anjuna Moon
jag menar Problemet med pixlar är att IE och vissa andra webläsare inte kan förstora dem om användaren vill se texten i större storlek. det är ju en del av tillgänglighet allså inte tillgänglig..

 

Börja med att förstå följande: Även om (framförallt) Opera och andra läsare har gett möjligheter till fantastiska förstoringsmöjligheter, så är px ett fast mått och inte ett relativt sådant.

 

Att vissa läsare tillåter förstoring av layouten har absolut ingenting med standarder att göra. Det handlar om features hos klienten och ingeting annat och detta är definitivt ingenting man använder som bas när man utvecklar eller designar. Det är just därför vi har standarder.

Än en gång har väl din lärare visat sig vara rätt undermålig i sin förståelse.

 

 

Läs lite om relativa mått så förstår du nog snart skillnaden ( och läs själv, fråga inte din okunniga guru ;)

[inlägget ändrat 2008-07-03 07:46:36 av Anjuna Moon]

Link to comment
Share on other sites

hejsan igen

 

du har rätt med "förstoring av layouten"

jag lärde mig att det var bättre att använda enheter som % eller em

för att vi hade några testpersoner som var blinda. de förklara att de se inte hela sidan om fönster var mindre än sidan som var byggt i px fast allså. men du vet väl att det finns egenskap "float" som flytta ner objekt

om fönster blir mindre i storlek.

är det inte trist om man köpt ny dator med jätte hög upplösning för få bättre bild. om en webbdesigner har byggt sidan i px då måste man gå ändra förstoring av layouten helatiden för beror på olika sidor eller då ner i upplösning för få bra bild just för de olika sidor.

 

% är en enhet som är dynamisk för att det spelar ingen roll viken upplösning man har på skärmen eller på storlek fönster.

 

och % har en egenskap till som inte px har. det är att förhållande till flera

moder objekt

 

exempel

om vi har egenskap font-size: 100%; i body det förhållande till webbläsares inställningar

också har vi en div box med egenskap font-size: 75%; förhållande till body

vi kan ändra med javascript knapp på sidan eller ändra storlek på text i webbläsare få större text.

 

det fungerar på äldre webbläsare som inte har "förstoring av layouten" också. ;-)

 

Enheten em är ursprungligen ett horisontellt mått som utgår från bredden på bokstaven "M". Två bindestreck ihop (--) kallas för "em-dash" och har samma bredd som bokstaven "M". Endast ett bindestreck (-) kallas "en-dash". Begreppet "em" har inte samma betydelse i CSS som i typografin då bokstaven "M" inte finns i alla länders teckenuppsättningar. Alla teckenuppsättningar har däremot en höjd på tecknen och "em" används i CSS som en enhet för höjd på tecken.

 

em är fast mått men den har samma egenskap som % "förhållande till flera moder objekt "

 

 

 

mvh

 

mac3

 

 

 

 

 

 

;);););)

[inlägget ändrat 2008-07-03 13:04:26 av mac3]

Link to comment
Share on other sites

min sida i div boxar och en tabell för meny (data)

 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Välkommen till Mac3</title>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<meta name="keywords" content="Tillgänglighet på Internet, webb och Mobilt">
<meta name="description" content="Webbplatser tillgängliga för alla. Att göra webbplatsen tillgänglig innebär att alla människor, oavsett funktionshinder, kan ta till sig informationen.">
<meta name="author" content="Marcus Larsson">
<meta name="ROBOTS" content="ALL">
<meta http-equiv="page-enter" content="blendtrans (duration=2)">
<meta http-equiv="page-exit" content="blendtrans (duration=2)">
<META content="Mac3.se" name=DC.Publisher>
<META content="Mackan@mac3.se" name=DC.Publisher.Address>
<META content=text name=DC.Type>
<META content=InteractiveResource name=DC.Type>
<META content="text/html" name=DC.Format>
<META content=sv name=DC.Language>

<link rel="shortcut icon" href="favicon.ico">


<style type="text/css">

body{

background-image: url(images/24.JPG);  
margin: 0px; 
color: Black; 
overflow-x: hidden; 
overflow-y: auto;
background-color: white;
background-repeat: repeat;
background-position: center;
padding: 0px;
font-size: 100%;
}



.ram{

margin-top: 25px;
margin-left: auto; 
margin-right: auto;
width: 80%; 
border: 0px;
}

.top:link {

background-color: inherit; 
color: White; 
text-decoration: none; 
font-size: 75%;
}

.top:visited { 

background-color: inherit; 
color: White; 
text-decoration: none; 
font-size: 75%;
}

.top:active {	

background-color: inherit; 
color: White; 
text-decoration: none; 
font-size: 75%;
}

.top:hover { 	

background-color: inherit; 
color: White; 
text-decoration: none; 
font-size: 75%;
}

.bild{

border: 0px;
}

.slut{

clear: both;
}

.hoger{

float: right;
}
.vanster{

float: left;

}

.ram_r1{

background-image: url(images/g1.png); 
height: 47px; 
width: 54px; 
background-position: 0px 0px; 
background-repeat: no-repeat;
}

.ram_r2{

background-image: url(images/g2o.png); 
background-repeat: repeat-x; 
background-position: bottom; 
padding-top: 43px;
}

.ram_r3{

background-image: url(images/g3.png); 
background-repeat: no-repeat; 
width: 54px; 
background-position: left bottom;
}

.ram_r4{

background-image: url(images/g4.png); 
height: 117px;
background-repeat: repeat-x;
}

.ram_r5{

background-image: url(images/fg.png);
background-repeat: repeat;
}

.ram_r6{

background-image: url(images/g6.png);
background-repeat: repeat-x;
}

.ram_meny{

border: 0px; 
margin: 0px; 
height: 86px; 
width: 92.50%; 
margin-bottom: 8px;
overflow: auto;
background-color: transparent;
color: black;
}


.vilisok:active {	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/bg.png); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
height: 109px;
width: 75px;
width: 100%;
}



.vilisok:hover { 	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/bg.png); 
background-position: 100% 50%; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
height: 109px;
width: 75px;
}

a.fila:link { 

text-decoration: none; 
color: #2B5173; 

}

a.fila:visited { 

text-decoration: none; 
color: #2B5173;
}

a.fila:active { 

text-decoration: none; 
color: #2B5173;
}

a.fila:hover { 

text-decoration: underline;  
color: #2B5173;
}

a.fil:link { 

text-decoration: none; 
color: Black;  
display: block; 
margin-left: auto; 
margin-right: auto; 
text-align: center;
font-size: 70%; 
}

a.fil:visited { 

text-decoration: none; 
display: block; 
margin-left: auto; 
margin-right: auto; 
text-align: center;
font-size: 70%;
}

a.fil:active { 

text-decoration: none; 
display: block; 
margin-left: auto; 
margin-right: auto; 
text-align: center;
font-size: 70%;
}

a.fil:hover { 

text-decoration: underline;  
background-color: transparent; 
display: block; 
margin-left: auto; 
margin-right: auto; 
text-align: center;
font-size: 70%;
}

.vilgo:link {

display: block; 
text-decoration: none; 
color: #978E7E;
background-image: url(images/link1.gif); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vilgo:visited { 

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/link1.gif); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vilgo:active {	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/iconover.png); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}



.vilgo:hover { 	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/iconover.png); 
background-position: 100% 50%; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}


.vil:link {

display: block; 
text-decoration: none; 
color: #978E7E;
background-image: url(images/link1.gif); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vil:visited { 

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/link1.gif); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vil:active {	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/goover.png); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vil:hover { 	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/goover.png); 
background-position: 100% 50%; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.viltyp:active {	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/varktypover.png); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.viltyp:hover { 	


display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/varktypover.png); 
background-position: 100% 50%; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vilide:active {	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/ideover.png); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vilide:hover { 	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/ideover.png); 
background-position: 100% 50%; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vilisoka:active {	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/sokover.png); 
background-position: left center; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.vilisoka:hover { 	

display: block; 
text-decoration: none; 
color: #978E7E; 
background-image: url(images/sokover.png); 
background-position: 100% 50%; 
background-repeat: no-repeat; 
padding-left: 0px;
background-color: inherit;
}

.inf{

background-image: url(images/icon.png); 
background-position: center; 
background-repeat: no-repeat; 
width: 70px;
}

.lamp{

background-image: url(images/ide.png); 
background-position: center; 
background-repeat: no-repeat; 
width: 70px;
}

.tools{

background-image: url(images/varktyp.png); 
background-position: center; 
background-repeat: no-repeat; 
width: 70px;
}

.go{

background-image: url(images/go.png); 
background-position: center; 
background-repeat: no-repeat; 
width: 70px;
}

.snabbsok{

background-image: url(images/sok.png); 
background-position: center; 
background-repeat: no-repeat; 
width: 70px;
}
.left{

border: 0px;
margin-left: auto;
}

.center_table{

margin-left: auto; 
margin-right: auto;
border: 0px;
width: 85%
} 

.center_ram{

margin-left: auto; 
margin-right: auto; 
width: 90%;
}

.innehall{

margin-top: 25px; 
padding-top: 0px; 
width: 100%; 
color: Black; 
margin-left: auto; 
margin-right: auto; 
padding-bottom: 24px; 
padding-left: 0px; 
padding-right: 8px;
background-color: inherit;
}

.ramin{

background-color: transparent;
color: #978E7E; 
width: 100%; 
padding-top: 5px;
}

.menytitle{

font-size: 120%; 
font-style: italic; 
font-family: Arial, Helvetica, sans-serif; 
border-bottom: 1px solid #E3E0DB; 
padding-right: 10px;
padding-bottom: 2px;
color: black;
background-color: inherit;
}

.p_part{

border-bottom: 1px solid #E3E0DB; 
font-size: 75%; 
width: 68%; 
margin-top: 10px; 
padding-top: 0px; 
padding-bottom: 20px; 
padding-right: 32%;
}

.p_part2{

border-bottom: 1px solid #E3E0DB; 
font-size: 75%; 
width: 100%; 
margin-top: 10px; 
padding-top: 0px; 
padding-bottom: 20px; 
padding-right: 0px; 
color: Black;
}

.bild{

border: 0px;
}

.center{

text-align: center;
}

</style>

</head>

<body>

<div class="ram" style="">

<div style="padding-left: 54px; background-image: url(images/g1.png);  background-position: left top; background-repeat: no-repeat;">
<div style="padding-right: 54px; background-image: url(images/g3.5.png); background-repeat: no-repeat; background-position: right top; ">
<div style="background-image: url(images/g2o.png); height: 164px; background-position: top; background-repeat: repeat-x; margin-bottom: 0px; padding-top: 46px;">

<div  class="vanster"><a class="top" href="index.html"><img src="images/logga.png" height="59" width="58" alt="Logga" class="bild"></a>
</div><div class="hoger"><a href="#" style="color: black; font-size: 90%; font-size-adjust: none; font-stretch: narrower; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none;">Support/Hjälp</a></div>
<div class="slut">
</div></div>
</div>
</div>


<div style="padding-left: 54px; background-image: url(images/g4.png); background-position: left top; background-repeat: no-repeat; margin-top: -162px; height: 116px;">
<div style="padding-right: 54px; background-image: url(images/g6.png); background-repeat: repeat-y; background-position: 100% top; height: 116px;">

</div>
</div>

<div style="padding-left: 54px; background-image: url(images/g4.4.png); background-repeat: repeat-y; background-position: top left ;">
<div style="padding-right: 54px; background-image: url(images/g6.6.png); background-position: 100% top ; background-repeat: repeat-y; margin-bottom: 0px; ">
<div style="background-image: url(images/fg.png);">

<div class="ram_meny">
<table cellspacing="0" cellpadding="0" class="left" summary=" Meny">
<tr>
<td class="inf"><a class="vilgo" href="#" target="_parent"><img src="images/1x1.png" alt="ide" height="68" width="70" class="bild"></a></td>
<td class="lamp"><a class="vilide" href="ideer.html" target="_parent"><img src="images/1x1.png" alt="Tips och tricks" height="68" width="70" class="bild"></a></td>
<td class="tools"><a class="viltyp" href="#" target="_parent"><img src="images/1x1.png" alt="ide" height="68" width="70" class="bild"></a></td>
<td class="go"><a class="vil" href="#" target="_parent"><img src="images/1x1.png" alt="ide" height="68" width="70" class="bild"></a></td>
<td class="snabbsok"><a class="vilisoka" href="#" target="_parent"><img src="images/1x1.png" alt="Snabbsökning"height="68" width="70" class="bild"></a></td>

</tr>
</table>
<div class="slut"></div>
</div>


<div class="center_table" >

<div style="padding-left: 14px; background-image: url(images/h1.png); background-repeat: no-repeat; background-position: left top;">
<div style="padding-right: 21px; background-image: url(images/h3.png); background-position: right top; background-repeat: no-repeat;">
<div style="background-image: url(images/h2.png); background-position: top; background-repeat: repeat-x; height: 12px;"></div>
</div>

</div>



<div style="padding-left: 14px; background-image: url(images/h4.png); background-repeat: repeat-y; background-position: left top;">
<div style="padding-right: 21px; background-image: url(images/h6.png); background-position: right top; background-repeat: repeat-y;">
<div style="background-image: url(images/h5.png); background-repeat: repeat;" >



<div class="ramin">

<div class="center_ram">


<div class="innehall">
<span class="menytitle" >Välkommen till mac3</span><p class="p_part">

Mac3 är en webbskola den har tagit fram för att det är många personer som bygger  webbsidor som inte är W3Cstandard.
vi kommer visar dig hur man gå väga för kunna bygger på rätt sett. Utan några problem för olika Webbläsare/Browser .Vi kommer tips  för hemmmanvändare som 
vill utveckla sina hemsidor med avancerade webbfunktioner.

</p>

<span class="menytitle" >Aktiviteter</span><p class="p_part2">
<a href="demo.html" class="fila">Tips och tricks - Demo</a><br>
Arbetsförmedlingen (Zoomläge) klart<br>
Karlstad (Kompatibilitetsläge) klart<br>
Svt (Div boxar) pågår<br>

</p>
</div>

<div class="menytitle_ram">
<span class="menytitle">Välj din Doctypes</span></div>
<p class="p_part2">
Strict innebär att nästan all formatering sker med CSS (CSS2) och ingen formatering bör ske i övrig kod som tex font, bgcolor och iframe mm. Här gäller alltså strikt separering av innehåll och layout.bör du använda denna doctype:<br><br>
Transitional kan beskrivas som en övergång mellan den nya strikta separeringen av innehåll och layout och de tidigare standarderna. Beskrivningen innehåller förutom allt som är godkänd enligt Strict även äldre märken och attribut. Formatering är dessutom tillåten i koden med tex font, bgcolor och iframe mm. Tillägg som bara stöds av vissa webläsare är normalt inte tillåtna. bör du använda denna doctype:
</p>
<div class="center">
<a href="transitional.html"><img src="images/T2.png" title="Transitional"  alt="Transitional" class="bild"></a>
<a href="strict.html"><img src="images/S2.png" title="Strict" alt="Strict" class="bild"></a>
</div>

</div>
</div>






</div>
</div>

</div>

<div style="padding-left: 14px; background-image: url(images/h7.png); background-repeat: repeat-y; background-position: top left;">
<div style="padding-right: 21px; background-image: url(images/h9.png); background-position: 100% top ; background-repeat: repeat-y;">
<div style="background-image: url(images/h8.png); background-repeat: repeat; height: 10px; margin-bottom: 15px;">
</div>
</div>

</div>








</div>



</div>

</div>

</div>
<div style="padding-left: 54px; background-image: url(images/g4.7.png); background-position: left top; background-repeat: no-repeat; margin-top: 0px; height: 98px;">
<div style="padding-right: 54px; background-image: url(images/g6.7.png); background-repeat: repeat-y; background-position: right top; height: 98px;">

</div>
</div>
<div style="padding-left: 54px; background-image: url(images/g7.png);  background-position: left 98px  ; background-repeat: no-repeat;">
<div style="padding-right: 54px; background-image: url(images/g9.png); background-repeat: no-repeat; background-position: right 98px ;">
<div style="background-image: url(images/g8.png); height: 164px; background-position: top; background-repeat: repeat-x; margin-bottom: 0px; padding-top: 46px; margin-top: -98px;">

Copyright by mac3.se 2006<br>

Marcus Larsson <a class="top" href="kontakta.html">Kontakta oss</a>

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


</body>
</html>



 

den är rätt i w3c

 

 

 

 

 

;);););)

[inlägget ändrat 2008-07-03 13:04:26 av mac3]

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...