[CSS] Tekst rechts zetten

Gestart doorEwan31 mei 20115 reacties38 weergaven

6 berichten · pagina 1 van 1

Lid · Topicstarter

Berichten: 8.302
Reputatie: 0
Punten: 0,00

Lid sinds: 2011
Laatst gezien: 12 jan 2019

31 mei 2011, 17:12

Hey,

Ik heb op http://ewanoomen.nl/v2 een balk.

Nou wil ik dat die social network icontjes rechts komen.

Dit is mijn CSS:

body {
background-image: url(images/bovenbalk.png);
background-repeat: repeat-x;
background-color: #FFFFFF;
font-family: Calibri;
font-size: 13px;
margin: 0px auto;
padding: 0;
}

p#menu {
font-family: Calibri;
font-size: 13px;
margin-left: 7px;
margin-top: 3px;
position: absolute;
}

p#social {
font-family: Calibri;
font-size: 13px;
margin-right: 7px;
margin-top: 3px;
text-align: right;
position: absolute;
}

En HTML

<html>
<head>
<title>V2</title>
<link rel="stylesheet" href="style.css" type="text/css" /> 
</head>
<body>
<p id="menu" ><b><img src="http://www.aandelencheck.nl/images/icon-linkout.gif" />&nbsp;&nbsp;&nbsp;EwanOomen&trade;&nbsp;&nbsp;&nbsp;Portofolio&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link</b></p>
<p id="social" ><img src="http://www.oldebroek.net/gfx/twitter.png" />&nbsp;<img src="http://c670.r70.cf3.rackcdn.com/wp-content/uploads/2011/02/facebook.png" />&nbsp;<img src="http://careline.equint.info/wp-content/themes/careline/images/hyves.png" /></p>
</body>

Alsvast bedankt!
Ewan

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

31 mei 2011, 17:20

css:

body {
background-image: url(images/bovenbalk.png);
background-repeat: repeat-x;
background-color: #FFFFFF;
font-family: Calibri;
font-size: 13px;
margin: 0px auto;
padding: 0;
}

p#menu {
font-family: Calibri;
font-size: 13px;
margin-left: 7px;
margin-top: 3px;
float:left;
}

p#social {
font-family: Calibri;
font-size: 13px;
margin-right: 7px;
margin-top: 3px;
text-align: right;
float:right;
}

html:

<html>
<head>
<title>V2</title>
<link rel="stylesheet" href="style.css" type="text/css" /> 
</head>
<body>
<p id="social" ><img src="http://www.oldebroek.net/gfx/twitter.png" />&nbsp;<img src="http://c670.r70.cf3.rackcdn.com/wp-content/uploads/2011/02/facebook.png" />&nbsp;<img src="http://careline.equint.info/wp-content/themes/careline/images/hyves.png" /></p>
<p id="menu" ><b><img src="http://www.aandelencheck.nl/images/icon-linkout.gif" />&nbsp;&nbsp;&nbsp;EwanOomen&trade;&nbsp;&nbsp;&nbsp;Portofolio&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link&nbsp;&nbsp;&nbsp;Link</b></p>
</body>

Ewan

Lid · Topicstarter

Berichten: 8.302
Reputatie: 0
Punten: 0,00

Lid sinds: 2011
Laatst gezien: 12 jan 2019

31 mei 2011, 17:32

Bedankt,

Hier kan een slotje op!

Marjolein krijgt 0,03 voor de moeite en om mijn saldo afteronden

Kyron

Lid

Berichten: 3.314
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 12 jun 2025

31 mei 2011, 17:49

Geef haar 0,05 en geef mij de rest om het af te ronden

Css is hier idd de beste oplossing

Ewan

Lid · Topicstarter

Berichten: 8.302
Reputatie: 0
Punten: 0,00

Lid sinds: 2011
Laatst gezien: 12 jan 2019

31 mei 2011, 18:52

Dat snapte ik ook al wel, maar het lukte me niet.

Nu heb ik een nieuw probleem. Hoe zorg ik dat bij die social network icontjes die rand van de link verdwijnt? text-decoration: none; werkt niet. (zelfde pagina nog steeds)

Marjolein

Lid

Berichten: 15.446
Reputatie: 0
Punten: 0,00

Lid sinds: 2008
Laatst gezien: 21 dec 2020

31 mei 2011, 19:27

zet dit in je css:

img {border:none;}

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.