website met sprite breder maken via CSS of grotere sprite?

[DROOMWEVER]

Hai
ik heb al veel hulp gekregen op dit forum.
Nu wil ik echter mijn website breder maken , liefst nog niet in % maar gewoon 20% breder dan nu
kan ik dat via instellingen dreamweaver ? maar dat lukt nu niet.
Kan ik dat via de CSS ?
Maar nu lukt dat niet .
Hoe kan ik de sprite aanpassen ? of moet ik hem opnieuw maken met grotere images?

http://www.belle-etoile.be

en voor alle forumbezoekers veel webgenot in 2013

grtjs

 

[DROOMWEVER]

DAG

Ik heb gewoon de sprite via "windows picture manager" 20% vergroot.
Dan zorgvuldig de nieuwe plaats van de afbeeldingen opgezocht via een testpagina,
en de nieuwe gegevens aangepast in de CSS
Hier en daar de nog wat height's en andere plaatsbepalingen aangepast
en nu kan ik in de pagina's de nieuwe breedte gebruiken.
Zodra ik daar geen moeilijkheden meer tegenkom, sluit ik deze vraag tenzij nog iemand iets weet ...

Grtjs
Droomwever

 

[DROOMWEVER]

ontgoocheld

DAG

in IE , mozilla en opera werkt alles naar behoren, maar Chrome is een drama
ik heb de indruk dat de oude bestanden gebruikt worden
maw hoe de cache van Chrome verwijderen ?
Of is e tochr een ernstiger probleem ?


grtjs
Droomwever

 

[DROOMWEVER]

opgelucht

HOERA
het is ook voor Chrome gelukt, ik heb via extra de cache kunnen wissen.
Nu nog kijken waarom bij deze pagina de images zo traag komen.
Zijn ze te groot ? en komen ze daarom zo traag ?

http://www.belle-etoile.be/behandelingenprodukt.php


grtjs
Droomwever

 

[DROOMWEVER]

opgelost

Alles gevonden
Daag
Droomwever

 

[csshunter]

Hoi droomwever,
Prettig dat alles opgelost is!
Inderdaad: een grotere sprite maken, en de css bijstellen.
Een hover over het logo geeft rechts onderaan in de laatste "e" niet alle geel van de hover-variant weer; dat komt omdat de logo-css nog op het oude formaat staat:

#logolink {
    ...
    width: 240px;
    }

Met een breedte van 270px pakt ie de volle breedte.

Met de Windows Picture Manager foto's opblazen lijkt niet zo mooi te gaan.
Voor de homepage heb ik een paar alternatieven, die wat scherper zijn en een beter contrast hebben (in het voorbijgaan ook de kamerhoeken verticaal gemaakt ipv ietsje scheef, en het kastje en de prullenbak rechtop gezet):

• home3.jpg
• home2web2.png

De laatste is een png i.p.v. een jpg geworden, zodat de linksonder-hoek ervan transparant kan zijn: dan kunnen daar de voetjes van de footer-dame zichtbaar blijven.

Met vriendelijke groet,
CSShunter

 

[DROOMWEVER]

Dag CSShunter

blij dat je ook eens keek
en die prachtige tips gaf
ik voilg veel van je tussenkomsten en leer daar ook uit!
CSS is niet zo eenvoudig, maar het begint ....

vriendelijke groet
droomwever