/    Sign up×
Community /Pin to ProfileBookmark

Everything was fine, until I moved the image, then the tiny logo at the bottom went u

Copy linkTweet thisAlerts:
Sep 16.2012

Everything was fine, but then I moved the image down a bit as it was to close to the top.
Only problem now is, the tiny logo at the bottom went to the top above the first image un derneath the paragaraph.

I had;;
.captionBox img {position:absolute:width:25%; top:400; left:330px; z-index-1;}
.captionBox p{position:relative;bottom:10px; left:20px; z-index:1; color:gold; font-size:30px; width:900px; text-align: center;}

#LOGO4 {position:absolute;left:30px;}
I then changed the attribute in the.captionBox img{top:400px} (the px infront of the 400) Then the logo at the bottom moved above the Image.

Then I changed #LOGO4 to {position:absolute;float:bottom;left:30px;top:700px;}

<p><img src=”../Pictures/logo4.png”;width=”30″ height=”40″ alt=”LOGO4″.png”; class=”LOGO4″/>

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@rtretheweySep 16.2012 — First, lose the semi-colons from your HTML. HTML attributes use parameter_name="value". CSS uses colons and semi-colons, but they would only appear in your HTML if you were setting the 'style' attribute on an HTML element and it contained more than one CSS instruction.

Second, post the code for the page or a link to your code. CSS positioning depends on the styling of the page as a whole, so it's impossible to see the problem based only on some snippets.

Third, spend some time learning the fundamentals of HTML and CSS. You'll waste an enormous amount of time and energy just trying things until the seem to work rather than truly understanding them.
×

Success!

Help @wildguy2 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.2,
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: @Yussuf4331,
tipped: article
amount: 1000 SATS,

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

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...