Archief - OTHER: S.V. Voorde jeugd site

SeNgiR · 26 aug 2005

- De "hover" afbeelding van nieuws ontbreekt hier. Dus wanneer je over de knop van Nieuws gaat is er geen afbeelding meer.
- Zoals Obliv` reeds zei, op resolutie 800*600 heb je een horizontale scrollbalk. Het best is deze weg te werken door gewoon uw banner te verkleinen tot 760*... .
- Voor je gastenboek moet je eens een kijkje nemen op de volgende site: http://www.telenet.be/nl/klantendienst/internet/internetten/eigenwebsite/cgi.php. Dat zijn de cgi-scripts die telenet aanbiedt en die je kan gebruiken voor je site, er is o.a. een gastenboek en een bezoekersteller bij.

Giwil · 26 aug 2005

Ok, bedankt, ik had het bij een vriend ook al gemerkt van die banner en zal hem zo meteen verkleinen en eens op die site voor de gastenboek kijken.
Ik zal ook eens naar die 'hover' kijken, ik denk dat het komt omdat ik die als link gebruik want bij de andere gaat het wel.

De driehoekjes moest ik groter maken omdat ik anders m'n tekst er niet inkreeg, maar kzal in ps straks is m'n eigen driehoekjes maken, is toch zo moeilijk niet hé.

Obliv` · 26 aug 2005

Giwil zei:
De driehoekjes moest ik groter maken omdat ik anders m'n tekst er niet inkreeg

euhm, dit slaat op nix

over die header:
-maak hem kleiner tot 760px zodat mensen met 800*700 geen scroll hebben
-maar laat de rechtse laatste kleurlijn herhalen over de achtergrond zodat de header op 1024*768 zodat de header het hele scherm vult. Zodat je een dynamische header hebt dus

Giwil · 26 aug 2005

Obliv` zei:
-maar laat de rechtse laatste kleurlijn herhalen over de achtergrond zodat de header op 1024*768 zodat de header het hele scherm vult. Zodat je een dynamische header hebt dus

en hoe doe ik dit?

Obliv` · 27 aug 2005

als ge nog niet zo ervaren zijt met xhtml en css is het simpelste om het met een table te doen

ik typ de code hier gewoon, dus het kan zijn dat er hier en daar nog fouten in zitten

Code:

xhtml:
<table id="header" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td id="header_links"></td>
      <td id="header_herhaling"></td>
   </tr>
</table>

css:
table#header
{
   width: 100%;
}

td#header_links
{
   background-image: url("images/header_links.gif")   //de header afbeelding van 760px
   width: 760px;
   height: hoogteVanDeHeader px;
}

td#header_herhaling
{
   background-color: #xxxxxx   //de code van de laatste kleurlijn van uw header
}

dit zou ongeveel wel moeten werken denk ik

Giwil · 27 aug 2005

En waar moet ik die code juist ingeven? Als ik in frontpage bij code kijk zie ik javascript staan en nie echt iets wa verband houd met m'n banner.
Of is het makkelijker als ik m'n index pagina in kladblok maak, en daar dan die code invoeg?

Obliv` · 27 aug 2005

klik in de design view op uw header afbeelding en klik dan op de tab van uw code view, dan staat normaal de code van uw header geselecteerd

dit zou zoiets moeten zijn: <img src="images/header.gif" alt="" />

edit:

die css sla je op als in een bestand als header.css ofzo
in je head van je pagina doe je dan: <link rel="stylesheet" type="text/css" href="header.css" />

Giwil · 2 sep 2005

het wil maar niet lukken met die header.

dit staat er in de code als ik m'n header selecteer:

Code:

<img border="0" src="Voorde2.jpg" width="760" height="109" align="center"></p>

maar ik weet niet wat ik nu moet doen met die css code en al.

Obliv` · 2 sep 2005

4 posts hierboven heb ik het toch wel degelijk uitgelegd denk ik

als je het niet begrijpt, use the force: http://www.w3schools.com (xhtml en css tutorial doorlezen EN beoefenen)

Giwil · 2 sep 2005

Ja, ik heb dus die css code in een apart kladblokbestand gemaakt en opgeslaan als header.css
Maar als ik die link dan zet vergroot de banner niet.

Obliv` · 2 sep 2005

post je code eens

Giwil · 2 sep 2005

Code:

table#header
{
   width: 100%;
}

td#header_links
{
   background-image: url("C:\Documents and Settings\Kevin\Mijn documenten\sitesvvjeugd2/voorde2")
   width: 760px;
   height: 109px;
}

td#header_herhaling
{

   background-color: #008000
}

da is die header.css

Code:

<link rel="stylesheet" type="text/css" href="header.css" />

da wetek eigenlijk nie waar zetten, khebbet al overal geprobeerd.

Obliv` · 3 sep 2005

daarom heb ik ook gezegd: lees de tutorials op w3schools

ik denk dat ik echt wel een degelijke uitleg heb gegeven, zelfs voor een beginner.
die code van header#table en heel die zooi, plaats je in een een file.
- rechtsklik in de verkenner
- new -> text file
- open dat text file met klabblok
- copieer de CSS code (dus dat van table#header tot td#headerhalin { ... }
- hernoem dat bestand naar header.css !!!!!
- zet het bestand in dezelfde map als waar je html files staan (je site dus..)

dit doe je dus in uw html bestand:
- open uw html bestand met kladblok of eender welk wysiwyg editor (maar dan wel in de CODE view!!)
- de structuur van een html bestand is zo ongeveer:

Code:

DOCTYPE ..

<html>


<head>

   <title>mijn site</title>

</head>


<body>



</body>


</html>

- in de HEAD van je html file zet je dus dit (<link rel="stylesheet" type="text/css" href="header.css" />) DAS DUS TUSSEN DIE <head> </head> dinges eh...
-in de BODY van je html file zet je dan dit:

Code:

<table id="header" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td id="header_links"></td>
      <td id="header_herhaling"></td>
   </tr>
</table>

TUSSEN DE <body> </body> tag!!
-de code van je oude header (die <img src="..." /> verwijder je

Obliv` · 3 sep 2005

voila, een stukje uit jouw css

Code:

td#header_links
{
   background-image: url("C:\Documents and Settings\Kevin\Mijn documenten\sitesvvjeugd2/voorde2")
   width: 760px;
   height: 109px;
}

de background image is verkeerd
stel je site staat in de map c:\webdesign\mijnSite\
normaal staat je header dan in de map c:\webdesign\mijnSite\images\header.gif

de verwijzing naar die img leg je dan als volgt: background-image: url("images\header.gif"); in je css
je css bestand moet dan ook wel in de map c:\webdesign\mijnSite\ staan

Giwil · 4 sep 2005

kheb nog 1 vraag:

ik heb de afbeelding voor mijn header gewoon geplakt en dus als een gewone afbeelding op m'n site gezet.

Code:

<IMG SRC="voorde2.jpg"><p>

zo dus

nu vroeg ik mij af, of ik voor een header een andere code moet gebruiken? mss dat het daardoor niet gaat.

D'Sek- · 4 sep 2005

e4media zei:
waarom groen ? doet pijn aan mijn ogen

Dan hebt gij wel wussies van ogen als dat al pijn doet.

Giwil · 4 sep 2005

D'Sek- zei:
Dan hebt gij wel wussies van ogen als dat al pijn doet.

ik heb de kleuren tegen dan al veranderd

eerst was de achtergrond fel groen en nu dus wit.

Bertold · 4 sep 2005

kweet niet of het binnen u kunnen ligt maar ik zou voor zo'n site zeker maken datr een CMS in zit want als gij elke zaterdag gaat moetn al die uitslagen van de matchen intypen gaat ge lang bezig zijn denkek

Breen · 4 sep 2005

bt belgium zei:
kweet niet of het binnen u kunnen ligt maar ik zou voor zo'n site zeker maken datr een CMS in zit want als gij elke zaterdag gaat moetn al die uitslagen van de matchen intypen gaat ge lang bezig zijn denkek

iemand zal het moeten doen hé

, CMS of niet

Obliv` · 4 sep 2005

bt belgium zei:
kweet niet of het binnen u kunnen ligt maar ik zou voor zo'n site zeker maken datr een CMS in zit want als gij elke zaterdag gaat moetn al die uitslagen van de matchen intypen gaat ge lang bezig zijn denkek

als ge toch met een cms wilt werken, hebde sowieso al een serverside taal nodig.
de gegevens zullen dan normaal wel in een tabel staan. handmatig ingeven is dan volgens mij nog altijd het vlugste

ofwel: doe het simpel en gebruik de lijst die de belgische voetbalbond bijhoud

Archief - OTHER: S.V. Voorde jeugd site

SeNgiR

Legacy Member

Giwil

Legacy Member

Obliv`

Legacy Member

Giwil

Legacy Member

Obliv`

Legacy Member

Giwil

Legacy Member

Obliv`

Legacy Member

Giwil

Legacy Member

Obliv`

Legacy Member

Giwil

Legacy Member

Obliv`

Legacy Member

Giwil

Legacy Member

Obliv`

Legacy Member

Obliv`

Legacy Member

Giwil

Legacy Member

D'Sek-

Legacy Member

Giwil

Legacy Member

Bertold

Legacy Member

Breen

Legacy Member

Obliv`

Legacy Member