CSS widgets and alignment messed up
-
robcp1.wordpress.com
i’m redoing my css all over again but the words go into the widgets and the comments link is half showing so how do i line up to where u can see the post words and comments link? -
It used to not do that i removfed my css codes and then nothing shows at all and its messed up and i cant get it like it used to be
-
I tried this css:
#menu ul li {
background-color:black;
border-bottom:3px solid blue;
border-left:3px solid red;
border-right:3px solid red;
border-top:3px solid blue;
color:White;
font:11px “Comic Sans MS”, sans-serif, , serif!important;
letter-spacing:1px;
margin-top:10px;
text-transform:uppercase;
-moz-border-radius:10px;
border-style:dotted;
padding:4px 0 0 5px;
}
#menu ul li:hover {
background-color:black;
border-bottom:3px solid red;
border-left:3px solid blue;
border-right:3px solid blue;
border-top:3px solid red;
color:blue;
font:13px “Trebuchet MS”, sans-serif, , serif!important;
letter-spacing:1px;
margin-top:10px;
text-transform:uppercase;
-moz-border-radius:10px;
border-style:dotted;
padding:4px 0 0 5px;
}#header a {
background-color:#000000;
border-bottom:1px dotted #FFF0000;
font-family:’, sans-serif, serif;
border-right:1px dotted #000000;
width:94%;
border-left:3px dotted #000000;
display:block;
color:#7F38EC;
background-image:url(http://robcp1.files.wordpress.com/2008/08/robcp1-header.png);
padding:40px 30px 20px 20px;
}
#header a:hover {
background-color:#FFFFFF;
display:block;
color:Red;
background-image:url(http://robcp1.files.wordpress.com/2008/08/headerawesomespecial.png);
}body,#content,#menu,#rap {
color:blue;
background-color:#00000;
background-image:url(http://img28.picoodle.com/img/img28/4/7/24/f_cssbckgm_e97ba9a.gif);
font-style:normal;
}h2:hover {
background:black;
font:bold 100% Verdana, sans-serif, Verdana, Times, serif;
width:98%;
text-align:center;
background-color:#FFFFFF;
display:block;
color:Red;
background-image:url(http://robcp1.files.wordpress.com/2008/09/cssbgg.png);
border-style:double;
margin:2px;
padding:2px;
}
h2 {
background:black;
font:bold 100% Times New Roman, sans-serif, “Times New Roman”, Times, serif;
width:98%;
text-align:center;
background-color:#FFFFFF;
display:block;
color:Red;
background-image:url(http://robcp1.files.wordpress.com/2008/09/csdsbg.png);
border-style:double;
margin:2px;
padding:2px;
}#commentform textarea {
font:bold 20px “Times New Roman” sans-serif;
width:305px;
color:#893BFF;
border-top:3px solid #893BFF;
border-right:3px solid #893BFF;
border-bottom:3px solid #893BFF;
border-left:3px solid #893BFF;
border-style:Dotted;
}
#commentform textarea:hover {
font:bold 20px “Times New Roman” sans-serif;
width:305px;
color:red;
border-top:3px solid red;
border-right:3px solid red;
border-bottom:3px solid red;
border-left:3px solid red;
border-style:dotted;
}#menu ul ul {
background-color:white;
border-bottom:3px solid white;
border-left:3px solid white;
border-right:3px solid white;
border-top:3px solid chartreuse;
font-size:14px;
line-height:100%;
margin-left:-5px;
padding:6px 0;
}
#menu ul ul li,#menu ul ul ul li {
background-color:black;
border:0;
font:normal normal 70%/115% ‘Times New Roman’, sans-serif!important;
letter-spacing:0;
text-transform:capitalize!important;
margin:0;
padding:0;
}#menu ul ul li acronym,#menu ul ul li abbr {
color:chartreuse;
}#menu ul ul li a:hover {
background-color:black;
}
#menu ul ul li a:active {
background-color:white;
color:silver;
}p {
color:chartreuse;
}
a {
color:chartreuse;
}
a img {
border:3px ridge chartreuse;
}
a img:hover {
border:3px double white;
}
a:hover {
color:white;
}And now the widgets are at bottom my css is ruined somone please help me
-
Only a couple of people here are well versed in CSS and as you know, there is no official support for CSS. You’ll have to wait until one of the CSS gurus shows up.
The widgets are on the side when I look at your blog but I see that one of the photos is too wide for the widget – the one for SCH5’s site
-
-
-
I believe, in fact… I’m pretty sure, you don’t have the CSS upgrade…
Where are you placing the code you posted above?
Also, there is no “chartreuse” color…
In summary, nothing in your code above is being applied…
-
chartreuse is a green it shows up the code i put in madfe everything mess up and im about to quit since nobody is helping i bought css to so……..
-
No, there’s not much help for CSS. But you can start by answering devblog’s questions one by one.
-
And you must have just bought it because it wasn’t there before. As for your colors on your site …. to each his own.
BTW – don’t diss devblog. He’s one of the couple of people around here who really do know CSS. You might need him someday.
-
Ok on the widgets on the hover codes it shows on the css but when i visit my site it doesnt hover to the colors and stays the same so somethings wrong
-
FWIW, I don’t know what you’ve done to the sidebar, but it’s nearly impossible navigating and selecting anythign on it.
-
im using a differnt computer then usual i think somethings wrong with my computer because it was fine on the other il see later for now il just remove the css codes until i get back to the othe computer thanks for all that helped me im sorry its just i got a little mad but thanks :)
-
Well, take a time out for a day or so and maybe when you come back to this thread someone will ahve some more answers for you, or at least more questions.
-
Thanks Vivian.
Regarding the color, I’ve never heard of it before… I learned something new today.
Now, to the issue at hand.
I NOW can see your code and the changes on your blog. Kinda messy code you have there, btw. It seems you grabbed beats and pieces from here and there…
I’m pretty sure you’re using Internet Explorer, and that’s why you can’t see your styles being applied. Internet Explorer doesn’t understand certain pseudo classes as other browsers do (i.e. li:hover). Firefox does and like Carocat said, the “effects” your giving to your links on your sidebar makes them very hard to select. You might want to consider making them more accessible.
There are many things that need to be fixed in your code, but like I said, it’s messy and right now I don’t have the time to clean it up. If you’re willing to wait, I might have something for you by Friday along with some suggestions.
-
ok thanks thats really helpful im sorry i was mean i was just kinda fustrated and il try firefox to see if it works thanks
-
It worked!
wow its all messed up
i had that code but broken down but deleted it cus i thought i messed it up but all along it was the browser the way it looks alot of that i never saw when i had the code last time
il try and fix it but i bet you could do better then me -
Somehting bad is when i go back to my other computer in the other state i dont have firefox so i dont know how im ever gonna see my CSS like i need to to edit it right
-
- The topic ‘CSS widgets and alignment messed up’ is closed to new replies.
WordPress.com Forums 
