/    Sign up×
Community /Pin to ProfileBookmark

Image right in block?

What do I have to do so the image (foto) fits right in block (link)?

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
http://www.w3.org/TR/html4/strict.dtd“>

<HTML>

<head>
<meta http-equiv=”content-type” content=”text/ html; charset=UTF-8″>
<title>Eduard Lid</title>
<link rel=”stylesheet” type=”text/css” href=”ex1.css”>

</head>

<body>

<div class=”english”>
<a href=”http://www.hospedajenicolas.com”><img src=”http://api.ning.com/files/h4TCXOcjBYcD*p38zBBShgNoYDPQAmuV0B6zyz7JLWOAQX8Gi*rZuZa6l9tW13Pvf-RYrknbj7mDM*49VRoLM1QJV*cNpvlk/americanflag.gif” alt=”english USA” class=”english”></a>
</div>
<div class=”argentinian”>
<a href=”http://www.hospedajenicolas.com”><img src=”https://www.cia.gov/library/publications/the-world-factbook/graphics/flags/large/ar-lgflag.gif” width=”80px” height=”50px” alt=”argentinian” class=”spanish”></a>
</div>
<div class=”profile”>
<a href=”http://www.viadeo.com/profile/002ekcix9uwsukt/es/?readOnly=true&ga_from=Fu:/tableaudebord/accueil/index.jsp;Fb%3Atopmenu%3BFe%3AL2%2Bdrop_see%3B”><img src=”I.JPG” width=”66px” height=”88px” alt=”I” class=”profile”></a>
</div>

<div class=”equal”>
</div>
<div id=”content”>
<img width=”320″ height=”256″ align=”left” style=”border-right:2px solid grey” src=”camara 2011 049.JPG” id=”lake” alt=”lake”>
<img width=”320″ height=”256″ align=”right” style=”border-left:2px solid grey” src=”me.JPG” id=”me” alt=”img Eduard Lid”>
<p>webdesign dise&#241;ador de sitios web</p>
<p>database base de datos</p>
<p>translator traductor</p>
<p> spanish german ingl&#233;s alem&#225;n
<br>
<br>
<br>
<br>
<h2 style=”text-align:center;font-family:verdana,helvetica,sans-serif; color:#000000;”>Eduard Lid</h2>
</div>

</body>
</HTML>

*{
margin:0px;
padding:0px;
}

.equal
{
border-style:solid;
border-width:0;
border-bottom-width:0;
border-color:#808080;
margin:5px;
height:195px;
}

.english
{
border-style:solid;
text-decoration:none;
display:block;
border-width:0;
width:80px;
height:50px;
}

{
a:hover,a:active
background-color:;
}

.argentinian
{
background-color:
border-style:solid;
border-width:0px;
text-decoration:none;
display:block;
border-width:0px;
width:80px;
height8%;
}

{
a:hover,a:active
background-color:
}

.profile
{
display:block;
color:#FFFFFF;
background-color:#FFFFFF;
text-align:center;
border-style:solid;
border-width:0px;
width:67px;
height:88px;
padding:7px;
}

{
a:hover,a:active
background-color:;
}

body
{
background-color:#9370D8
}

#content
{
background-color:#F8F8FF;
border-style:solid;
border-color:#808080;
height:256px;
border-width:4px;
font-family:verdana,arial,sans-serif;
}

p
{
white-space: pre;
}

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@nap0leonFeb 29.2012 — No clue where "foto" or "link" are in your HTML...

I do see an issue with the content in the "profile" div. Perhaps that is what you are talking about:
<i>
</i>&lt;div class="profile"&gt;
&lt;a href="http://www.viadeo.com/profile/002ekcix9uwsukt/es/?readOnly=true&amp;ga_from=Fu:/tableaudebord/accueil/index.jsp;Fb&amp;#37;3Atopmenu%3BFe%3AL2%2Bdrop_see%3B"&gt;
&lt;img class="profile" width="66px" height="88px" alt="I" src="I.JPG"&gt;
&lt;/a&gt;
&lt;/div&gt;


To fix this, you either have to remove the 7 pixels of padding on ".profile" or make the profile div larger. As it is now, the image is 66x88. Add 7 pixels of padding on all sides, and the image takes up 80x102, but your profile div is sized at only 67x88.
Copy linkTweet thisAlerts:
@asaauthorFeb 29.2012 — Ok, this was indeed the problem!

But another reason was (again!) that I wrote many times .jpg instead of .JPG!
×

Success!

Help @asa spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.30,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...