29 berichten aan het bekijken - 1 tot 29 (van in totaal 29)
  • Q:
    Bijdrager
    verhoevenw

    rond hoeken in WordPress

    Bestaat er soms een eenvoudige manier (code in style.css?) om in WordPress de pagina’s van het thema ronde hoeken te geven.

    Bijdrager
    Woutermesker

    box-radius: 5px;

    succes! ps werkt niet in oudere browsers.. oude ie pakt deze css functie niet

    Bijdrager
    verhoevenw

    dag Woutermesker hartelijk bedankt voor je supersnelle reactie!
    Waar zit ergens die box-radius want in de style.css is die nergens te vinden.

    Bijdrager
    Woutermesker

    Geef even een link van je website dan kan ik even kijken wat je precies bedoeld… je moet hem er wss bij zetten in je css….

    Bijdrager
    Gates

    Er is niet iets als ‘box-radius’.

    Bijdrager
    verhoevenw

    Hier heb je de website in aanbouw…

    Inactief
    Anoniem
    Gates op 06 augustus 2011

    Er is niet iets als \’box-radius\’.

    Jawel hoor: http://www.css3.info/preview/rounded-border/

    Bijdrager
    Gates

    Wijs mij dan ‘box-radius’ aan… een screenshot met markering a.u.b.

    Bijdrager
    Raymon

    Ik gebruik voor ronde hoeken de css eigenschap ‘border-radius’;)

    Inactief
    Anoniem

    Inderdaad, border-radius, niet box-radius. Ik lette even niet op.

    Bijdrager
    Howl

    niet vergeten om goede ondersteuning te geven voor gecko en webkit, dan moet -moz-border-radius en -webkit-border-radius gebruiken. Er is ook -khtml-border-radius, maar ik weet niet meteen voor welke browser dit is, mss IE9?

    Bijdrager
    Howl

    ah neen, safari blijkbaar

    Inactief
    Anoniem

    -webkit-border-radius is voor Safari
    -khtml-border-radius is voor Konqueror (KDE)

    en -o-border-radius is voor Opera

    Bijdrager
    Howl

    ah ja, juist! jawadde, het is maandag:D

    Bijdrager
    verhoevenw

    ik heb al volop in de style.css geëxperimenteerd maar de hoeken krijg ik nog altijd niet rond

    Inactief
    Anoniem

    Wat gaat er mis dan?

    Dit werkt prima (FF3.6/Win):

    <br />
    <html><br />
    <head><title>boxtest</title><br />
    <style><br />
    #mybox {<br />
    border: solid 5px black;<br />
    text-align: center;<br />
    -webkit-border-radius: 10px;<br />
    -moz-border-radius: 10px;<br />
    border-radius: 10px;<br />
    }<br />
    </style><br />
    </head><br />
    <body><br />
    <div id="mybox"><br />
    <p>ik ben een box met ronde hoeken</p><br />
    </div><br />
    </body></html><br />
     
    Bijdrager
    verhoevenw

    bedankt Koen voor de hulp, de code heb ik in de style.css geplakt maar hij neemt die niet aan

    Inactief
    Anoniem

    Kun je de html en css voor het betreffende element hier eens posten? En dit werkt trouwens alleen op browsers die CSS3 ondersteunen, als je een oudere browser hebt werkt het misschien niet.

    Bijdrager
    verhoevenw

    weer eens bedankt voor je hulp – ik werk hier o.a. met Safari, Chrome en FireFox – waar vind ik ergens dat html-element

    Inactief
    Anoniem

    Uhhhmmm, in je html code?:confused:

    Bijdrager
    verhoevenw

    Ik krijg hem alleen bovenaan, het blad zelf blijft ongewijzigd: website

    Inactief
    Anoniem

    Ik heb de source code eens bekeken, en man man wat een onduidelijk zooitje. Niet jouw fout hoor, ik denk dat WordPress dit doet. Twee dingen:

    1. Van de code die ik heb gepost hoef je natuurlijk niet de html, head en body tags te gebruiken, die heb je al in je eigen website.

    2. Maar nog belangrijker, ga eerst eens de basis van html en css leren voordat je hierin duikt. Zie bijvoorbeeld dit draadje: http://www.onemorething.nl/community/topic/beginnen-met-webdevelopment.

    Succes :thumbsup:

    Bijdrager
    verhoevenw

    Koen, bedankt voor de geruststellende woorden want enige logica in die ganse opbouw had ik ook niet gevonden…

    Bijdrager
    Raymon

    Kan je even de maintenance mode uitzetten?
    Dan kan ik ook even kijken of ik wat kan doen:)

    Bijdrager
    verhoevenw

    dag Raymon – MM is uitgeschakeld, ondertussen heb ik mijn droom van de ronde hoeken opgegeven – alvast bedankt voor je hulp!

    Bijdrager
    Raymon

    Ik heb even snel gekeken, ik heb al ronde hoeken gekregen met deze CSS stijl:
    div {
    border-radius: 10px 10px 10px 10px;
    }

    Het verandert alleen alle div’s, maar je website heeft nu wel ronde hoeken.

    Bijdrager
    verhoevenw

    dag Raymon
    Hét werkt! Je verdient een ferme Vlaamse pint bier! Hartelijk bedankt voor deze eenvoudige oplossing, nu ziet het mooier uit. Het tekstblokje zal ik nog veranderen.

    Bijdrager
    Raymon

    Graag gedaan, succes verder met je site!

    Bijdrager
    verhoevenw

    Nog een fijn weekeinde gewenst!

29 berichten aan het bekijken - 1 tot 29 (van in totaal 29)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.