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

    [offtopic]Omg..[/offtopic]
    CSS elementen gebruik je i.c.m. span of div.
    In jouw geval dus:

    PHP
    <div class="floatright">&nbsp;</div>


    Óf:

    PHP
    <span class="floatright">&nbsp;</span>

    Zorg er dan wel voor dat je dat stuk CSS in je CSS houdt.

    Als ik z-index: 1000 weg haal komt de kerst muts achter de header :S dat lijkt mij ook niet de bedoeling

    hoe zou ik dit anders kunnen oplossen ?

    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

    Probeer het zo eens:

    PHP
    <div class="hat"><img src="uwafbeelding" alt="" /></div>
    PHP
    .hat {
    width: 128px;
    height: 128px;
    position: absolute;
    /*z-index: 1000;*/
    margin-left: 480px;
    margin-top: 5px;
    }

    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;
}

    Dat werkt ook niet de muts staat nu weer achter de header :?: dit is dus lastiger dan ik had gedacht

    Ik hoop dat er een oplossing gevonden kan worden

    Greets Terr0r

    Was z-index vergeten, probeer nu nog eens.

    PHP
    .hat {
float: left;
background: url('images') top no-repeat;
width: 128px;
height: 128px;
z-index: 1000px;
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.

    Okee en hoe zou ik zo iets kunnen maken of creeeren om het dus goed werktend tekrijgen zo als ik het dus graag zou willen hebben

    Alvast bedankt

    Greets Terr0r

    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