[img] wordt niet goed geplaatst

Door Chris op 24-08-2007 13:03

1.661 views

Goedemiddag,,

Ik wil in mijn layout waar ik weer mee verder ben gegaan onderin van die plaatjes zetten, zoals php-powered en dergelijke.

hoe dan ook, in de footer van mijn layout wil ik alle tekst en plaatjes ongeveer op dezelfde lijn, zie dit plaatje.

Mijn vraag dus, moet ik dit nou via css doen? (zoja, zal ik hier dan wat code plaatsen?)

Ik hoop dat jullie me kunnen/willen helpen..

Alvast bedankt,
Chris

W Winston Smith

24-08-2007 13:08

Ja, met CSS kan dat. Beetje met padding en margin spelen :)

C Chris

24-08-2007 13:10

Het probleem alleen is, is dat als ik dat doe, de tekst en het plaatje niet gelijk lopen.



                 Plaatje hier
tekst hier

en anders

                 Tekst hier
plaatje hier
                  of hier :S

[edit]in code tags gezet[/edit]

W Winston Smith

24-08-2007 13:15

Dan doe je het niet goed? :P

Je kan de tekst ook in een span stoppen, dat werkt misschien makkelijker?

Hoe heb je de code nu, incl. css?

C Chris

24-08-2007 13:17

HTML :


				<div id="footer">
					
					<div id="copyleft"><p>&copy; 2007 <a href="http://hosting.scriptersdomein.nl/">Zeeuwse-Hosting</a></div>
					<div id="copyright"><p><a href="?p=5">Disclaimer</a> <img src="images/php.png" width="80" height="15" alt="PHP-Powered"></div>
				
				</div>

CSS :


#copyright {
	float:right;
	width:278px;
	background-color:#2D65FF;
	height:27px;
	padding-top:5px;
}

#copyright p{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	padding-right:35px;
}

#copyright a{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

#copyright a:hover{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#copyright img{
	padding-top:5px;

}

Het kan heel goed dat ik iets fouts doe, ik ben geen css expert :P

Bedankt voor je hulp Kasper!

N Niek Ha

24-08-2007 14:53

[edit]Srry las niet goed :) [/edit]

C Chris

24-08-2007 15:26

:( weet niemand wat ik kan doen?

W Wouter K

24-08-2007 17:10

#copyright p{
font-family:"Trebuchet MS";
font-size:11px;
color:#fff;
font-weight:normal;
text-decoration:none;
text-align:right;
padding-right:35px;
height:20px;

Probeer het zo eens..
Pas dan ook overal in die balk die height aan..
(Stel het af op gewenste hoogte)

MVG
[edit]
(en ??)
[/code]

C Chris

24-08-2007 17:35

Nee, precies hetzelfde :(

W Wouter K

24-08-2007 17:38

font-height: 20px;
Laatste gok voeg dit toe..
aan de copyright p.

als het toch aan de tekst ligt..
Anders ga ik een gok wagen op de plaatjes maar zet mss beter je tekst gelijk met img en niet de img met tekst

heb je al met deze padding en margin gespeelt
daar bedoel ik mee..als je er mee speelt geef dan eens een overdreven px op

#copyright img{
padding-top:150px;

}

V Vincent

24-08-2007 17:47

probeer is met line-height: (hoogte van div)px; gewoon in de div zetten

Reageren

Inloggen om te reageren