help with code??? (7 posts)

  1. kstavert
    Posted 2 years ago #

    I know enough code to insert photos or links...

    I am helping a friend .... moved their site and
    changed it from a weebly site to WP...

    I just copied all of the html and inserted it
    into the wp pages...

    I am pretty sure that there is a tonnnnnnnn of
    extra code and don't have the time, etc to remove
    what's not necessary....

    One of the pages (sponsors) is set up with columns
    - which is great....

    However, after I added all of the logos to each
    of the sponsors copy, stray words are sticking out
    of the side of the logos... or running into other

    this is the code that's used for each of the
    sponsors...(I now REALLY see the benefit of
    using CSS :)

    <h2 style="text-align: left;"><a><span style="color: #000000;">PowerMadd</span></a></h2>
    <span style="float: left; z-index: 10; position: relative; ;clear: left; margin-top: 0px; *margin-top: 0px;"><a href="http://www.powermadd.com/"><img src="http://almostarace.com/wp-content/uploads/2013/10/Project1.png" style="margin-top: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 10px; border-width: 1px; padding: 3px;" alt="Picture" src="/uploads/3/1/8/5/3185723/6843323.jpg" /></a></span>
    <div style="display: block; font-size: 90%; margin-top: -10px; margin-bottom: 10px; text-align: center;"></div>
    <div class="paragraph" style="text-align: left; display: block;">

    I will greatly appreciate if someone
    would tell me what to add (or delete)
    from this code (same for all except
    the url/company name) so that the
    logo will be above the text - about
    20 px padding between the logo and

    I guess, what is happening is that
    the text is wrapping around the side
    of the image..

    thank you many bunches

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Can't answer something like this without seeing the site.

  3. kstavert
    Posted 2 years ago #

  4. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Yeah, that's quite a mess (sorry - yes, using external CSS would definitely be a a better way to go) - but see if adding "clear" to this works:

    <div class="paragraph" style="text-align: left; display: block; clear: both;">

    You'll have to do it for each one.

  5. kstavert
    Posted 2 years ago #

    I thank you many bunches...will give this a whirl

    I looked for plugins that would help me set things
    up in columns and wasn't able to figure them out....

    so, for now, we have the mess

    does it matter where I put this code?

  6. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Yes, it has to go in the inline CSS for each paragraph that you want to go below a floated image.

  7. kstavert
    Posted 2 years ago #

    thank you so very much... it worked like a charm

    my eyes are crossed now from wading through all
    of that code....

    I will work on setting it up with CSS...

    again...thanks so very much

Topic Closed

This topic has been closed to new replies.

About this Topic