Jump to content

html/php: site hulp


Recommended Posts

Geplaatst: (bewerkt)

<br /> is een nieuwe regel.

Je zou beter je inhoud en opmaak gescheiden houden, dat maakt het véél duidelijk en makkelijker om aan te passen.

EDIT: Waar is trouwens je <body> ? Je opent hem niet.

Bewerkt: door Think
  • Reacties 707
  • Created
  • Laatste reactie

Top Posters In This Topic

  • Argon

    46

  • marcootje

    46

  • NickyHendriks

    36

  • Donald F. Duck

    34

Geplaatst:
<br /> is een nieuwe regel.

Je zou beter je inhoud en opmaak gescheiden houden, dat maakt het véél duidelijk en makkelijker om aan te passen.

Bedankt. _O_

En wat bedoel je met dat laatste? :$

Geplaatst:
<br /> is een nieuwe regel.

Je zou beter je inhoud en opmaak gescheiden houden, dat maakt het véél duidelijk en makkelijker om aan te passen.

Bedankt. _O_

En wat bedoel je met dat laatste? :$

Normaal is het makkelijkste als je je inhoud (HTML) en opmaak(CSS) gescheiden houdt.

Je opmaak is gewoon je tekst en afbeeldingen.

<h1>16/04/09 - Nieuwe site staat online </h1>
      <div id="graphic">
      <img src="Images/Films/online_nieuws.jpg" alt="online" title="site online" width="500" height="150" />
      </div>
      <p>Het is zover! De nieuwe site staat vanaf vandaag online.</p>

Met je opmaak bepaal je positie, kleur, afstanden enz.

h1 {
  font-size: 1.5em;
  color: #ed1c24;
  padding-bottom: 10px;
  padding-top: 15px;
}
h2 {
 font-size: 1.2em;
 padding-top: 5px;
 padding-bottom: 10px;

Voor de CSS kan je dan een aparte file maken. (bestandsnaam).css)

Je moet je HTML file dan linken naar de CSS file met:

<link rel="stylesheet" type="text/css" href="CSS/bestandsnaam.css" title="normal" media="screen" />

Geplaatst:

Woei, ik snap het. _O_ Heb even een paar teksten doorgelezen op websitemaken.be, en nu snap ik compleet waarvoor die CSS dient. Het is inderdaad geweldig handig, je past één getal of font aan in je .css, en heel je .html is aangepast.

Geweldig hard bedankt, Think! :tu:

Geplaatst:

Verander ...

<center><img alt="header" src="header.png"></center>

<body bgcolor="#0000FF">

naar ...

<body bgcolor="#0000FF">

<center><img alt="header" src="header.png"></center>

Het hoort namelijk gewoon tussen de body-tags.

Geplaatst:

@ Thunder: oeps, foutje. :-( Bedankt voor het melden, die had ik zelfs over het hoofd gezien. Al maakt het niet uit op de site zelf, maar goed. :puh:

Ik heb ook gevonden waarom mijn 'welkom' niet wit wou worden, er stond geen " achter "arial en daardoor klopte de tag niet.

Geplaatst:
Aha, soms verwar ik me met {[( )]}.

Maar hoe kan ik de $dayn van de day af laten hangen?

Voor de rest werkt het script volledig. Ook handig is dat als je bijv. iets elke maand doet op bijv. de 5e, hoef je alleen maar 5 in te vullen en dan wordt alleen de huidige maand/jaar uitgerekend.

dayn is inderdaad ietsje lastiger, hier heb je een voorbeeldje:

// onder dag, maand en jaar. deze 3 moet je weten
$dayn = date('w', mktime(0,0,0, $month, $day, $year)); // dag (zaterdag, zondag, ...)

mktime() maakt van de maand&dag&jaar een timestamp (op 12 uur middernacht), welke in de tweede parameter van date() wordt gebruikt om $dayn te berekenen.

Ok, dit werkt! Bedankt!

Geplaatst:

Hier ben ik weer... :$

Ik heb nu op mijn site al wat wijzigingen aangebracht, al ziet het er nog steeds niet uit. Ik heb een header met daar al mijn text onder, maar ik wil dat mijn tekst mooi verticaal onder mijn header doorloopt, en dus niet meer naar links/rechts staat dan de header. Dus dat de tekst steeds maximaal even breed is als de header, en er niet links of rechts uitsteekt.

Ik wil dus iets bereiken als dit: http://sunsetstudios.nl/news.php (site van Galiorix).

Met andere woorden: zowel links als rechts twee stroken die automatisch breder worden als je een andere resolutie van beeldscherm hebt, en dat de rest van de site mooi in het midden staat, dus in het witte vak op Galiorix' site..

Ik heb eens zitten kijken hoe die ineen zat, maar ik snap compleet niet hoe die is opgesteld. De background is gewoon rood, maar hoe maak je dan zo'n witte balk in het midden, en zorg je dat je daar tekst over kan zetten, én dat deze mooi op de witte balk blijft? :-(

Ik heb me al dood gezocht naar tutorials, maar die zijn allemaal zo basic als wat. Tekst en afbeeldingen plaatsen, da's alles...

Zou iemand me even kort kunnen uitleggen hoe dat is gedaan/me doorverwijzen naar een prachtige site? :$ Dat zou echt prachtig zijn.

Bij voorbaat dank,

Senne

Geplaatst: (bewerkt)
Hier ben ik weer... bloos.gif

Ik heb nu op mijn site al wat wijzigingen aangebracht, al ziet het er nog steeds niet uit. Ik heb een header met daar al mijn text onder, maar ik wil dat mijn tekst mooi verticaal onder mijn header doorloopt, en dus niet meer naar links/rechts staat dan de header. Dus dat de tekst steeds maximaal even breed is als de header, en er niet links of rechts uitsteekt.

....

Je moet een div center maken om te beginnen.

Dat wordt je hoofd-div waar alle tekst in komt. De standaart is 840px width ( er zijn nog heel wat mensen met een klein scherm, zodat ze niet horizontaal moeten scrollen)

In die div plaats je jouw andere div, afbeeldingen, teksten enz.

CSS

body {
background: url('../Images/background.gif') center top repeat;
}

#center{
width: 860px;
margin: 0 auto;
padding-bottom: 40px;
       background: url('../Images/bg_stroke.png');    
       background-repeat: repeat-y;
}

HTML

<div id="center">
 "alle tekst"
</div>

Je bent niet verplicht om een afbeelding te gebruiken, je kan ook een kleur nemen. Ik had een strook getekend in Illustrator, daar verticaal 1 pixel van genomen, en dat repeaten.

Dus je kan daarbij kiezen.

Die body is de echte achtergrond die "oneindig" ver doorloopt horizontaal, hoe groter je scherm, hoe meer je ziet.

Zo, hopelijk helpt het :tu:

Bewerkt: door Think
Geplaatst:

Even een klein vraagje tussendoor... Maakt het uit of je XAMPP of WAMP gebruikt? Ik heb namelijk een poll op mijn website staan die de resultaten laat zien in een apart bestand. Zodra je dus gestemd hebt, word je doorverwezen naar het bestand met daarin de stemresultaten. Probleem is echter dat ik na het stemmen een wit scherm krijg (voor mij een indicatie dat het niet werkt), maar bij een klasgenoot werkt mijn poll vlekkeloos. Mijn klasgenoot gebruikt XAMPP, ik WAMP.

Aan de poll zit overigens geen database gekoppeld.

Geplaatst:

Think, heel erg bedankt voor de hulp. Alleen, ik snap het niet goed... :(

Ik weet niet juist waar ik wat moet plaatsen. Die CSS, die moet in een external filesheet, en dan moet ik in de header naar dat stylesheet linken?

En wat moet ik doen met de HTML code?

Pf, ik dacht dat het allemaal wat simpeler was, en dit is dan nog de basis. :N

Geplaatst: (bewerkt)
Think, heel erg bedankt voor de hulp. Alleen, ik snap het niet goed... :(

Ik weet niet juist waar ik wat moet plaatsen. Die CSS, die moet in een external filesheet, en dan moet ik in de header naar dat stylesheet linken?

En wat moet ik doen met de HTML code?

Pf, ik dacht dat het allemaal wat simpeler was, en dit is dan nog de basis. :N

Nja, het pad uitleggen is moeilijker :S .

Je zult alles wel goed hebben, maar waarschijnlijk link je niet goed.

VB:

Je hebt een map Website

Daarin zitten je html-files, maar in die map zit een CSS-submap

in die map zit je screen.css

dan is de link zo:

<link rel="stylesheet" type="text/css" href="CSS/screen.css" title="normal" media="screen" />

CSS = map

screen.css = file

Indien je html-files ook in een submap zitten, moet je een map terug naar boven terug, dit doe je met:

.../ (= map terug naar boven)

en dan ga je weer naar 'beneden' naar de map waarin je file zit.

.../CSS (/screen.css)

Moeilijk uit te leggen :puh:

Misschien kan iemand anders het beter uitleggen :puh:

Bewerkt: door Think
Geplaatst:
Even een klein vraagje tussendoor... Maakt het uit of je XAMPP of WAMP gebruikt? Ik heb namelijk een poll op mijn website staan die de resultaten laat zien in een apart bestand. Zodra je dus gestemd hebt, word je doorverwezen naar het bestand met daarin de stemresultaten. Probleem is echter dat ik na het stemmen een wit scherm krijg (voor mij een indicatie dat het niet werkt), maar bij een klasgenoot werkt mijn poll vlekkeloos. Mijn klasgenoot gebruikt XAMPP, ik WAMP.

Aan de poll zit overigens geen database gekoppeld.

WAMP is de voorganger van XAMPP en dateert uit 2003, het wordt aangeraden om je website te upgraden naar XAMPP 1.6.4a (1.7.0 zuigt).

Geplaatst:

Ik heb totnogtoe geen submappen, ik plaats alles gewoon in één en dezelfde map. Die submappen moet ik eens regelen vanaf dat de site wat vorm krijgt.

Het lukt overigens nu al wat beter, ik krijg een kader rond m'n tekst. Alleen staat deze niet in het midden, maar gewoon rond mijn tekst...

Dit is wat ik totnogtoe heb:

HTML

<html>

<head>
<title>senne_vdb</title>
<link rel="stylesheet" type="text/css" href="style.css" title="normal" media="screen" />
</head>

<body>

<div id="center">


	<p><font color="#000000" face="arial"><u><h1>welcome</h1></u></p>

First of all, I would like to welcome you to this site. <br>
As you might have noticed, there is nothing to see at the moment. <br>
The reason for this is that I am still learning HTML, CSS and PHP, and trying to give this site a nice look. <br>
<br>
I hope you come back once, to see if this site has already been updated. <br>
<br>
<br>
Greetings,<br>
<br>
Senne vdb<br>
<a href="about.html"><img src="about.png" alt="about me" border="0"></a>
<br>
<hr color="black">
<h6>Copyright © Senne vdb</h6>
</div>

</body>


</html>

CSS

body 
{	
background: url('pattern.png') 
center top repeat;}
#center{	
width: 860px;	
margin: 0 auto;	
padding-bottom: 40px;		
background: url('pattern2.png');			
background-repeat: repeat-y;
}

Screen van site:

site.png

Gast
Dit onderwerp is gesloten.
  • Recent actief   0 leden

    • Er zijn hier geen geregistreerde gebruikers aanwezig.

×
×
  • Create New...