Een homepage met 2 linken

Status
Niet open voor verdere reacties.
Klopt idd. Ik had de laatste code van Femke genomen. Blijft over de dubbele id.
 
Hoi Femke!

Wat je zojuist heb gedaan is:

Je hebt de tekst en linkjes in een tabel gezet.
Toen heb je IN het tabel alles gecentreerd, dus het tabel staat nog gewoon links.

Zet de tag: <center> voor je tabel neer en </center> achter het tabel>

Als het goed is komt die dan in het midden te staan!

Excuses! zag niet dat de thread 6 pagina's groot was heb alleen de eerste pagina gezien.
 
Laatst bewerkt:
@Jaap: Je heb class en id omgewisseld. "middenstuk" mag "id" zijn, maar "koptekst" en "ondertekst" moeten "class" zijn omdat die dubbel voorkomen.
 
Okee, was vanmiddag heerlijk in de tuin bezig, daar word ik altijd vrolijk en geaard van ;)

Ik neem aan dat de html code en css code van Jaap nu in orde is, dat die "id" en zo in orde is? Dan zal ik deze na het avondeten naar de server uploaden. En dan kunnen we zien of het werkelijk klopt ;)

Heb ik al gezegd dat ik blij ben met jullie? :thumb: :love:
 
Ongetwijfeld klopt het nu ;).
Ik snap alleen niet waarom ik telkens correcties aanbreng op oude code van Jaap terwijl hij die al gecorrigeerd heeft. Zal de leeftijd wel zijn.:eek:
 
Whahaha, geen idee wat die leeftijd is, maar het komt mij bekend voor. Dat van de leeftijd, bedoel ik dan. ;)

Ga het nu uitproberen, dus ik kom zo direct weer terug.

Edit: heb ze geupload naar de server, maar ik zie geen achtergrond.
Dat klopt, de link klopte niet helemaal, die heb ik aangpast en zie daar.

Mooi!

Verder heb ik de link "green' veranderd in "seegreen" maar dan wordt het weer rood....hu? Dus snel weer op "groen" gezet.

Edit2: heb de kleur van het tekstvak veranderd en de achtergrond verdwijnt. Dus ik kan iets veranderen, want dan verdwijnt er wat!
Hoe kan dat?

Moet nu de kleur weer terugzetten......
 
Laatst bewerkt:
Vraag is of dit pad goed is: url("/domains/angelavanderploeg.nl/public_html/logo.jpg");
omdat hij in de root (public_html) staat, is dit volgens mij voldoende: "logo.jpg"
Of anders:url("www.angelavanderploeg.nl/public_html/logo.jpg")??
 
Laatst bewerkt:
Nee, de achtergrond staat er weer.

Het gaat er nu om dat ik bijv. het "green' van de linken wil veranderen in een andere kleur, maar als ik dat doe dan wordt het (ongeacht welke kleur ik neem in html) weer rood.
En als ik de kleur van het tesktvak verander, dan verdwijnt de achtergrond, raar toch?

zie nu: http://angelavanderploeg.nl/ hoe het nu is.
Hé.....de achtergrond is weer weg...hu?

"logo.jpg" was voldoende dus. Hij staat er weer. Nu de kleuren nog veranderen, eens kijken of dat nu wel gaat dan.
 
Laatst bewerkt:
Die kleur moet je uitsluitend in je index.css aanpassen
 
ja, dat doe ik ook! Maar heel gek, zal het nog eens proberen dan.

Heb het "green' aangepast aan "seegreen" en nu wordt het rood!! hahaha, dat kan toch niet!

Heb nu cijfer code genomen en dat gaat wel goed. #8A4E62

Helemaal top dit!!

Nu nog even kijken of de kleur van het tekstvak van #D4C174 naar een andere kleur kan, want dat ging ook niet goed en dan vind ik het helemaal geweldig!

Mocht ik dan nog wat willen aanpassen dan weet ik hoe en wat.

Edit2: ja, dat gaat goed! Nu nog de juiste kleur zoeken en klaar!

Jullie zijn toppertjes!
 
Laatst bewerkt:
Die kleur moet je uitsluitend in je index.css aanpassen.
En het is normaal dat je een link, die je bezocht hebt, van kleur verandert. Tenzij je de cache leegt, dan komt de oorspronkelijke kleur weer terug.
Die link kleur is een default kleur, die hij altijd aanneemt, tenzij jij een expliciet statement maakt dat het anders moet. Dat statement zie ik nog niet staan in je css:
Kijk nog eens naar deze 3 declararaties en de uitleg op de link die ik je eerder gaf:

http://www.w3schools.com/css/css_link.asp

PHP:
.class1 A:link
{
    text-decoration: none;
    color: #161665
}
.class1 A:visited
{
    text-decoration: none;
    color: #A5B8C3
}
.class1 A:hover
{
    font-weight: bold
}
 
Laatst bewerkt:
bar-creatief---bedankt-tekst-1.jpg
 
Ah, dat zou het kunnen zijn ja. Maar ik vond de kleur ergens op een website met html kleuren. Dus ook daar heeft het dan fout gestaan.
Nou ja, het is goe dzo qua kleur.

Wel nog een andere vraag:
Kan ik in de css de kleur praktijk havayah zo veranderen dat deze een andere kleur krijgt dan pc hulp?
Natuurlijk kan dat, maar moet ik dat doen via het voorbeeld wat Veng aangaf in antwoord 112?
 
In je html heb je voor beide links dezelfde "class" ingesteld
PHP:
 <div class="koptekst">
Geef die twee links verschillende class namen. Bv. "praktijkhulp" en pchulp
Vervolgens ga je naar je css en hernoemt "koptekst" in praktijkhulp en copy deze complete declaratie. Die gekopieerde declaratie rename je dan naar "pchulp"
Je krijgt dan iets als
PHP:
.praktijkhulp {
    font-size: 40px;
    font-weight: bold;
}
.pchulp {
    font-size: 40px;
    font-weight: bold;
}

Dan pas kun je verschil aanbrengen.
Hoe precis zou ik ook uit moeten zoeken.
Het zal hier op lijken (kies de optie die je wilt. je hoeft ze niet alle drie te gebruiken):
PHP:
.praktijkhulp A:link
{
    text-decoration: none;
    color: #161665
}
.praktijkulp A:visited
{
    text-decoration: none;
    color: #A5B8C3
}praktijkhulp A:hover
{
    font-weight: bold
}
en
PHP:
.pchulp A:link
{
    text-decoration: none;
    color: #161665
}
.pchulp A:visited
{
    text-decoration: none;
    color: #A5B8C3
}
.pchulp A:hover
{
    font-weight: bold
}
Routiniers kunnen dat soms combineren in één of meerdere langere declaraties, maar die kennis heb ik niet.

(En zoals ik al verwachtte, je krijgt steeds meer wensen en daarom is het goed dat je op css bent overgegaan;))
 
Ja hè, dat was zeker wel een goed idee. Ik zit toch met een bepaald iets in mijn hoofd, zoals ik het graag hebben wil. Zonder .css kan je dat nooit realiseren.
Ik ga er mee aan de slag, als ik even rustig de tijd heb.

Voor nu, alweer bedankt!
 
Dit lijkt redelijk te werken. Gooi de functies weg die je niet wilt gebruiken en pas de kleuren aan zoals je wilt:
PHP:
body {
    background-image: url("logo.jpg");
}

.container {
    text-align: center;
    font-family: arial;
}

#havayah {
    width: 500px;
    height: 120px;
    background-color: #ededed;
    margin: auto;
    position: absolute;
    top: -159px; left: 0; bottom: 0; right: 0;
    border-left: 2px solid #493940;
    border-top: 2px solid #493940;
    border-right: 2px solid #493940;
    padding-top: 25px;
}

#havayah:hover {
    background-color: #D4C174;
}

#middenstuk {
    background-color: #493940;
    width: 502px;
    height: 10px;
    margin: auto;
    position: absolute;
    top: -3px; left: 0; bottom: 0; right: 0;
}

#almere {
    width: 500px;
    height: 120px;
    background-color: #ededed;
    margin: auto;
    position: absolute;
    top: 150px; left: 0; bottom: 0; right: 0;
    border-left: 2px solid #493940;
    border-bottom: 2px solid #493940;
    border-right: 2px solid #493940;
    padding-top: 25px;
}

#almere:hover {
    background-color: #D4C174;
}

.ondertekst {
    font-size: 20px;
}

.pchulp {
    font-size: 40px;
    font-weight: bold;
}

.pchulp A:hover
{
    font-weight: bold;
    color: yellow;
}

.praktijkhulp {
    font-size: 40px;
    font-weight: bold;
}

.praktijkhulp A:link
{
    color: #161665
}

.praktijkhulp A:visited
{
    text-decoration: none;
    color: #A5B8C3
}

.praktijkhulp A:hover
{
    font-weight: bold;
    color: black;
}

.praktijkhulp A:active
{
    font-weight: bold;
    color: red;
}

Vergeet niet je html aan te passen zoals ik in bericht 116 aan geef en let even op of ik je laatste code gebruikt heb.
 
Laatst bewerkt:
Gelukt, alleen ga ik nu de juiste kleuren aanpassen.

Joh, ben nog steeds super blij! En het mooie is, ik begin het steeds meer te begrijpen. Dat is ook wel heel fijn!
 
Nog even voor iedereen die geholpen heft, ik heb de kleuren nu zoals ik het hebben wil.
De achtergrond wordt nog veranderd, maar daar heb ik nog geen tijd voor gehad, aangezien ik deze weer zelf ga maken via fotografie. De huidige is ook van mijn hand.

Nogmaals dank. Hier voor nu het resultaat: http://angelavanderploeg.nl
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan