Rollover of niet?

[anoniem]

@ToBee: Ja, een schoonheid, is het niet (DS23 IE (Pallas-uitvoering) '74 )? Aangezien ik koppig (maar vooral lui) ben, heb ik net zo lang zitten pielen totdat het me gelukt is. Het zal ongetwijfeld menigeen een beroerte bezorgen, maar het werkt :) Doei!

[anoniem]

[quote:01cb04aa32="Tjeerd_W"]@ToBee: Ja, een schoonheid, is het niet (DS23 IE (Pallas-uitvoering) '74 )? Aangezien ik koppig (maar vooral lui) ben, heb ik net zo lang zitten pielen totdat het me gelukt is. Het zal ongetwijfeld menigeen een beroerte bezorgen, maar het werkt :) Doei![/quote:01cb04aa32] Inderdaad, zoals hij daar op het plaatje staat, een plaatje! Ook Cirtofiel dus? :P (zelf nog op zoek naar m'n DS, ik doe het nu met een XM na een aantal CX-en) Maar goed; Gelukt door nukkig vol te houden of toch gevallen voor CSS?

[anoniem]

haha. nukkig volhouden uiteraard! Maar beloof plechtig dat ik me in css zal gaan verdiepen. En ja, een rasechte Citrofiel: diverse 2cv's, 2 mehari's en een Visa Cabrio die te koop is (+ een Wartburg 311)

[anoniem]

Kijk kijk. Waarschijnlijk treffen we elkaar dan ook regelmatig op een ander forum :D Oh en mocht je ooit een knappe DS tegenkomen of een CX---> PB!!!

[anoniem]

Heren mede forummers, Ik kom er nog steeds niet uit wat betreft het "image replacement" Ik wil dus onderin de navigatie div een plaatje laten verschijnen als iemand hovered over een link. Dus bij iedere link een andere image. Ik kan met google weinig bruibare dingen vinden. Daarom vroeg ik me al of dit een officiele css tag is. heeft iemand nog een goede link? bedankt [edit] voor alle duidelijkheid, de link naar mijn testsite is: [url]www.planetdust.nl[/url] en de link naar mijn stylesheet is: [url]www.planetdust.nl/active.css[/url] Ik heb inmiddels de <font> en de <p> eruit gehaald. [/edit]

[anoniem]

Mag het met javascript of wil je sec CSS?

[anoniem]

CSS -> http://meyerweb.com/eric/css/edge/popups/demo2.html

[anoniem]

Die link van termin8tor was precies wat ik zocht. Ik wil nl geen of weinig jscript gaan gebruiken. bedankt

[anoniem]

Geweldig! Ik heb de link ook bekeken en ben wederom verbaasd over de kracht van CSS. Het was me inmiddels al gelukt om dit effect in een combinatie van CSS en Javascript te maken maar dit is natuurlijk de ultieme oplossing.

[anoniem]

Even iets anders; Ik was zonet even mijn site aant bekijken op 800x600. (gebruik normaal 1280x1024 op 17" tft). Bij 800x600 worden de zijkanten weggesneden. ipv de hele website scrollend te maken. Weet iemand waar dit aan zou kunnen liggen? bedankt

[anoniem]

ben inmiddels met de link van termin8tor aan de slag gegaan. het eindrsultaat is nog niet bereikt. ik ga nu naar bed, ga morgen hier verder aan. wat ik tot nu toe heb staat op de bijgewerkte testsite. [url]www.planetdust.nl[/url] mocht iemand nog tips hebben dan hoor ik t wel. [edit 26-2-04] bovenstaande link is inmiddels alweer gewijzigd.

[anoniem]

Van die resolutie, dat was een bug in Mozilla: http://bugzilla.mozilla.org/show_bug.cgi?id=185411 is een paar dagen geleden gefixed. Gebruik iets als:[code:1:2105c64c84]a img{ display:none; } a:hover img{ position:absolute; top:200px; left:10px; display:block; }[/code:1:2105c64c84]Haal ook even al die 'position:relative; web in je A elementen, dat gaat anders voor problemen zorgen ;)

[anoniem]

Hmm, ben aant werk gegaan met de code van termin8tor. Resultaat iis te vinden op [url]www.planetdust.nl[/url] de uitwerking is zeer verschillend in IE of mozilla. Beide resultaten zijn niet juist. iemand een idee waar ergens mijn fout zit? de code van mijn css is: [code:1:3c62837efe]#holder{ width: 955px; height: 600px; background: #FFFFFF; position: relative; margin: 0 auto; } #logo{ width: 290px; height: 100px; border: 2px solid #000000; background: #fff url(used_images/activelogo_home.jpg); position: absolute; top: 7px; left: 10px; margin: 0px; } #top{ width: 620px; height: 100px; border: 2px solid #000000; background: #fff url(used_images/top_image.jpg) no-repeat right; position: absolute; top: 7px; right: 10px; left: 326px; } #nav{ width: 150px; height: 420px; border: 2px solid #000000; background: #99CC33; position: absolute; top: 117px; left: 10px; text-align: left; text-indent: 25pt; } #content{ width: 775px; height: 420px; border: 2px solid #000000; background: #E4F5C2; position: absolute; top: 117px; right: 10px; left: 170px; } #footer{ width: 935px; height: 30px; border: 2px solid #000000; background: #999999; position: absolute; bottom: 10px; right: 10px; top: 550px; left: 10px; text-align: center; } body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; } a:link { text-decoration: none; border: 0px; height: 0px; width: 0px;} a:visited { color: #000000; text-decoration: none; } a:hover { background-color: #CCCC00; } li { list-style-type: none; text-align: left; text-indent: 0pt; } a img{ display:none; } a:hover img{ position:absolute; top:300px; left:30px; display:block; } [/code:1:3c62837efe]

[anoniem]

ps: sommige position elementen zijn compatible met css2.0 en niet met 1.0 geeft dit overhet algemeen veel problemen bij de browsers (oudere versies)

[anoniem]

Zo dat gaat snel... ik was nog niet klaar met kijken of je hebt het alweer veranderd. maargoed; [code:1:d134b31762]background: #fff url(used_images/top_image.jpg) no-repeat right; [/code:1:d134b31762] [code:1:d134b31762]<li><a href="index.html">Home<img src="used_images/link_img1.gif"></a></li>[/code:1:d134b31762] Volgens mij bijten deze twee elkaar

[anoniem]

Klein foutje. Je moet bij 'a img' de positie instellen en bij 'a:hover img' alleen de 'display' property veranderen.

[anoniem]

[quote:aa690b2864=".:ToBee:."]Zo dat gaat snel... ik was nog niet klaar met kijken of je hebt het alweer veranderd. maargoed; [code:1:aa690b2864]background: #fff url(used_images/top_image.jpg) no-repeat right; [/code:1:aa690b2864] [code:1:aa690b2864]<li><a href="index.html">Home<img src="used_images/link_img1.gif"></a></li>[/code:1:aa690b2864] Volgens mij bijten deze twee elkaar[/quote:aa690b2864] Wat bedoel je precies met bijten? Ontstaat er een conflict op het moment dat deze regels gebruikt worden ofzo? Ik snap eerlijk gezegd niet waarom deze zouden conflicteren, ze staan toch los van elkaar. Of intepreteer ik het weer helemaal fout?

[anoniem]

Die tweede is een reeds gewijzigde versie. Op het moment dat ik het bekeek stond er iets anders, toen ik terug ging om de regel te kopieren stond er dus iets anders. (zoals ik al zei je was erg rap :) ) Wat er in eerste instantie stond conflicteerde met de bovenstaande regel waardoor volgens mij dat zenuwachtige geflikker bij mouseover ondstond.

[anoniem]

Azo, ik ben inderdaad snel geweest. Ik ben nu toch wel redelijk de kluts kwijt, ik snap er eerlijk gezegd nu helemaal niks meer van wat nu WEL en wat nu NIET goed is. Er staat momenteel een gewijzigde versie op internet ([url]www.planetdust.nl[/url]) deze zal ik de hele avond online laten staan voor het gemak :D btw: bedankt voor jullie moeite [edit] wat ik me trouwens afvraag is: Zijn jullie allen werkzaam in de webdesign sector, of is het allemaal een uit de hand gelopen hobby? [/edit]

[anoniem]

hmmm ik ben 17 en zit nog op middelbare school, dus voor mij is dit alles een hobby, en een manie om makkelijk wat geld bij te verdienen.