advertentie

Dit forum is niet langer actief. Voor vragen kun je voortaan terecht in de Vraag & Antwoord-rubriek van PCMweb.nl

 

Ga terug   PCM Forum > Scripting > Scripting

Antwoord
 
Discussietools Weergave
Oud 19 February 2009, 14:55   #1
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Cool Achtergrond afbeelding rechtsonderin plaatsen

Hallo,

Misschien hele makkelijke vraag, maar hoe krijg ik een achtergrondafbeelding in een layer rechts onderin??

Ik hoor het graag.

StevenT
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG


StevenT is offline   Met citaat antwoorden
Oud 19 February 2009, 15:07   #2
Maxstar
ModeratorPCM Lord
 
Maxstar's schermafbeelding
 
Geregistreerd: 27 March 2008
Locatie: @ the World Wide Web
Berichten: 4.969
Standaard

Als het om een DIV layer gaat voeg je hier de groen gearceerde code aan toe.

Code:
<div id="layer" style="position: absolute; width: 100px; height: 100px; left: 100px; top: 100px; background: url('file: bestand.extensie;) "></div>
Groet Maxstar
__________________
PC Web Plus Tutorials, tips, trucs en downloads op het gebied van computers.
Malware info Informatie over malware en preventie tegen een malware infectie.

Laatst gewijzigd door Maxstar : 19 February 2009 om 15:14
Maxstar is offline   Met citaat antwoorden
Oud 19 February 2009, 15:15   #3
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard

Dat is hem idd. MAAR hij staat boven een andere layer met daarin tekste en afbeeldingen. De layer waar hij dus boven staat is wel gevuld dus met z-index kan ik niet werken.
Hoe krijg ik hem daar dan toch wel onder??
Want die regel toevoegen die jij wilt gaat dan niet.
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG


StevenT is offline   Met citaat antwoorden
Oud 19 February 2009, 15:17   #4
Maxstar
ModeratorPCM Lord
 
Maxstar's schermafbeelding
 
Geregistreerd: 27 March 2008
Locatie: @ the World Wide Web
Berichten: 4.969
Standaard

Geef eens de complete code van die twee layers dan pas ik die even aan.

Groet Maxstar
__________________
PC Web Plus Tutorials, tips, trucs en downloads op het gebied van computers.
Malware info Informatie over malware en preventie tegen een malware infectie.
Maxstar is offline   Met citaat antwoorden
Oud 19 February 2009, 15:25   #5
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard

Oke hier heb je mijn hele site. Leek mij ff wat makkelijker.
Mocht je zoiezo iets tegen komen waarvan je denkt hmm dat kan anders
laat dat dan ook gelijk even weten ^^

heheh was de css vergeten. Is wel zo handig. Is nu nog in txt formaat.

Alvast bedankt. Ga op je wachten
Bijgevoegde bestanden
Bestandstype: txt index.txt‎ (3,5 KB, 5x gelezen)
Bestandstype: txt mycss.txt‎ (3,6 KB, 3x gelezen)
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG



Laatst gewijzigd door StevenT : 19 February 2009 om 15:27
StevenT is offline   Met citaat antwoorden
Oud 19 February 2009, 15:38   #6
Maxstar
ModeratorPCM Lord
 
Maxstar's schermafbeelding
 
Geregistreerd: 27 March 2008
Locatie: @ the World Wide Web
Berichten: 4.969
Standaard

Dus als ik goed heb wil (div#bogen) een achtergrond geven?

Groet Maxstar
__________________
PC Web Plus Tutorials, tips, trucs en downloads op het gebied van computers.
Malware info Informatie over malware en preventie tegen een malware infectie.
Maxstar is offline   Met citaat antwoorden
Oud 19 February 2009, 15:41   #7
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard

jah klopt. Die had ik na jouw voorbeeld even zo genoemd
Maar het mooiste zou zijn als hij werd geintregeerd in de div apDiv11 rechts onderin
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG


StevenT is offline   Met citaat antwoorden
Oud 19 February 2009, 15:58   #8
Maxstar
ModeratorPCM Lord
 
Maxstar's schermafbeelding
 
Geregistreerd: 27 March 2008
Locatie: @ the World Wide Web
Berichten: 4.969
Standaard

De volgende code moet je dan aan de stylesheet toevoegen.
Code:
#bogen {
	float: right;
	width: 352px;
	height: 255px;
	

}
En de HTML als volgt aanpassen.
Code:
      
<div id="apDiv11" >
<div id="bogen">
<p>&nbsp;</p>
</div>
Verder gebruik je zowel een externe als een interne stylsheet dit is niet echt handig, je kan beter alles uit de interne stylsheet eerst in de externe plaatsen.

Verder zou ik het e-mail adres er van af halen, dit zorgt alleen maar voor een bak spam.

Groet Maxstar
__________________
PC Web Plus Tutorials, tips, trucs en downloads op het gebied van computers.
Malware info Informatie over malware en preventie tegen een malware infectie.
Maxstar is offline   Met citaat antwoorden
Oud 19 February 2009, 16:17   #9
StevenT
PCM Lord
 
StevenT's schermafbeelding
 
Geregistreerd: 10 March 2008
Locatie: The Amsterdamn.....
Berichten: 2.409
Stuur een bericht via Skype™ naar StevenT
Standaard

Hmmm, jammer. Ik weet niet of je het getest had?
Maar bij mij werkt het niet

Hij staat nu echt vast Half achter een afbeelding en hij drukt ook de tekst opzij.

Die css in het document moet nog weg, maar alles is nog een puinhoop dus eerst zorgen dat alles werkt.
Ik heb een printscreen bijgevoegd zodat je kan zien hoe hij nu staat.
Ook voeg ik weer de documenten toe die ik gebruikt heb. Het is eenn heel paketje geworden

http://home.planet.nl/~teeuw244/deelsite.rar direct download link

Hier de afbeelding (was ik vergeten (groot formaat))
http://home.planet.nl/~teeuw244/looksite.jpg
__________________



AMD Athlon64 X2 5200+ 2048 DDR2 Nvidia GeForce 8600GTS 320 GIG



Laatst gewijzigd door StevenT : 19 February 2009 om 16:19
StevenT is offline   Met citaat antwoorden
Oud 19 February 2009, 16:32   #10
Maxstar
ModeratorPCM Lord
 
Maxstar's schermafbeelding
 
Geregistreerd: 27 March 2008
Locatie: @ the World Wide Web
Berichten: 4.969
Standaard

Citaat:
Hij staat nu echt vast Half achter een afbeelding en hij drukt ook de tekst opzij.
Bij IE en Firefox staat de DIV niet achter de afbeelding bij mij.

Maar die div#bogen moest toch onderin komen te staan toch.?

Groet Maxstar
__________________
PC Web Plus Tutorials, tips, trucs en downloads op het gebied van computers.
Malware info Informatie over malware en preventie tegen een malware infectie.
Maxstar is offline   Met citaat antwoorden
Antwoord


Discussietools
Weergave

Regels voor berichten
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Aan
Smileys zijn Aan
[IMG]-code is Aan
HTML-code is Uit

Forumnavigatie


Alle tijden zijn GMT +1. Het is nu 00:35.



Powered by vBulletin Version 3.8.6
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
Nederlandse vBulletin-vertaling door Alacer beschikbaar gesteld door Applinet.