Enkele vragen

  • Onderwerp starter Onderwerp starter j-a
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
J

j-a

Gebruiker
Lid geworden
7 jan 2006
Berichten
101
Hallo,

Ik ben op dit moment een website aan het maken via Kompozer. Het is de eerste keer dat ik dit programma gebruik, überhaupt is het de eerste keer dat ik een website maak, dus ik heb wat vraagjes.

Via WebSonic heb ik een template uitgezocht, deze. Ik heb al wat dingen aangepast, zoals het menu en de achtergrondkleur. Maar nu zit ik even vast met enkele vragen.

In de header wil ik graag een logo hebben over de volle breedte. Ik heb die banner inmiddels klaar, maar ik heb geen enkel idee hoe ik deze op de website krijg.

Daarnaast zou ik graag een footer onderaan de pagina willen plaatsen, maar ook dit lukt niet. Van een andere template heb ik de footertekst gekopieerd en in het document van mijn template geplakt. Toch komt er niets te staan. Zou iemand mij kunnen vertellen hoe ik dat wel voor elkaar krijg?

Vriendelijke groet
 
j-a zei:
Hallo,

Ik ben op dit moment een website aan het maken via Kompozer. Het is de eerste keer dat ik dit programma gebruik, überhaupt is het de eerste keer dat ik een website maak, dus ik heb wat vraagjes.

Via WebSonic heb ik een template uitgezocht, deze. Ik heb al wat dingen aangepast, zoals het menu en de achtergrondkleur. Maar nu zit ik even vast met enkele vragen.

In de header wil ik graag een logo hebben over de volle breedte. Ik heb die banner inmiddels klaar, maar ik heb geen enkel idee hoe ik deze op de website krijg.

Daarnaast zou ik graag een footer onderaan de pagina willen plaatsen, maar ook dit lukt niet. Van een andere template heb ik de footertekst gekopieerd en in het document van mijn template geplakt. Toch komt er niets te staan. Zou iemand mij kunnen vertellen hoe ik dat wel voor elkaar krijg?

Vriendelijke groet
Klik om te vergroten...

Verander
HTML: 
<div class="header">Header - <a href="http://www.websonic.nl">www.websonic.nl</a></div>


in
HTML: 
<div class="header">
    <img src="images/header.jpg" alt="logo van mij" />
</div>

Verondersteld dat uw afbeelding header noemt ne in de map 'images' zit.

U hebt onderaan de tag </body> en daarboven </div> boven deze </div> zet je het volgende:

HTML: 
<div id="footer">
    <p>&copy;Uw naam - 2011-2012</p>
</div>

Open nu uw styles.css bestand, scroll helemaal naar beneden en voeg het volgende toe om de footer in dezelfde stijl als uw webpagina te maken.

HTML: 
#footer {
 background-color: #fff;
 color: black;
 padding: 10px;
}

Verder raad ik u aan het volgende te doen in u style.css file. Scroll naarboven naar u body. Voeg het volgende toe

HTML: 
body {
	background-color:#000000;
	margin:0px;
	padding:0px; 
	overflow:-moz-scrollbars-vertical;
 
        line-height: 140%;
        font-family: verdana, arial, sans-serif;
}

Dit zal de leesbaarheid van uw site al wat verbeteren! Mag ik misschien vragen hoeveel u dit template gekost heeft? Als ik u was zou ik in tervolg voor zo'n sites geen geld meer geven. Er zijn 100x betere free css templates!
TADAAHH!
 
Laatst bewerkt:
Hartelijk dank, ik zal uw aanwijzingen even uit gaan voeren.

Deze template heeft mij niets gekost. Staat gratis op die website en kan zo overgenomen worden. Ik ben volslagen nieuw op dit gebied en dit zag er wel aardig uit vond ik. Het moet niet al te moeilijk en het doel van de website is ook niet ingewikkeld.

Ik zal zo nog een paar vragen stellen. Hartelijk dank voor het antwoorden!
 
Geweldig! De header staat er nu, super.

Met de footer heb ik nog wel problemen. Ik heb alles gekopieerd en geplakt wat u zei, alleen komt de footer achter het menu, het middenkader en het rechtermenu te staan in plaats van eronder.
 
j-a zei:
Geweldig! De header staat er nu, super.

Met de footer heb ik nog wel problemen. Ik heb alles gekopieerd en geplakt wat u zei, alleen komt de footer achter het menu, het middenkader en het rechtermenu te staan in plaats van eronder.
Klik om te vergroten...

HTML: 
#footer {
 clear: both;
 background-color: #fff;
 color: black;
 padding: 10px;
}
 
Ja! Hij doet het. Ik heb de tekst uit uw laatste post iets hoger in het styles-bestandje geplaatst, onder het stukje van 'rightcontent'. Wel is de footer ietwat aan de hoge kant, hoger dan de menubalk onder de header.
 
Dit kan je regelen met padding:

padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;

staat er nu. De hierboven vermelde code is hetzelfde als:

padding: 10px 10px 10px 10px;

padding: 'top' 'right' 'bottom' 'left';


of padding: 10px;
 
Oké, dank. Ik bedoel meer dat het vlak hoog is. In plaats van één regel is hij zo'n 2 regels groot. Maar er is inderdaad ook geen tussenruimte tussen de centrale balk en de footer, dit komt waarschijnlijk omdat die footer zo groot is.
 
Even ter illustratie. De footer ziet er nu zo uit. De breedte klopt helemaal. Alleen zou ik wat ruimte willen hebben tussen de centrale ruimte en de footer en zou ik de footer minder hoog willen hebben. Net zoals de menubalk onder de header, zoals hier.
 

Bijlagen

  • Screenshot website.png
    Screenshot website.png
    5,7 KB · Weergaven: 20
Laatst bewerkt:
Voeg het volgende toe in je CSS file

HTML: 
.leftcontent, .maincontent, .rightcontent {
   margin-bottom: 10px;
}

Met die 10px kan je nog wat gaan spelen.

Bij de #footer verander je

HTML: 
#footer {
 clear: both;
 background-color: #fff;
 color: black;
 padding: 10px;
}

in

HTML: 
#footer {
 clear: both;
 background-color: #fff;
 color: black;
 padding: 0px 10px;
}
 
Laatst bewerkt:
Dank. Waar moet ik de bovenste HTML Code neerzetten?
 
De footer is al klaar! Het is gelukt om hem op de pagina te krijgen. Heb er nu zelfs twee, twee aparte divs. Enorm bedankt voor jullie hulp, wordt zeer gewaardeerd!

Ik wil ook een fotopagina op de website hebben. Wat is hier een snelle, maar vooral makkelijke oplossing voor? Het schiet mij in eens te binnen om de foto's op een andere site te zetten. Iets van photobucket (bestaat dat nog) ofzo, of een andere uploadwebsite. Is het dan wel mogelijk om mooi naar het fotoboek op die uploadwebsite te verwijzen? Zou het een goede optie zijn of is iets anders beter.

Sorry voor de vele vragen, haha.
 
j-a zei:
De footer is al klaar! Het is gelukt om hem op de pagina te krijgen. Heb er nu zelfs twee, twee aparte divs. Enorm bedankt voor jullie hulp, wordt zeer gewaardeerd!

Ik wil ook een fotopagina op de website hebben. Wat is hier een snelle, maar vooral makkelijke oplossing voor? Het schiet mij in eens te binnen om de foto's op een andere site te zetten. Iets van photobucket (bestaat dat nog) ofzo, of een andere uploadwebsite. Is het dan wel mogelijk om mooi naar het fotoboek op die uploadwebsite te verwijzen? Zou het een goede optie zijn of is iets anders beter.

Sorry voor de vele vragen, haha.
Klik om te vergroten...
Hierop aansluitende. Of eigenlijk is het totaal wat anders.

Mijn menu links en rechts van het centrale kader zou ik graag automatisch even lang willen hebben als het centrale kader (en andersom). Is dit mogelijk?
 
j-a zei:
Hierop aansluitende. Of eigenlijk is het totaal wat anders.

Mijn menu links en rechts van het centrale kader zou ik graag automatisch even lang willen hebben als het centrale kader (en andersom). Is dit mogelijk?
Klik om te vergroten...
Hier op aansluitend.

Ik heb een banner op de website met de eenvoudige tekst "Uw reclame hier". Die banner is een link naar een contactformulier. Nu worden in het template dat ik gebruik de links oranje en onderstreept. Nu is dat normaal gesproken geen probleem, maar nu uiteraard wel. Hoe krijg ik die oranje streep onder de banner weg?
 
j-a zei:
Hierop aansluitende. Of eigenlijk is het totaal wat anders.

Mijn menu links en rechts van het centrale kader zou ik graag automatisch even lang willen hebben als het centrale kader (en andersom). Is dit mogelijk?
Klik om te vergroten...

Ja, je moet even kijken naar de 2 divjes, diegene van je menu en van je content. Vervolgens kijk je waar dat divje beschreven is in de css en daar verander je de height naar een bepaalde waarde die voor beide gelijk zijn.

Natuurlijk is het geen probleem dat je vragen stelt, toch adviseer ik je de cursesen van w3schools.com aan.

EDIT: Je a tag staat waarschijnlijk ergens beschreven in css. Je kan nu deze specifieke a tag weer anders beschrijven, door eerst te verwijzen naar het divje waar deze link in zit, en dan de a tag te veranderen.
 
Laatst bewerkt:
Jorryt zei:
Ja, je moet even kijken naar de 2 divjes, diegene van je menu en van je content. Vervolgens kijk je waar dat divje beschreven is in de css en daar verander je de height naar een bepaalde waarde die voor beide gelijk zijn.

Natuurlijk is het geen probleem dat je vragen stelt, toch adviseer ik je de cursesen van w3schools.com aan.

EDIT: Je a tag staat waarschijnlijk ergens beschreven in css. Je kan nu deze specifieke a tag weer anders beschrijven, door eerst te verwijzen naar het divje waar deze link in zit, en dan de a tag te veranderen.
Klik om te vergroten...
In mijn styles-document staat bij zowel het linker- als het rechtermenu en het middenkader geen hoogte beschreven, alleen de breedte staat erin.

De link die jij hier geeft zal ik zeker even doornemen. Heb inmiddels het boek Website maken voor Dummies besteld.

Je laatste opmerking begrijp ik, helaas, niet. Sorry, haha. Dat gaat over de banner die onderstreept staat denk ik?
 
Jaa je had het over een link. Maar ik denk dat w3schools/je boek - daar wel antwoord op geeft. Zo niet horen we het wel.

Je kan dan de hoogte gaan beschrijven.. Zet er gewoon height: xaantalpixels px; neer. (px moet vast zitten aan het aantal).
Hoop dat je hiermee verder kan.!

EDIT: Dit zou moeten werken voor je link:
CSS:
.banner a{
text-decoration: none;
color: #FFF;
}
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan