Opmaak van het menu mbv images

[Mitchiej007]

Goedenmiddag,
ik heb een vraag. hopelijk kan iemand my hierbij helpen!
Ik ben met een project bezig met school voor een klant.
deze klant wilt dus dat een plaatje in het menu breder is dan het menu kolom.
zowel links en rechts.
links is gelukt. die steekt al een stukje uit. maar het gaat vooral over de rechterkant.
zodra ik dat heb ingesteld by me css dat hij rechts moet uitsteken dan valt myn tekst (de tekst die aan de rechterkant staat) over dat uitstekende gedeelte heen.

by de afbeelding die ik heb toegevoegd heb ik 2 rode cirkels getekend waar het een stukje moet uitsteken.
hopelijk kan iemand my hierby helpen.

mvg, Mitchell

 

[That Guy]

het zou handig zijn als je een link erbij zet naar je site, of de code plaats. Hier kunnen we niet zoveel mee.

 

[sunion]

Kan je je css eens posten?

Maar wat gebeurt er als je een padding langs rechts invoert?

 

[Mitchiej007]

#menu {
	background-color: #d1da59;
	position: absolute;
	top: 179px;
	width: 180px;
	height: 830px;
	margin-left: 12px;
	}
	#menu  .menu {
		background-image: url(../images/menubg.jpg);
		top: 45px;
		width: 200px;
		height: 45px;
		margin-left: -12px;
		background-repeat:no-repeat
		}	
	#menu .menu1 {
		font-size:13px;
		color: #24344a;
		margin-left: 12px;
		font-weight: bold;
		}
	#menu a {
		width: 140px;
		display: block;
		font-size: 11px;
		text-align: left;
		color: #24344a;
		text-transform: uppercase;
		text-decoration: none;
		border-bottom: 1px dotted #fff;
		padding-bottom: 8px;
		padding-top: 8px;
		font-weight: bold;
		margin-left: 25px;
		}	
	#menu a:hover {
		color: #cb3c3c;
		}	
	#menu .nieuwsbriefbox {
		width: 80px;
		display: block;
		font-size: 12px;
		color: #de6c45;
		padding-left: 25px;
		}
	#menu .nieuwsbrief {
		background-image:url(../images/Nieuwsbriefbg.jpg);
		width: 200px;
		height: 45px;
		margin-left: -12px;
		}

dit is de CSS code.
de site heb ik niet online staan.
ik zal even proberen die padding te proberen

 

[Mitchiej007]

de padding heb ik trouwens geprobeert... maar dat is niet gelukt.
iemand anders nog een nieuw idee?

 

[ErikBooy007]

Als je zorgt dat het uitstekende stukje deel uitmaakt van de achtergrondafbeelding zou je het volgende eens kunnen proberen. Voeg

overflow-x: visible;

toe aan het betreffende blok. Waarschijnlijk #menu .menu { . Not sure though...

 

[Mitchiej007]

Als je zorgt dat het uitstekende stukje deel uitmaakt van de achtergrondafbeelding zou je het volgende eens kunnen proberen. Voeg

overflow-x: visible;

toe aan het betreffende blok. Waarschijnlijk #menu .menu { . Not sure though...

dat is een goeie.
ik doe dat wel als een tijdelijke oplossing...
want het kan namelijk zijn dat er een drop-down menutje kan komen... en dan moet die afbeelding wel meeschuiven naar onderen... en niet statisch blijven staan.

 

[Mitchiej007]

ik heb et al gevonden!
ben bezig geweest met de css-code en ben beetje wezen klooien met de 'position'
had het Menu en de Tekst (rechts) allebei ingesteld met 'position: absolute;'
en nu heb ik alleen het menu als 'absolute' staan. en de Tekst als 'static'
dan valt ie er onder.

in ieder geval erg bedankt voor het meedenken!
hier kan een slotje op!:thumb: