Discussions
I NEED HTML HELP!!
Posted by devilsfan • 7/17/09 • Subscribe to this Discussion [RSS] • Report This Topic
Topics: archive, code, Help, html, templates
I just switched over to a new template that I am VERY happy with. The problem is, it did not come equipped with an "archive" function...I know weird huh? Anyhow, I FINALLY figured out how to get an archive in there, but now it is doing something weird to the layout...barely noticeable, but it drives me nuts!! Please, if there are any html geniuses out there, take a look at how it pushes out the right side of the column (on that widget only). And give me some ideas.
THanks
retailbizblog.blogspot.com
User Comments
-
Can u be more specific?-
This:
-
Ya kinda have to see it. But the background color of the sidebar is lt. gray. The widget background colors are a darker gray. Where the archive cascades down as it's margin increases, the dark gray portion pushes out into the lt gray portion leaving a bumpy right side, and small lt gray dots in the widget background... is that good enough?
-
Friday13's got it!! Thanks friday13!! Now can anyone help? PLEASE!!!!:-) it's worse if you hit june, cause the titles are all different lengths
-
-
Okay, if you can edit the CSS for the archive widget, find these and add the bold stuff as shown:
.BlogArchive #ArchiveList ul {
border-width:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:160px;
background:none;
}
and
#sidebar ul ul ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
margin:0;
width:auto;
list-style-type:circle;
-
Oh, wait. The second thing (sidebar ul ul ul) is in your blog's template, not in the widget CSS. Just need to add that last line.
Remember, you can use whatever list bullet you prefer (circle, disc, square, etc) for the archive. The titles need something to tell them apart, you know!
Hope I didn't confuse you with that. -
Ok, I know what you are saying, the only problem is that is not how i have it written(that is not in the widget code). I am gonna have to figure it out. You did tell me though where to look, and now I think I can get it! Thanks!!
-
The widget one is in a file called 2446921439-widget_css_bundle.css, if that helps any.
-
-
GO create another blog & you'll get a code for archive.. copy paste it & you are done,-
That's actually such a sensible idea. -
LOL
it is but he'll get a fresh code for his old blog 
-
The archive is there already (see image). It's just stylesheet issues.
-
oic F13 LOL
-
-
If you haven't figured it out yet, send me your xml file at junkmail@auctionblot.com and I'll help you out.-
And if you don't know where to find your .xml file, go to the "Layout" tab and click "Edit HTML" then click the link that says "Download full template" and then send that file to the email address I provided above.
-
-
Okay, found something that should be definitive.
In the widget CSS (2446921439-widget_css_bundle.css), find and add the following:
.BlogArchive #ArchiveList ul {
border-width:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:160px;
background:none;
}
.BlogArchive #ArchiveList ul.posts li {
padding-left:1.3em;
list-style-type:disc;
}
Which should result in this:
See?
The other fix didn't work as I thought, but that's what happens when you provide tech support after midnight
(note that if you can't find the file, or if the fix doesn't work, I recommend doing what trailofpen says ... might be easier!)-
Holy **** That looks great!! Now I gotta see if I can find it! I can read and edit HTML, but I have really no idea how to write it! To get my archive in the first place i pretty much did what dosox said. I will see if I can find it again,but this part
.BlogArchive #ArchiveList ul {
border-width:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
did not exist in the widget code that I am looking at. I will try one more time, if I can't ....trailofpen...you may need to check your email!! :-)
Thanks everyone for the help, I really appreciate it!! -
Yeah, it doesn't exist because it's a .css file that you can't access, which is a general pool of generic styles for all blogger widgets. If you still can't fix it, send me an email. There's also a rendering problem in IE8 where your sidebar content is shifted to the right and out of your column background, which also happens in some other browsers, so I can try and help you fix that also.
-
Ah. I should've known. Evil Blogger!
-
-
Thanks heavens! I found this thread... I got a strange problem with my footer. If you check out www.writeawriting.com/ I just cant get to stretch the background n the black bar... I'll copy my css code for footer and footer.php
Please if anyone can help me with this... as the footer looks so ugly
CSS CODE:
#footer_box
{
float: left;
width: 314.5px;
height: 350px;
padding: 5px;
background-color: #A90000;
color: #FFFFFF;
border: solid 1px #A90000;
}
#footer_top_bar
{
width: 1000px;
background-color: #000000;
height: 14px;
}
#footer_bottom_bar
{
clear: both;
float: left;
width: 963px;
background-color: #000000;
color: #999999;
height: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding-left: 15px;
padding-top: 7px;
}
Footer
© 2008-2009 Write a Writing. All Rights Reserved.
-
Boy, I'm dooming myself to ... ahem, I mean ... here's the black bar fix!
First and foremost, remove the footer_top_bar div from the HTML (it's inside the footer div):
Then, change your CSS as follows (the bold stuff).
#footer {
clear:both;
color:#FFFFFF;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-size:10pt;
height:220px;
margin-bottom:0;
padding:0px 10px 3px;
border-top:solid 15px black;
}
The black bar will then stretch from side to side.
Keep a backup, just in case
-
-
Thank you Thank you
the top bar problem is solved! can you please tell me how can I stretch the red background in the remaining space?-
Oh, okay. First, you'll want to delete that empty div below the black bar (inside the footer div, the one with an empty id).
(FULL: img229.imageshack.us/img229/4989/writeawritingbar.png)
It'll remove some of that space between it and the footer, as well as empty code. Otherwise, it's not doing much of anything there
After that, find and change the following:
#footer {
border-top:15px solid black;
clear:both;
color:#FFFFFF;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-size:10pt;
height:365px;
margin-bottom:0;
padding:0px 10px 3px;
background-color:#A90000;
}
#footer_bottom_bar {
background-color:none;
clear:both;
color:#999999;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
height:40px;
padding-left:15px;
padding-top:15px;
width:963px;
}
It should, in theory, result in this:
(FULL: img521.imageshack.us/img521/2853/writeawritingfix.png)
-
-
YOU ARE A GENIUS
hey this is cool.. all the crap white part is gone now ..yupppieee...but there is a black bar at the right side of the footer..how do I remove that? and can i decrease the height of the footer?-
The footer height is what will have those black bars appear at both sides of it. Increasing the height just so it covers the three elements in it will get rid of the problem.
-
-
NO, NO the black borders are fine, there is an extra cut off black line at the right side of the footer...how can i get rid of that... so it means that i cnt change the height of the footer ?
-
It seems something's gone funny with the footer. There's a huge red space above it now
-
-
yeah...that's why I was asking abt the height thingie :)...darn ! the designer I paid to tweak the theme cldnt come up with this prb though redesigned the whole footer :(.. so ny bain wave ??
-
I didn't get that problem at first. Now, I see what the deal is. There are duplicate style-thingies in the CSS!
That designer should be arrested!
Grrr!
Ahem ...
Okay, here's the easy solution for it. There are three sections in the stylesheet called #footer, meaning three style rules for the same thing (designer fail). Either delete or rename two of them to something like #blah and, for the remaining one, make sure to use these settings:
#footer {
background-color:#A90000;
border-top:15px solid black;
clear:both;
color:#FFFFFF;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-size:10pt;
height:0;
margin-bottom:0;
padding:0px 10px 0px;
}
To get rid of the black bar on the right side, look for the #footer_box style and change the bold stuff:
#footer_box {
background-color:#A90000;
border:1px solid #A90000;
color:#FFFFFF;
float:left;
height:350px;
padding:8px;
width:314.5px;
}
That should do it.
-
-
Ok am at it! Actually the footer was, I dont remember there is some term: meaning it has got links embedded in it so he redesigned it again. Now i do not know what he did that has landed me into such a mess. I even had to add the wp_footer thing myself later, to get analytic and stat data
and thanks a lot that you are taking out time to attend to other people's mees . Do lemme know, if I can be of ny help -
Woohooo, for once my footer looks like a lesser monster, thanks to you there is a slight white bar still at the right side, i changed the pixels for width but at 315.5, it gets just too big to fit
-
HEY IT IS PERFECT NOW!!!
I AM ON CLOUD NINE NOW
THANKSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
Do lemme know, if i can be of any help... and I really need to talk to my designer *wink wink*-
Yay! I'm glad you got it to work. Make a couple dozen backups, in case it breaks again
And, yes. Designer. Refund. Now!
-
Add Your Comment
Login to leave a message.
