Welke CSS aanpassen?

Hallo,

Ik ben bezig met het maken van deze website ( HIER en ik wil de layout aanpassen zodat hij wat beter oogt bij een resolutie van 1024 x 768 en dat wil ik doen door alles wat smaller te maken.

Ik heb het logo al aangepast naar de gewenste breedte maar het wil me maar niet lukken om de rest ook aan te passen. Ik heb al diverse zaken aangepast in de CSS maar het wil me niet echt lukken.

Ik heb het gezocht in:
En
Maar daarmee lukt hem me niet maar ik heb toch het idee dat ik i.i.g. deze moet aanpassen maar wat dan nog meer?

Kan iemand me hier a.u.b. mee helpen zodat ik weer verder kan?


Edit Jelle. Ik heb de code tussen codetags geplaatst, volgende keer graag zelf doen.

Wil je het menu smaller?
Jan

Sorry dat ik dat niet vermeld heb maar ik bedoelde eigenlijk hetgeen onder het logo staat:

"Wijnhandel-Slijterij Hendriks Hapert
Wijnhandel-Slijterij Hendriks is al jarenlang het vertrouwde ............................... bla bla bla \"

Heel dat gedeelte wil ik net zo smal hebben als de breedte van het logo.

De contentwrapper template.css regel 15 heb je nu te breed staan, de width: zou 700px moeten zijn. En om deze recht onder het logo te krijgen moet je toevoegen:
Jan

Pfffff, ze staan nu onder elkaar maar nu moet het hele handeltje nog naar rechts zodat ze mooi gecentreerd staan met : copyright ....... enz. helemaal onderaan.

Kun je me daar ook nog mee helpen please?

template.css
Het is natuurlijk wel riskant om je indeling af te stemmen op 1 beeldformaat.
Als je een heel groot beeld hebt dan blijft er weinig over, je zou dan kunnen denken aan procenten ipv aantallen px.

Jan

Hoi,

Ik heb het bovenstaande uitgevoerd maar dit gaat inderdaad niet lukken want ik pin me nu inderdaad vast op 1 scherm en als ik de site op een ander scherm bekijk (1440 x 900) dan staat de site naar links geplaatst.

Ik vind het eigenlijk een beetje moeilijk en vreemd ......

De site is gebaseerd op deze template ( demo.joomla51.com/0065/ ) maar degene voor wie ik de site maak heeft hem liever wat smaller zodat de achtergrond meer zichtbaar is.

Als ik je goed begrijp is dat dus alleen maar op te lossen door met % te werken maar hoe doe ik dat dan want ik blijf dit moeilijk vinden.

Bedankt voor je hulp !!!!

template.css
Ik denk dat het zo ongeveer in het midden staat, anders een procentje er af halen of toevogen.
Succes!

Jan

Ik heb wat zitten klungelen maar ik kom er niet helemaal uit.

Als ik nu op een scherm met resolutie 1024 x 768 kijk ziet het er goed uit maar als ik op een ander scherm kijk met resolutie 1440 x 900 dan ziet het er niet goed uit:

• de site staat naar links gecentreerd
• de menu balk staat niet in lijn met de site

Ik ben eigenlijk helemaal de draad kwijt .....

Het enige wat ik wil is de website wat kleiner maken zodat de achtergrond wat meer zichtbaar is maar het moet natuurlijk wel op alle resoluties er goed uitzien en daar heb ik nu mijn twijfels over.

Moeten we dit op een heel andere manier oplossen of hoe zou jij dit aanpakken?

Dag Bruce

Ik zou de oude situatie eerst herstellen! De oorspronkelijke css van het template. Beter ook nog het oude logo. Want van een duidelijke uitgangssituatie is al geen sprake meer en de kans dat veranderingen elkaar tegenwerken mogelijk is. Daarnaast verwacht ik dat het een lastige opgave blijft.

Jan

Hoi Jan,

We zijn de griepaanval weer te boven dus ik kan weer aan de site gaan werken.

Ik heb de "originele" css e.d. weer terug gezet en zou de site nu graag "iets" kleiner maken zodat de achtergrond beter zichtbaar is bij een resolutie van 1024 ..........

Zou je me kunnen aangeven hoe ik dit voor elkaar krijg please?

Hoi Bruce the Boss,

Zou je me kunnen aangeven hoe ik dit voor elkaar krijg please?

Neem even de volgende tip mee:

Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden addons.mozilla.org/nl/firefox/addon/firebug/?src=search ). Met deze tool kun je o.a. van ieder onderdeel van de site de css definities achterhalen en waar en in welk bestand ze staan. Tevens kun je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).

Bij Google chrome, kun je op de rechter muisknop drukken en vervolgens kies je element inspecteren.