Stop Scrolling IMG item

    wat ik graag zou willen dat het in een div komt want voor mij is het goed maar voor mensen met een andere maat monitor staat het scheef kijk maar eens


    Greets Terr0r

    Nieuwe reactie samengevoegd met originele reactie op 04.12.11 02:17:25:
    Hallo mensen ik ben er weer ik heb het heel anders gedaan en het werkt


    ik heb nu dit in de html


    PHP
    <div class="hat"></div>


    en dit heb ik in de CSS


    PHP
    .hat {
    background: url(link naar img bestand);
    width: 128px;
    height: 128px;
    position: absolute;
    z-index: 1000;
    margin-left: 480px;
    margin-top: 5px;
    }


    Alleen als ik dat doe staat het IMG bestand niet zo als het zou moeten netjes links maar in het midden van het forum van wegen dat mensen verschillende resolutions gebruiken hoe kan ik dat veranderen dat dat automaties gaat


    Greets Terr0r

  • Guest, wil je besparen op je domeinnamen? (ad)

    Dat heb ik geprobeerd maar werkt niet


    Voor mij staat het goed zo alleen voor mensen met een kleinere monitor maat staat het dus niet goed


    Als ik op me laptop kijk staat het niet goed en als ik op me pc kijk staat het dus wel goed


    Het zou eigenlijk moeten zijn dat het automaties gaat


    Ik heb vanalles geprobeert maar het lijkt er op dat er niet veel helpt


    Ik hoop dat iemand me verder kan helpen


    Greets Terr0r

    uhm dat zou ook kunnen


    Alleen dat is eigenlijk niet de bedoeling


    Want na de kerst is het de bedoeling dat er een schuin balkje komt testaan met de sitenaam of andere info er op net zo als voor het menu snap je


    Greets Terr0r

    Werkt ook niet helaas nu blijft alles het zelfde alleen zit die achter de header :?:


    En dat komt door dit stukje code denk ik

    PHP
    /*z-index: 1000;*/

    dat die nu achter de header zit


    Greets Terr0r

    Zorg dat de div boven de header (er helemaal boven) staat en probeer dan dit eens:


    PHP
    .hat {
float: left;
background: url('images') top no-repeat;
width: 128px;
height: 128px;
margin-left: 480px;
margin-top: 5px;
}

    Werkt ook niet helaas


    Ik heb dit nu in de html file staan


    PHP
    <div class="hat"><img src="http://www.phpbbpoints.com//kerstmuts.png" alt="" /></div>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">


    Ik heb dit nu in de css file staan


    PHP
    .hat {
float: left;
background: url('images') top no-repeat;
width: 128px;
height: 128px;
z-index: 1000px;
margin-left: 480px;
margin-top: 5px;
}


    Het img bestant zit nu weer achter de header :?: dat is niet goed


    Maar wat ik het raare vind als ik dit gebruik


    Html File


    PHP
    <body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
			    <div class="hat"></div>			
<div id="wrap">


    CSS File


    PHP
    .hat {
    background: url(http://demophp.grandtheftcrime.nl//kerstmuts.png);
    width: 128px;
    height: 128px;
    position: absolute;
    z-index: 1000;
    margin-left: 480px;
    margin-top: 5px;
    }


    Dan staat het op me 24 inch monitor van me pc het img bestand goed en op me laptop staat het dus niet goed :hmm: dan staat het in het midden van de header




    Op zich is deze code goed


    Html File


    PHP
    <body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
			    <div class="hat"></div>			
<div id="wrap">


    CSS File


    PHP
    .hat {
    background: url(http://www.phpbbpoints.com//kerstmuts.png);
    width: 128px;
    height: 128px;
    position: absolute;
    z-index: 1000;
    margin-left: 480px;
    margin-top: 5px;
    }


    Alleen dan zou er dus iets in het CSS bestand veranderd moeten worden dat het IMG bestand wat je wil laten zien aan mensen met een verschillende monitor grote


    Ik denk dat je dan iets aan deze regel

    PHP
    position: absolute;

    zou moeten gaan veranderen


    Wat ik denk is dat je dit woord absolute zou moeten veranderen in variable of zo iets als dat kan hoor ik weet het niet daarom vraag ik het


    Want als ik me niet vergis betekend absolute dat het op een vaste plek blijft staan en dat variable betekend het IMG bestand automaties op de juiste plek komt voor mensen met een verschillende monitor grote


    Greets Terr0r

    Bij position kun je alleen: absolute,relative en static.


    Als jij wil dat het voor andere resoluties verandert moet je dit oplossen met wat javascript dat hij de resolutie detecteert en dan de .hat veranderd (in de div) naar bijv. .hat2 waar dan voor die resolutie de juiste css code staat.

    Ik zal eens kijken wat ik daar mee kan doen dank u wel :)


    Mijn engels is redelijk ik zou mischien een beetje meer aan me engels moeten sleutelen (xD) daarom is niet alle emgels op het forum zo als het moet zijn dat kan je als je goed op het forum kijkt wel zien (c)


    Daar kom ik zelf niet uit daar zou iemand mij bij moeten helpen als iemand dat zou willen maar goed dat is weer heel iets anders het gaat nu om een ig bestaand dat ie op de juiste plaats komt 8-|


    Greets Terr0r

    Nieuwe reactie samengevoegd met originele reactie op 14.12.11 18:43:59:
    Probleem opgelost


    Hier de oplossing


    Html


    PHP
    <div id="banner-hat">
    <img src="{ROOT_PATH}kerstmuts.png" alt="" />
    </div>


    CSS


    PHP
    #banner-hat {
        position: relative;
        margin-left: -636px;
        float: left;
        margin-top: -17px;
    }


    Wert perfect kijk maar eens phpBB Points.com


    Greets Terr0r

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login