Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS of PHP -> tekst weergeven in achtergrondplaatje

psychonetics
5 antwoorden
  • Ik ben bezig met een website waarbij ik onder andere css gebruik. Nu heb ik een achtergrondplaatje via CSS gebruikt, en de tekst wil ik in een vak van dat achtergrondplaatje zetten. Nu past het wel op mijn scherm en mijn resolutie(19 inch, 1280x1024), maar bij andere resoluties verschuift de tekst.

    Ik heb het vermoeden dat dit komt door de div-tag, maar ik heb niet kunnen vinden hoe ik dit precies moet instellen.

    De website staat op dit adres http://www.riooosterschelderegio.nl/index2.html

    Het CSS-bestand wordt extern aangeroepen.

    [code:1:3fa55acbcc]

    body
    {
    background-image: url("layout.rio.1.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-color: #F7FBCB;
    padding-left : 273px;
    }

    A: { text-decoration: none; }
    A:link { text-decoration: none; }
    A:link { color: black; }
    A:hover { text-decoration: none; }
    A:hover { color: blue; }
    A:visited { text-decoration: none; }
    A:visited {color: black; }

    font
    {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : 72px;
    letter-spacing : normal;
    line-height : normal;
    }

    [/code:1:3fa55acbcc]

    Een andere mogelijkheid zou eventueel het gebruik zijn van PHP. Overigens, wat laadt sneller en/of is makkelijker, PHP of HTML met CSS? Dit omdat de website gemaakt moet worden voor mensen met een handicap (slecht zienden e.d.)

    Alvast bedankt!

    PS. Ik weet dat het onderwerp nogal ongelukkig gekozen is, maar ik wist geen betere titel. Ook lijkt het alsof ik niet gezocht heb, maar ik ben hier al een poosje mee bezig en ik kan maar geen oplossing vinden. Ik heb dus wel gezocht op google en in dit forum. En als laatste weet ik niet of mijn post goed geplaatst is in Webdesign. Excuses hiervoor :oops:
  • [quote:55092a1bb1="psychonetics"]Nu past het wel op mijn scherm en mijn resolutie(19 inch, 1280x1024), maar bij andere resoluties verschuift de tekst.[/quote:55092a1bb1]In je CSS heb je het achtergrondplaatje gefixeerd, dus dit moet je dan ook doen met de divs. Dus absoluut positioneren en een vaste breedte geven.[quote:55092a1bb1="psychonetics"]Overigens, wat laadt sneller en/of is makkelijker, PHP of HTML met CSS?[/quote:55092a1bb1]Het zijn twee compleet verschillende dingen, en het één sluit het ander niet uit. PHP is server side en is een manier om op de server berekeningen te maken of onder bepaalde voorwaarden iets te doen. Dit wordt vervolgens omgezet naar bijvoorbeeld HTML en zo kan de browser (client side) de resultaten aan de bezoeker tonen.[quote:55092a1bb1="psychonetics"]Dit omdat de website gemaakt moet worden voor mensen met een handicap (slecht zienden e.d.)[/quote:55092a1bb1]Ik zou in dit geval géén gebruik maken van vaste waarden voor fontgrootte en dergelijke om zo de instellingen van de gebruiker te respecteren.

    - Bas
  • [quote:eaaae050c8]In je CSS heb je het achtergrondplaatje gefixeerd, dus dit moet je dan ook doen met de divs. Dus absoluut positioneren en een vaste breedte geven.[/quote:eaaae050c8]
    Dat ga ik proberen. Ik hoop dat ik daar uit kom want ik vindt die div-jes het moeilijkste om mee te werken in html (ben een beginner :( )

    Ik heb gehoord dat php het achtergrondplaatje maar één keer hoeft te laden, en dat daarna alleen de tekst verandert bij het klikken op een link (en dat dus niet het plaatje nogmaals, evt. uit cache, geladen wordt). Daarom lijkt php me ook wel aantrekkelijk.

    En de website moet zonder barrieres worden, dus met audio e.d. Uiteindelijk zal er ook een style switcher opkomen zodat minder valide gebruikers vanzelf een grotere font en andere kleuren kunnen kiezen (voor kleurenblinden etc.).

    Iig bedankt, ik zal eraan werken en als ik er niet uitkom plaats ik gewoon nog een post :D
  • Het lijkt alsof je het gecentreerd wilt hebben, toch?

    Neem zoiets: http://limpid.nl/arthur2/

    Zet het achtergrondplaatje op de middelste div (maak het [b:76b0aa5137]niet[/b:76b0aa5137] fixed, dat werkt alleen correct op het body element in IE). En klaar ben. Altijd gecentreerd in elke browser en de achtergrond blijft op z'n plaats.

    Anne
  • [quote:b9cbfd7aee="psychonetics"]Ik ben bezig met een website waarbij ik onder andere css gebruik. Nu heb ik een achtergrondplaatje via CSS gebruikt, en de tekst wil ik in een vak van dat achtergrondplaatje zetten. Nu past het wel op mijn scherm en mijn resolutie(19 inch, 1280x1024), maar bij andere resoluties verschuift de tekst.

    Ik heb het vermoeden dat dit komt door de div-tag, maar ik heb niet kunnen vinden hoe ik dit precies moet instellen.

    De website staat op dit adres http://www.riooosterschelderegio.nl/index2.html

    Het CSS-bestand wordt extern aangeroepen.

    [code:1:b9cbfd7aee]

    body
    {
    background-image: url("layout.rio.1.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-color: #F7FBCB;
    padding-left : 273px;
    }

    A: { text-decoration: none; }
    A:link { text-decoration: none; }
    A:link { color: black; }
    A:hover { text-decoration: none; }
    A:hover { color: blue; }
    A:visited { text-decoration: none; }
    A:visited {color: black; }

    font
    {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : 72px;
    letter-spacing : normal;
    line-height : normal;
    }

    [/code:1:b9cbfd7aee]

    Een andere mogelijkheid zou eventueel het gebruik zijn van PHP. Overigens, wat laadt sneller en/of is makkelijker, PHP of HTML met CSS? Dit omdat de website gemaakt moet worden voor mensen met een handicap (slecht zienden e.d.)

    Alvast bedankt!

    PS. Ik weet dat het onderwerp nogal ongelukkig gekozen is, maar ik wist geen betere titel. Ook lijkt het alsof ik niet gezocht heb, maar ik ben hier al een poosje mee bezig en ik kan maar geen oplossing vinden. Ik heb dus wel gezocht op google en in dit forum. En als laatste weet ik niet of mijn post goed geplaatst is in Webdesign. Excuses hiervoor :oops:[/quote:b9cbfd7aee]

    ff nog iets: als ik je website niet full-screen heb staan, staan de links niet op de plaatjes.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.