Archief - CSS: fastforward

Omdat ik waarschijnlijk nog meerdere vrage zal hebben na verloop van tijd, zal ik om het overzichtelijk te houden, alles in deze thread posten.

Het betreft dus www.proglogic.com/fastforward

De site is al wat veranderd ten opzichte van de originele post in Site-Check
maar zoals jullie kunnen zien, is er nog heel veel werk aan die CSS...

Ik raak er zelf niet aan uit, heb al vanalles geprobeerd, dus zouden jullie professionals zo vriendelijk willen zijn mij te helpen? het zal echt geapprecieerd worden =)
het CSS-document staat hier: http://www.proglogic.com/fastforward/styles/default.css

1. vanwaar die ruimte tussen de header en de contents? (ik had een regel aan mijn css toegevoegd, die regel meteen verwijderd, wegens slecht resultaat, en sindsdien krijg ik dit... versta ik dus echt niet :/ )

2. vanwaar die ruimte onderaan? mijn margin en padding staan voor beide vragen goed (denk ik), en toch krijg ik dit resultaat...

3. het menu... aaargh
in de voorgaande versie had ik een rollovermenu gemaakt mbv javascript, en dat viel niet in goed aard bij de sitecheck... dus ikke begonnen aan hetzelfde menu te maken in CSS, maar het lukt me niet hetzelfde resultaat te verkrijgen...

ik heb werkelijk al uren gezocht achter ee oplossing (voorla voor de laatste kwestie) en ik raak er maar niet aan uit.
gelieve mij, een amateur , te helpen...

hartelijk dank

De originele versie kun je hier vinden:
http://www.proglogic.com/fastforward/OldVersion01/
De sitecheck-thread:
https://www.beyondgaming.be/archive/web-design-programming.237/layout-fastforward.541466 -> wordt hopelijk binnenkort weer geopend, heb alvast een PM gestuurd

probleem 1 is inmiddels opgelost.
had class en id verward :/

je menu heb je ook al zie ik

inderdaad, menu is opgelost mbv ne kameraad.
nu nog die ruimte onderaan, dat snapte hij ook niet.

hierna nog de afbeeldingen optimaliseren om de laadtijd te verminderen...
inmiddels nodig ik jullie uit op de sitecheck om de nieuwe lay-out al wat te becomentarieren

ruimte onderaan?
bedoel je die +- 2cm onder je content / menu?

ja, en ook het zwart onder het geheel...

Even zeggen dat ge best u header afbeelding aanpast als je ze apart bekijkt zie je ze "vrij" scherp, maar zoals nu is het geen zicht even photosoeppe. En dan dat als achtergrondbeeld nemen voor de header.

Mvg Ward

bedoel je dan de manier zoals het nu is ?

3.
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage()"

Aegonis zei:

bedoel je dan de manier zoals het nu is ?

Klik om te vergroten...

Neen Zoals hier is het in orde. Maar als je dan naar je website kijkt in de header zie je degelijk het verschil dat het dus gepixeld is. Je moet dus je afbeelding aanpassen aan de grootte van de cell.

Mvg Ward

exxhal zei:

3.
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage()"

Klik om te vergroten...

het menu is inmiddels inorde gebracht mbv CSS (en een heel klein beetje javascript om de afbeeldingen op voorhand in te laden)
toch bedankt

wardkennes zei:

Neen Zoals hier is het in orde. Maar als je dan naar je website kijkt in de header zie je degelijk het verschil dat het dus gepixeld is. Je moet dus je afbeelding aanpassen aan de grootte van de cell.

Mvg Ward

Klik om te vergroten...

ik zie eerlijk gezegd geen verschil tussen beide logos =)
ik werk met Firefox, welke brower gebruik jij? mss dat het daaraan ligt.
mocht je IE gebruiken, wil je dan aub eens een screnshotje doorsturen? (heb hier geen IE staan, werk met mac...)

Aegonis zei:

het menu is inmiddels inorde gebracht mbv CSS (en een heel klein beetje javascript om de afbeeldingen op voorhand in te laden)
toch bedankt

Klik om te vergroten...

Die javascript kunt ge eigenlijk gewoon weglaten als ge werkt met 1 image. 1 afbeelding met AL uw menu-items, zowel met hover als zonder en dan werken met background-positioning.

'k Heb even geen handig artikeltje bij de hand zodat ge er meer info over kunt krijgen, maar iemand anders zal het u wel kunnen bezorgen indien ge het wilt.

hm, maar het probeem is dat de inhoud van de menuknoppen ook in de afbeelding staat. de afbeelding voor Home en voor News is niet dezelfde. die afbeeldingen zijn in principe niet als achtergrondafbeeldingen bedoeld...

Aegonis zei:

hm, maar het probeem is dat de inhoud van de menuknoppen ook in de afbeelding staat. de afbeelding voor Home en voor News is niet dezelfde. die afbeeldingen zijn in principe niet als achtergrondafbeeldingen bedoeld...

Klik om te vergroten...

doet er niet toe... met background-positioning lukt da wel... ge moet op ala eens zoeken naar sprites ofzo.

http://www.alistapart.com/d/sprites/ala-image3.html

ziet er wel interessant uit,
maar zou dat echt zoveel verschil maken in mijn geval?