Hallo,
Ik heb een probleem met een afbeelding. Deze heb ik in een laag geplaatst en kan hem hierdoor zwevend plaatsen op de plek waar ik wil. Dit gaat goed in IE7 / IE8 / FireFox. Alleen in IE9 gaat dit verkeerd.
Ja het gaat over fout positioned. In IE7/IE8 en FF7.01 staat die jump linksboven
op de goede plek, maar bij IE9 schiet ie ineens naar binnen (naar rechts) en staat
dan voor de knoppen Home/Team info/Kalender. Ik heb de Z-volgorde van die knoppen
al wel aangepast, maar de afbeelding zou weer op de goede plek moeten komen.
IE9 doet daar blijkbaar iets anders mee dan de genoemde browsers...
Hoorde dat het in Chrome blijkbaar ook niet goed gaat, maar vind ik minder
belangrijk. Ik kan geen afbeelding uploaden, anders kon ik het laten zien ..
Dank vinTage. Op jouw voorbeeld staat ie dus duidelijk meer naar links.
Het wordt steeds vreemder. Vraag is hoe los ik dit nu op ?
Bij mij IE9 --> http://www.uploadplaatjes.nl/plaatje.php?id=226989
Ligt uiteraard ook aan de resolutie... maar hoe hou je daar dan
rekening mee met het plaatsen... misschien maar niet zwevend, maar
dat zou jammer zijn...
Nuja, het simpelst is om je wrapper (de gecentreerde container) relative te positioneren, dan kan je die jump2.jpg div absolute positioneren TOV de wrapper.
Dat begrijp ik inmiddels ook, maar het lukt of werkt niet, dus ik doe
waarschijnlijk iets fout. Zou je eens naar mijn bestanden willen kijken ??
Behalve de jumper-foto positioneren, ben ik bang dat een afbeelding plaatsen
onder de navigatie ook een probleem wordt. Zo ziet het er nu uit met tabellen,
maar ben inderdaad nu met div's en css aan het werk... nog nie zo simpel...
Kun je me misschien aangeven wat ik fout doe ?
Mjah, met alle respect hoor, maar begin eerst met valideren!
Ook kun je in dropbox gewoon je pagina's 'online' zetten met werkende css/plaatjes etc, je moet daar gewoon zorgen dat de paden juist zijn(absolute urls is sowieso altijd netter)
Nja, zag ik ook. 127 fouten 2 warnings... alleen... ik ben geen nerd hoor dus
ik weet niet wat te doen ermee ... dus ik accepteer je respect en vraag dus werkelijk
om hulp hier.
Zal wat achtergrond vertellen. Altijd ontworpen in FrontPage 2003. Totdat ik tegen
steeds meer problemen aanliep. Geprobeerd WYSIWYG zoals Magix Web Designer. Daarin
heb ik ook de nieuwe site van mijn favo zijspan team gemaakt.. maar dat programma
deugt niet..
Nja.. om een lang verhaal kort te maken... heb ik die ik gemaakt had in Magix in
Frontpage 2003 nagemaakt ... met tabellen en ik dacht dat ik er was...
Vroeg hulp her en der met positioneren, maar kreeg nogal commentaar op de tabellen
die ik gebruikte ...
Ben nu een week beizg... bijna continue... om me divs en css eigen te maken.. dus...
Ok... het zijn mijn eerste schreden... jammer te horen van je dat ook hier nu het
valideren dus misloopt... kwam ik zelf dus ook achter..
Nja... ik wil dit graag leren... maar dan ook dat valideren dus goed verloopt.
Dat "valideren" leert me helaas niet zo veel. Komt onderhand op net zoveel fouten
terecht als toen ik het nog met tabellen maakte...
En na het commentaar wat ik kreeg... zoals ik nu bezig ben dus .. lerend dus... krijg
ik net zoveel of nog erger commentaar.... Probleem is. Ik wil graag verder komen.
Online cursus Dreamweaver heeft me ook niet verder gebracht en ik mis de financiele
mogelijkheden om werkelijk een goede webdesigner te worden... (ruim 4000 euro...)
Dus... ik doe mijn best en wend me tot forums als deze...
Geef ik hiermee een bewijs van onvermogen of is er nog hoop ... m.a.w.
kun je me helpen ?
Sorry als ik je teleurstel, ik ben ook maar iemand die probeert maar wel wil dus ..
Wat je me nu verteld over Dropbox wist ik ook niet ... tsjonge ...
Nja dank in ieder geval...
Fred
@Frehen, offtopic, maar je hoeft geen 4000 EUR om webdesigner te worden. En je hoeft al helemaal niet al die Wysiwig programma's. Met een goede html tutorial kan je al veel. Zorg dat je zelf codeert in de code, wat een programma voor je doet is nooit zo goad als je het zelf zou doen. Je verspeelt enkel tijd in die programma's.
Geef het niet op, met veel tutorials lezen en veel websites hun broncode te bestuderen kom je er wel. Werk met Firefox en de web developer toolbar. Daar is het vaak eenvoudig om voor beginnende webbouwers de structuur van een website visueel te laten voorstellen.
En divs/css simpel... Tjah, het hangt er vanaf wat je gewoon bent. Ik heb het lastig met tabellen bouwen omdat ik zo hard de flexibiliteit nodig heb van css.
Nog een laatste tip: om te valideren moet je echt geen nerd zijn. Lees wat erbij staat als fout. Als je de fout niet verstaat, kan je hem googlen. Vb bij je site: No DOCTYPE found. Google eens wat doctype is, en plaats een goede doctype bovenin je code. Dat lost dan alweer heel wat andere problemen op.
Ok Pieter, dank je wel. Wat betreft wysiwyg, daar ben ik nu ook achter ja.
Ik heb die web developer toolbar gedwonload maar die wil in IE8 niet starten.
Ik heb het aantal errors behoorlijk terug weten te dringen naar 18.
Enkele errors betreft een ALT benaming voor de plaatjes van de navigatie,
maar die wil ik helemaal geen alt meegeven omdat je dan van die vervelende
popups krijgt, heb ik liever niet.
Ook die Flasfilmpjes gaan qua validatie niet goed.
Heb naar een alternatief gekeken (Flash Stay techniek), geprobeerd toe te
passen, maar werkte niet.
Maar goed. e.e.a. is er dus veranderd nu. Is er nu kans op enige hulp qua
positionering ? Alvast bedankt.
Ah, kijk da's een goeie !! Scheelt weer 9 errors !!! Dank Ontani !!
Nu heb ik alleen die Flash fouten nog, dat embed en zo,
maar da's op zich niet zo erg denk ik.
Nee, het probleem is niet opgelost larssy1.
Het probleem is nl. de positionering van die jumpfoto én het
positioneren van een foto in het midden onder de navigatie.
Die webvalidatie deed ik even tussendoor omdat vinTage hier
een opmerking over maakte...
Die webvalidatie deed ik even tussendoor omdat vinTage hier
een opmerking over maakte...
lol, zo klinkt het net of ik een boeman ben, je moest eens weten hoeveel browser verschillen er weg gewerkt worden alleen door te valideren, dat is gewoon de reden dat je daarmee moet beginnen.
Wat betrefd die swf, bekijk swfobject eens, dit zorgt ervoor dat het in alle browsers fatsoenlijk en valid wordt getoond (met evt een msg/img/whatever voor de bezoekers zonder flash).
O nee, zo bedoelde ik dat niet hoor, nee was heel terecht de opmerking en
alleen maar goed, want hoe beter de validatie, hoe beter de site !!
Dank dus voor je opmerking vinTage !!
Ik zal dat eens nakijken van dat swfobject, dan ben ik dadelijk nog ineens
helemaal zónder fouten in de Markup Validation !! Zou geweldig zijn.
Ben ontzettend dankbaar voor jullie hulp, mogen jullie weten.
[edit]De pagina PASSED de validation, 0 ERRORS !!! haha.
Alleen mijn draaiende helm werkt nu niet meer links onderaan...
herstel, ook die werkt.. Dus helemaal goed nu !
CSS ook nog gevalideerd, 3 fouten, nu ook goed...[/edit]
Nu het échte probleem nog, de positionering.
Ik heb ik de CSS(5) de wrapper position relative gegeven, de
de jumpimage position absolute, maar toch ziet het er zo uit: Index5_online
Zo had ik het met tabellen gemaakt. Ook daar die jumpafbeelding
absolute geplaatst en dat ging prima... tot bleek dat IE9 dat niet goed
liet zien... toen ben ik aan de gang gegaan om het allemaal anders te gaan
doen, met divs en css... werd me ook aangeraden.. mja, nu lukt het dus nog niet..
Qua breedte zou het allemaal moeten passen eigenlijk...
In mijn CSS staat: Plaatscode: 141396
Deze kan ik even niet volgen... welke image zie je niet ?
De jumpimage of die langerekte die direct onder de navigatie staat.
Die laatste kreeg ik nl. nog niet toegevoegd, lukte me niet qua
positionering. Dat plaatje staat nu wel in die index5.html... ook online.
En die jumpimage, hoe kan dat dat het bij jou wat lijkt, en als ik dat hier
doe.. in IE8 ... dat dus niet werkt ?? Bekijk jij het in IE9 ?
Zou toch overal goed moeten werken dan nu eigenlijk..
njah, je opbouw zou niet mijn manier zijn, maar een beetje friemelen met de webdevtoolbar in ff gaf me ongeveeeeeeeer het resultaat wat jij zoekt.
Het nadeel is dat ik dat natuurlijk niet kan testen in IE, dus misschien slaat het helemaal nergens op
Ik ga eens kijken wat ik met die wijzigingen kan.
Dan moet ik wel in CSS de zaken verwijderen omtrent de jumpimage neem ik aan..
Ik weet/begrijp niet wat je bedoeld met de "je opbouw", wat is er mis mee ?
Dit is al een volledig nieuwe html en css... dus waarom nou een
nieuwe maken, dat ontgaat me even...
Is er iemand anders misschien die evt. wel IE ook kan testen ??
In FF werken deze wijzigingen inderdaad, hoewel niet volledig...
qua jumper dan. Kan de jumper buiten de wraper ? Dus wat meer naar links bijv... ?
Het middenplaatje onder de navigatie werkt perfect zowel in IE als FF !!
Het jammere is dus inderdaad dat qua jumper dit niet geldt voor IE.
Daar is de image zelfs ineens weg... vreemd. Iets met z-index ??
Maar ook daar moet het goed zijn en kan je niet in voorzien vinTage.
Vandaar mijn vraag dus om andere en ook IE georienteerde gebruikers...
Vanwege alleen FF zijn je antwoorden wat eenzijdig, hoewel ik er al veel
aan heb gehad, waarvoor dus speciale dank !!
Gezien mijn groei in 1 week (na hulp uiteraard, waarvoor dank) ben ik
niet van plan een nieuwe opzet ofd wat dan ook te starten als je hier niet
duidelijker over bent. Je zegt niet wat er mis is met deze, maar geeft ook
niet aan wat de compleet andere opzet dan zou moeten zijn. Kan ik niets mee.
Da's toch niet zo verkeerd wel ?
Heeft ook te maken met de weg die ik al heb afgelegd inmiddels.
- Had tabellen, was verkeerd (moest divs en css zijn), wat mee gedaan
- Volledig nieuw HTML/DIV en CSS opgebouwd... validatie fout, wat mee gedaan
- Helemaal goed qua validatie, zowel HTML als CSS, blijft positionering...
En nu is het de "opbouw" ? Komt wellicht ook door je Focus op FF, maar dan zie ik
dus nog niet waarom her te beginnen. Beetje vaag dus.
TOCH, nogmaals benadrukt, enorme dank voor jullie steun dusver !
Krijg nou jeuk.... ik voeg left: -20 toe en z-index: 10 aan die jumper
EN HET WERKT !!!! Zowel in IE als FF !!! Heb IE9 nog niet getest... maar
ben al weer een beetje in de 7de hemel inmiddels !!! Je - ZUS...
Wat een eureka moment is dit ... en dan zomaar ineens ... leuk !!!
Zelfs IE9, zojuist getest gaat er goed mee om... man-o-man ... fun...
Aldus... afrondend, zeer speciale dank naar vinTage, de oplosser dus !
Een beetje van Maggi (vinTage) en de rest doe je zelf ... jemig...
Geweldig man, ik ben ERRUG blij nu, dank dank dank.
ik ben niet perse focussed op FF, maar dat is nou eenmaal de browser waarmee ik het bekendst ben.
Daarmee kan ik middels een toolbar bepaalde htmlmeuk aanpassen en realtime zien wat er gebeurd, maar daarmee weet ik en jij of eender welke andere gebruiker niet wat er in andere browsers gebeurd.
Met 'opbouw' bedoel ik gewoon wat meer semantic code.
Je hebt nu een absolute positioned div (jumper) een menu, met daaronder weer een absolute positioned image, en je rechterkant, daarvan staat ook nog eea in een p tag..
Enfin, Ik beweer niet dat je je best niet doet, maar als je wilt dat het OVERAL mooi is, dan zul je moeten leren met trail and error, en dat betekend dus ook tig keer opnieuw beginnen, dit zal je als sporter niet echt vreemd in de oren moeten klinken
Ik sporter ?? Waar haal je dat vandaan ? LOL... omdat ik een favo sportteam heb ?
Ik schaam me haast om te zeggen dat ik TOTAAL niets doe aan sport... en da's wel
verkeerd hoor, weet ik wel, maar ik begrijp wel wat je bedoelt.
Jij bent awesome man, want indirect heb je me dus aan de oplossing geholpen.
Ik ga overigens nu ECHT niet opnieuw HTML en CSS maken... DIT WERKT DUS NU.
Wordt echter nog echt leergierig op mijn oude dag. Semantic code. Ken de term
en heb er van gehoord. Ok, wat dat betreft is het misschien niet vrolijk, maar
W3Org vindt dat blijkbaar niet erg EN EN... het werkt in IE9 en FF7.0.1 !!
Chrome vind ik absoluut niet interessant.
Ga ik hiermee problemen krijgen als HTML5 een echte doorbraak wordt dan denk je ?
Dat erft, zoals ik begrepen heb, XHTLM 0.1 of zoiets, en dat speelt hier wel
een rol denk ik. Er blijft nog veel te leren, maar ben ontzettend blij met de
positie waar ik nu ben gekomen ! Pieter had dus ook gelijk !!
Tjonge Ralph, ik ben hier écht heel blij mee en dank je nogmaals dus !
Ik had eigenlijk nog wel meer 'zeik' dingetjes op je site, maar ik denk niet dat je die gaat opknappen ?
Je menu bv (ik kijk echt alleen nog maar aan de bovenkant) kan volledig opgemaakt worden met html/css en een bg img=>gradient versus allemaal images en gekke scriptjes
Je gaat hier geen problemen mee krijgen wat betreft html5!
Wel kan je je SEO positief beïnvloeden door toch iets meer aandacht te geven aan je 'opmaak'.
Wat betreft 'sporter', oh, ik dacht dat je een van die motorcrossers was, my bad
Hahaha, ok geen probleem vinTage, ben slechts een zéér bescheiden webmaster !!
SEO moet ik nog veel aan doen, maar dat weet ik hoe. Inclusief de nieuwe Panda
update van Google...
Maar, ik geef aan te WILLEN leren... en ik beschouw je commentaar echt niet als
gezeik.. maar wordt dan eens concreet "lieve schat", want je blijft een beetje
ronddraaien in vage zaken. Natuurlijk geef je niet alles graag prijs wat je
weet en hebt geleerd, maar dat kan ook anders.
Ik ben je erg dankbaar en wil evt. wel persoonlijk met je in contact treden,
mocht je dat liever willen dan alles openbaar in dit forum vermelden... dat
is, als je wilt uitwisselen. Ik weet niet, nu nog niet dat is, of er PM's
ofwel persoonlijke berichten kunnen worden uitgewisseld worden hier.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
