help with code???

  • 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
    columns…

    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="https://www.powermadd.com/"><img src="https://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
    text…

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

    thank you many bunches

Viewing 6 replies - 1 through 6 (of 6 total)

  • Can’t answer something like this without seeing the site.

    Thread Starter kstavert

    (@kstavert)

    OK..sorry
    https://AlmostaRace.com

    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.

    Thread Starter kstavert

    (@kstavert)

    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?

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

    Thread Starter kstavert

    (@kstavert)

    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
    Karen

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘help with code???’ is closed to new replies.