Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Fouten css? En probleem IE

3 antwoorden
  • Mijn kennis van HTML is oké, wat CSS echter betreft ben ik nog newbie... Nu heb ik een template (.html en .css) die ik wil aanpassen naar eigen voorkeur.....exact dezelfde codes met aanpassingen in achtergrond kleuren en images; echter nu geeft dit niet hetzelfde resultaat. Mijn vraag is: hoe kan dit? :( Menu-hoover werkt niet zoals het moet, de achterliggende teksten/knoppen zijn niet zichtbaar terwijl elke image (het hele menu= 1 image + 1 'hoover' knop) exact een copie is van het origineel, alleen in een andere kleur? Bij erover gaan met de muis zie je alleen de blanco hooverknop, niet het menu. Wat gaat er dan verkeerd? Alsof dat niet genoeg is krijg ik de website niet correct in IE. (ik heb al heel wat erover gevonden via google en uitgeprobeerd maar ik kom er niet uit) De innerbox is mooi afgerond maar in IE begint diezelfde kleur opnieuw als een nieuw vak dat doorloopt tot aan de footer. Ook een ingevoegde image die mooi in FF links van de originele image staat verdwijnt opeens in IE half achter de footer, schuift dus enorm naar beneden en de afgeronde images (top + bottom) zijn niet om aan te zien. In firefox zit nog een enkele fout (mogelijk de afmetingen/dimensies van de afgeronde top en bottom images die herwerkt zijn met Photoshop om de correcte kleuren te verkrijgen en dezelfde codes aan te kunnen houden, dat zoek ik nog uit) Wie kan mij op weg helpen?
  • Da's als naar de dokter bellen en zeggen: 'dokter, mijn baby wil niet eten, ze huilt alleen maar. Ik heb vanalles geprobeerd, maar ze eet niet.' De dokter weet dan nog nix. Het kan aan 1001 dingen liggen. Idem in jouw geval. Om te beginnen kun je het probleem beperkten tot slechts het stukje dat verkeerd gaat. Daar ga je eerst zelf mee aan de slag, in een leeg document. Kijken of het daar werkt. Als dat niet werkt, kun je dat ene stukje bijvoorbeeld hier plaatsen. Wie weet snapt iemand wat je bedoelt. Doe er dan ook een voorbeeld bij hoe het wél zou moeten zijn. En geef aan hóe jij precies hebt geprobeerd het op te lossen, m.a.w. welke opties heb je geprobeerd en wat was het resultaat toen het niet lukte.
  • Oké Het menu: in html [code:1:ed5ce6b2e5]<div id="menu"><ul> <li><a id="Home" href="indexred.html" title="Home">Home</a></li> <li><a id="L" href="index.htm" title="L>L</a></li> <li><a id="B" href="index2.htm" title="B">B</a></li> <li><a id="N" href="index1.htm" title="N">N</a></li> <li><a id="Route" href="route.htm" title="Route">Route</a></li> <li><a id="Contact" href="form/formulier.html" title="Contact">Contact</a></li> </ul> </div> [/code:1:ed5ce6b2e5] in de CSS: [code:1:ed5ce6b2e5]/* -----Menu------ */ #menu { position: relative; width: 600px; height: 50px; background: transparent url(images/menubalk.gif) 0 0 no-repeat; overflow: hidden; margin: 2em auto 1em auto; z-index: 10; } #menu ul { margin: 0; padding: 0; } #menu li { list-style-type: none; display: inline; width: 100px; height: 50px; } #menu a { display: block; width: 100px; padding-top: 50px; height: 0; text-decoration: none; float: left; background: transparent url(images/buttonhover.gif) -110px -60px no-repeat; overflow: hidden; outline: none; } * html #menu a:link, * html #menu a:visited {height:50px; height:0;} #menu a:hover { background-position: top right; z-index: 50; } * html #menu a:hover {height:50px; height:0;} #lbox { width: 605px; } [/code:1:ed5ce6b2e5] de buttonhover.gif is dus 1 blanco knop op een gekleurde achtergrond. de menubalk.gif zijn 5 knoppen met elk de link zoals in de list; elke .gif is met photoshop nagemaakt in de vereiste kleur met dezelfde dimensies. In het originele zie je enkel het menu dat oplicht als je er met de muis overgaat, niet de blanco knop zoals na aanpassing. Daar dient toch transparent voor en toch werkt het niet; ik had ook al geprobeerd om het volledige menu als hoover te maken, dus niet enkel 1 knop maar dat werkt ook niet, de hooverknop met tekst maar dat werkt dus ook niet, ik begrijp dat de achterliggende image van de menuknoppen zichtbaar moet zijn, ook als je met de muis erover gaat maar dat doet ie nu net niet.. Misschien toch beter indien ik de pagina's met het probleem online zet om het beter uit te leggen?

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.