Een homepage met 2 linken

Status
Niet open voor verdere reacties.
Ik vermoed dat je deze nog straffeloos kunt verwijderen:
PHP: 
a:active {
    color: green;
}

Die hoorde nog bij de oorspronkelijke opzet.
 
Hoi Angela, ik zie dat je website nog niet mobiel ready is, wil je dat ook nog hebben?
 
Haha, ik hoorde gisteren van iemand dat het er goed uitzag op mobiel, ik kijken..........ik dacht..........nou, op min mobiel anders helemaal niet!

Ik bedacht mij dus dat ik maar eens op zoek moest hoe ik dat kon fixen. En nu vraag jij het aan mij.......hoe toevallig is dat (toeval bestaat dus niet!)

Ik zeg dus: ja graag!
kiss.gif


Verder kan ik inderdaad die green verwijderen maar ook die blauwe die er nog instaat.
Deze dus

Code: 
.praktijkhulp A:link
{
    color: #161665
 
Laatst bewerkt:
Je zult dan even alle html codes en css codes hier neer moeten zetten, dan weet ik hoe je alles benoemd hebt.
 
Okee, komt de index.css (heb de green en die andere er nog niet uitgehaald)

Code: 
body {
    background-image: url("logo.jpg");
}

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

#havayah {
    width: 500px;
    height: 120px;
    background-color: #D5D5D5;
    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: #e3e3e3;
}

#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: #d5d5d5;
    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: #e3e3e3;
}

.ondertekst {
    font-size: 20px;
}

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

.pchulp A:visited
{
    text-decoration: none;
    color: #5D3048;
}
 
.pchulp A:hover
{
    font-weight: bold;
    color: #AF4209;
}
 
.praktijkhulp {
    font-size: 40px;
    font-weight: bold;
}
 
.praktijkhulp A:link
{
    color: #161665
}
 
.praktijkhulp A:visited
{
    text-decoration: none;
    color: #803355;
}
 
.praktijkhulp A:hover
{
    font-weight: bold;
    color: #734B5D;
}
 
.praktijkhulp A:active
{
    font-weight: bold;
    color: #D4C174;
}

a:active {
    color: green;
}

Komt de index.html
Code: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Angela van der Ploeg</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="language" content="NL" />
    <link rel="stylesheet" type="text/css" href="index.css" />
</head>
<body>
    <div class="container">
        <div id="havayah">
            <div class="praktijkhulp">
                <a href="http://www.praktijk-havayah.nl" target="_blank">Praktijk Havayah </a>
            </div>
            
            <div class="ondertekst">
                Spirituele praktijk voor reading, healing, wandelcoach, huisreiniging en Spirit Art
            </div>
        </div>
        
                    
            <div id="middenstuk">
            </div>
                   
        <div id="almere">
            <div class="pchulp">
                <a href="http://pchulp-almere.nl" target="_blank"> PC Hulp Almere </a>
            </div>
            
            <div class="ondertekst">
                PC hulp voor particulieren
            </div>
        </div>
    </div>
</body>
</html>
 
Code: 
/* Mobiel */

@media screen and (max-width: 550px) {
    #havayah, #almere {
        width: 90%;
    }
    #middenstuk {
        width: 90%;
    }
    .praktijkhulp, .pchulp {
        font-size: 40px;
    }
    .ondertekst {
        font-size: 20px;
        padding: 5px;
    }
}

@media screen and (max-width: 400px) {
    .praktijkhulp, .pchulp {
        font-size: 30px;
    }
    .ondertekst {
        font-size: 17px;
    }
}
 
Hoi, ben net weer online. Dit moet onderin de .css neem ik aan?
 
Okee, done.....nu kijken op mijn mobiel............rofl, rofl, rofl, rofl, rofl.......

Edit: ja, keurig!

Wat mij wel opvalt (en dat viel mij dus eerder op) dat pc hulp in het blauw staat aangegeven op mijn mobiel, maar we hebben geen blauw in de .css
Dat blauw (en groen) is uit de .css dus vandaar dat ik het raar vind.

Heb jij daar een verklaring voor?
 
Laatst bewerkt:
Hu? OP de googlepagina zie je ook blauwe letters! En op mijn mobiel dus ook. Op de desktop is het zoals ik het graag wilde qua kleuren.

Maar ben hier wel super blij mee!! Top hoor!
 
Ja je hebt gelijk :eek: , op mijn eigen mobiel zie ik wel gewoon de goeie kleuren, klopt het trouwens dat praktijk en pc allebei een andere kleuren horen te hebben als je er overheen gaat?

Ik ben even aan het kijken wat ik hier aan ga doen, op mijn mobiel ziet het er goed uit maar aan de rest van de mensen aan wie ik het vraag niet. haha
 
Laatst bewerkt:
Ja, dat van die kleuren klopt. Heb namelijk de kleuren aangepast zodat ze dezelfde kleuren hebben als die op de werkelijke website voorkomen.

Ja, toch gek hè, dat blauw! Ik weet niet, je zou zeggen dat het mobiel is gerelateerd, maar sommige hebben het dus wel en sommige niet, begrijp ik van jou.
Vreemde zaak haha!

Nou ja, op de desktop vind ik het helemaal geweldig! En op de mobiel ook hoor!
 
Veng, ik heb 2x gemeld dat ik niet met Windows werk maar met Linux, maar weet je...........Firefox heeft een mooie plug-in en dat is ColorZilla.

Maar eh.......daar heb je natuurlijk niets aan als je de kleuren wel goed hebt in gesteld op je website, maar de mobiele versie geeft de verkeerde kleuren aan ;)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan