Skip to main content
Inspiring
May 18, 2017
Question

Some editing issues with css template

  • May 18, 2017
  • 1 reply
  • 279 views

Hello, I am building a site off of one of the Dreamweaver CSS templates. I have gotten to a point that I cannot make the edits I want and don't know why as listed below.

http://new.adtsrc.org/staff.html
On this page, I am trying to left justify the Director photo (placeholder), but it will not allow me to do it.

Http://new.adtsrc.org/who
Trying to change the color of the links in the body to match surrounding text. I was able to do it in page properties, but it ends up changing the color of navigation links as well.

http://new.adtsrc.org/board
Here, I am trying to add an image to the right of the text. Also, when I view this page on a mobile device, all of the text moves to the far left and shrinks.

I am looking for not just the correction, but also why it is happening so I can better my understanding of this css. Thanks in advance for your responses.

Kevin

    This topic has been closed for replies.

    1 reply

    Jon Fritz
    Community Expert
    Community Expert
    May 18, 2017

    1. Add float:left to the <img> in your css to align it to the left of the text (if that's what you mean by justify). HTML alignment attributes are not used for this in the vast majority of cases. Add a little padding to move it away from the text.


    2. To change link colors, you'll need to target your <a> tags with a css selector, since the browser gives default colors for them. Something like...

    .left_article a {

    color:#b3b3b3;

    }

    ...will only affect <a> tags in your left_article <div>. You can also set the visited, hover, and active (in that order) states...

    .left_article a { }
    .left_article a:visited { }
    .left_article a:hover { }
    .left_article a:active { }

    3. You would likely use a float:right setting on an image in the left_article <div>, but I'm not 100% sure exactly what you're going for there either.

    A good reference site for css would be http://www.w3schools.com/css there's a tutorial there that will help you with this type of issue.

    Kevin E.Author
    Inspiring
    May 18, 2017

    Thank you Jon. I tried to send you a direct message. Can you email me at kevin(at)keystonemkg.com? Thanks.

    Jon Fritz
    Community Expert
    Community Expert
    May 18, 2017

    I prefer to keep everything on the forum itself, that way other users with the same or similar issues can get the help they need and other contributors here can add other methods that may ultimately be better than what I've suggested.