In de style sheet zitten enkele fouten waardoor de layout menu niet goed loopt.

[Ferdi84]

Hallo,

Op mijn website zitten links en rechts menukolommen. Deze achtergrond daarvan loopt te ver naar beneden door waardoor ik ook geen onderkantafbeelding kan plaatsen onder de menukolommen om deze visueel af te sluiten met een zogenaamde .menu_bottom bestand.

Wie weet waar dit mee te maken heeft ik ben al een tijdje aan het zoeken hoe ik het op kan lossen of welk cijfertje ik moet veranderen. Kan iemand van hier mij daarmee helpen, en mag ik dan eventueel een klein screenshotje plaatsen van het geval. Dat geeft voor de gene die misschien kunnen helpen ook meer inzicht van wat het probleem zou kunnen zijn.

 

[tecsman]

Zo'n vraag laat zich het makkelijkst beantwoorden
als je een url van de betreffende site post.

 

[pum]

en natuurlijk mag je een afbeelding bijvoeggen + code daarvoor zijn we hier om je probleem op te lossen

 

[tecsman]

en natuurlijk mag je een afbeelding bijvoeggen + code daarvoor zijn we hier om je probleem op te lossen

Misschien goed om nog eens het volgende onder de aandacht te brengen;

Er bestaat een add-on voor Firefox en Chrome,
genaamd Web developer
http://chrispederick.com/work/web-developer/
en er bestaat voor Firefox ook een add-on genaamd Firebug
https://addons.mozilla.org/en-US/firefox/addon/firebug/

Met elk van deze tools afzonderlijk kun je een website helemaal binnenstebuiten keren
(html en css bekijken; informatie over images zien, afmetingen images, divs indelingen, etc, etc)
Specifieke kracht van Firebug: een druk op de knop [F12] en je hebt alles
Specifieke kracht van Webdeveloper: handige menu-opties voor validatie

Met andere woorden:
met deze tools in je browser opgenomen, heb je geen aangeleverde code meer nodig.
Die tover je zelf op je scherm.

 

[Ferdi84]

Zo'n vraag laat zich het makkelijkst beantwoorden
als je een url van de betreffende site post.

Heel erg fijn dat jullie mij willen helpen. Het gaat om de website http://www.criminaldaysandnights.nl/ (GÉÉN RECLAME).

Er zit een fout onderin de menu-kolommen links en rechts.
Als men ingelogd is kunnen leden een aantal menu-categoriën zien.
Vreemd genoeg is de afbeelding van het menukopje 'Leden' exact dezelfde als die van 'Algemeen'. Ik ben er al dagen mee aan het puzzelen geweest, maar heb er zelf bijna geen verstand van.

Daarom ben ik ook maar even hier aangekomen.
Ik hoop dat dit zo voldoende informatie verschaft. Anders kan ik altijd nog wat screenshot's e.d. hier plaatsen,...

 

[csshunter]

Hoi Ferdi84,
Een snelle oplossing voor de onderhoekjes van de linkerkolom is:

<img src="http://developerscorner.nl/csshunter/tests/images/menu_bottom-nw.png" 
   width="183" style="vertical-align: bottom;">

Toelichting:

• De breedte klopte niet helemaal met de kolom-breedte.
• De vertical-align is nodig om er geen paar px ruimte onder te krijgen.
• Nu blijft alleen in de hoekjes nog een mini-streepje over: dat is het background-img van de #left die door de transparantie van de hoekjes komt.
• Daarom het hoekjes-img zonder transparantie gemaakt, dan wordt ie er overheen geplakt en zie je dat niet.
• Voor de rechterkolom: van hetzelfde.

Met de Webdeveloper Toolbar die tecsman al aanraadde kan je het 1-2-3 online uitproberen.

Met vriendelijke groet,
CSShunter

 

[Ferdi84]

Hallo,

Hardstikke bedankt allemaal. Het programmaatje is erg handig. Maar ik wou graag nog even terugkomen op het volgende:

[*] De breedte klopte niet helemaal met de kolom-breedte.

Dit wilde ik dus heel graag aanpassen maar ik weet niet hoe ik dit voor elkaar moet krijgen. Ik weet dat het ergens in onderstaand stukje zit:

#left ul, #right ul { margin-top: 5px; }
#left ul li, #right ul li { display: block; padding: 0 0 0 20px; margin-top: -5px; padding-bottom: 5px; }
#left ul li a, #right ul li a { font-size: 12px; color: #fff; line-height: 20px; text-decoration: none; font-family: arial; }

Maar waar precies dat weet ik niet. Ik heb al eens een paar uur zitten puzzelen maar het lijkt mij handiger en heel erg veel tijdbesparender als iemand mij hiermee kan helpen. Via hier of gewoon op de site zelf.

Sorry foutje,
De fout zit in dit stukje:
#left, #right { float: left; width: 182px;
background: url('/layout/56037/menu_bg4trans.png') repeat-y center;
padding: 1px 10px; }