Skip to main content

Forums

Forum Replies Created

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • in reply to: WordPress Images won’t load #65205

    i9mickey
    Member

    Ok, so an update….

    So I was really screwing up some things with my style sheets, but I got that figured out.

    The issue with the images was resolved, but only through the use of absolute paths. I wasn’t able to use relative paths from the header.php file within my theme. I’ve done it before, so I’m not really sure what the problem was.

    in reply to: [Solved] Background hover #63463

    i9mickey
    Member

    ikthius,

    Thanks for all the help. That really got it. I had to adjust nudge it a bit, but it’s looking great. Looks like most of my issues had to do with height and padding. Also, I think maybe the relative positioning.

    Anyways, I’m off and running. Thanks for the help!

    in reply to: [Solved] Background hover #63033

    i9mickey
    Member

    Wow. I see how I confused you. Very sorry. I had taken out the images on the Vision Health site because I hadn’t been able to figure it out. Let’s just concentrate on that site as I’m sure I’ve just duplicated the problem on the other one.

    http://www.i9creative.com/vh/

    So I’ve put the images back in, and I’ve made the height of the nav bar the same size as the light blue bar, but I’m a little confused on what you mean by ul them to the right but center the text.

    At any rate, the image is still confining itself to the width and height of the text within each li, so I’m still doing something wrong.

    And thank you Ikthius for answering me. I appreciate it very much.

    mickey

    "ikthius" wrote:
    main menu at top right of the page???

    looking at the css it does not have any images…… is this correct?

    I am kind of confused on what your asking for when there is not image there

    looking at your css I would make the navbar the same size as the main lightblue bar, then ul them to the right but centre the text. then on hover change the background, which is the same size as the bar…..

    so I hope you can see I am telling you to work on sizes, from the navbar down to a more specific element…..

    on a side note……. why are you linking to 2 different pages? this defeats the purpose of asking a problem in one site. if you have the same problem on both sites, then you are doing something majorly wrong with your code or just copying it and changing colours

    in reply to: [Solved] Background hover #63003

    i9mickey
    Member

    bump

    Anybody out there?

    in reply to: [Solved] Background hover #62977

    i9mickey
    Member

    I am just not getting this technique. Can somebody help me figure out what I’m doing wrong.

    It’s really hard to tell on this one, but you can see that the background image is confining itself to the width of the words in each

    Code:

. I’m trying to make the background look a little wider than each menu item, and as tall as the menu bar.

http://www.i9creative.com/blog

Thanks in advance for any help.

in reply to: Drop Down menus CSS #62303

i9mickey
Member

Thanks apostrophe, that got me on the right track. I still had some mucking about to do, but you got me in the neighborhood. And that’s just what I needed. :D

in reply to: [Solved] First WordPress Skin help… #62004

i9mickey
Member

apostrophe!

That’s it! We have a winner! :)

That’s just weird. Yeah, I don’t know why it works, but you nailed it. Thanks!

in reply to: [Solved] First WordPress Skin help… #61990

i9mickey
Member

Thanks for the reply. I’m pretty sure I understand what you’re saying, and I tried it, but it doesn’t seem to be working. I’ve been using CSS for awhile now, but I still think of myself as an amateur a lot of the time. If you don’t mind, I’d like to show here what I did and see what you think might be the problem.

Code:
#sidebar-inside ul li a:link {
color:#7F4300;
text-decoration:underline;
}

#sidebar-inside ul li a:visited {
color:#7F4300;
text-decoration:underline;
}

#sidebar-inside ul li a:hover {
color:#F47B20;
text-decoration:none;
}

#sidebar-inside ul li a:visited:hover {
color:#F47B20;
text-decoration:none;
}

Also, the thing I don’t understand is that the link should have worked right anyway because the "inside" div was within the "sidebar" div, so it should have inherited the CSS from that, right? Your Russian doll analogy is a good one, but is that how it works for the heirarchy? If I have 3 divs nested inside each other and the first div sets the CSS rules for links, then shouldn’t the nested divs follow suit?

And this is how it used to look.

Code:
#sidebar a:link {
color:#7F4300;
text-decoration:underline;
}

#sidebar a:visited {
color:#7F4300;
text-decoration:underline;
}

#sidebar a:hover {
color:#F47B20;
text-decoration:none;
}

#sidebar a:visited:hover {
color:#F47B20;
text-decoration:none;
}

Again, thanks for the help. I do appreciate it.

in reply to: Copying Chris #60621

i9mickey
Member

Whooo hoo! Now it’s rolling over and everything. Ok, so I’m not just too dumb, but something funny happened. Why is it that when I changed the order of the CSS things started working fine again?

in reply to: Copying Chris #60617

i9mickey
Member

Hmmm. Well, I’m kinda dumb, so bear with me, but this is what I have in my css file. It should at least be enough to put the frame around the button and give it a background, right? Please be patient with me. Sometimes I think I’ve got some of this CSS down and then I run into the smallest thing that gives me a headache. :? :oops:

I just did some more digging and here’s what I found… This is what I first had in the CSS file…

Code:
@charset “UTF-8”;
/* CSS Document */

/* Start Structure */

* {
margin:0;
padding:0;
}

html {
overflow-y:scroll;
}

body {
-x-system-font:none;
background:#4C4C4C none repeat scroll 0 0;
font-family:Georgia,Serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

#page-wrap {
margin:0 auto;
width:960px;
}

.floatLeft {
float:left;
}

.floatLeft {
float:left;
}

.clear {
clear:both;
}

.inside {
border:1px solid #999999;
padding:10px;
}

.inside img {
border:1px solid #666666;
display:block;
margin:0 0 10px;
width:480px;
}

/* End Structure */

/* Start Text Styles */

.inside h2 {
color:#111111;
font-size:36px;
font-weight:normal;
margin:0 0 8px;
}

.inside p {
color:#999999;
font-size:12px;
}

p {
margin:0 0 12px;
}

h1, h2, h3, h4 {
-x-system-font:none;
font-family:Georgia,Serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 12px;
}

h4 {
font-size:17px;
}

#header ul {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:10px 0 0;
text-align:right;
width:400px;
}
#header ul li {
display:inline;
}
#header ul li a {
background:#7E7E7E none repeat scroll 0 0;
color:white;
letter-spacing:2px;
margin:0 0 0 10px;
padding:3px 10px;
text-transform:uppercase;

/* End Text Styles */

/* Start Elements */

.button {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border:1px solid #CCCCCC;
color:#333333;
padding:4px 10px;
background-attachment: scroll;
background-image: url(images/menu-rollover.jpg);
background-repeat: repeat-x;
background: transparent;
}

.button:hover {
background-position:left bottom;
}

#thisone a {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:transparent url(images/menu-rollover.jpg) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
color:#FFFFFF;
padding:4px 10px;
}

#rounded {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
height: 175px;
width: 350px;
border: thin solid #00FF33;
}

/* a img {
border:medium none;
}

*/

/* End Elements */

But the area that I’ve called "Elements" was not showing up in firebug as if it hadn’t uploaded at all. I cut that piece out and placed it between the Structure and Text sections and it worked all of a sudden. So I’m guessing there was an order issue with the CSS. I must have had something after something it should have been before. (Boy does that sound confusing.)

I’ll keep working on this. At least I’m getting rounded corner elements and the button has a background now.

Viewing 10 posts - 1 through 10 (of 10 total)
icon-link icon-logo-star icon-search icon-star