| Author |
Message
|
| mikeatbt |
 Posted: Tue Aug 21, 2007 4:30 pm Post subject: links in sidebar all 'scrunched' together |
 |
|
New Member
Joined: Aug 21, 2007
Posts: 4
|
hi all,
Anybody know how to remidy this?
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
<a href='http://tinypic.com/' style='padding:25px 0 0 10px;color: #878773;'>tinypic<br/>
<a href='http://lala.com/' style='padding:25px 0 0 10px;color: #878773;'>lala<br/>
<a href='http://www.zukool.com/' style='padding:25px 0 0 10px;color: #878773;'>zukool<br/>
<a href='http://pandora.com/' style='padding:25px 0 0 10px;color: #878773;'>pandora<br/>
<a href='http://mediafire.com/' style='padding:25px 0 0 10px;color: #878773;'>mediafire</div></div><br/>
This links seen above are one on top of the other, so tight, that you can't use them properly. I can click the bottom link with no problem, but as I move the pointer up, it's hopeless. I have to practically have the base of the pointer on something, and be pointing up like two more links above to get something. How would I go about spacing them out more?
Thanks,
Mike |
|
| Back to top |
|
 |
Sponsored Ads
|
 |
| Shawn |
| Posted: Tue Aug 21, 2007 11:21 pm Post subject: |
|
|
Site Developer
Joined: Sep 06, 2006
Posts: 318
Location: Canada
|
Hello mikeatbt 
Welcome to bloggertalk.net
I know it’s frustrating but nothing is hopeless...
Now can I have the URL to your blog so I may take a closer look and see whats causing the error...
Or post the CSS attributes for the following 'sidebar-wrapper' it will be in the header of your blog....
What browser is it happening with?
Firefox, Internet Explorer, Opera etc...
Shawn DesRochers
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play |
|
| Back to top |
|
|
| mikeatbt |
| Posted: Wed Aug 22, 2007 11:39 am Post subject: |
|
|
New Member
Joined: Aug 21, 2007
Posts: 4
|
Here you go Shawn. See what you can make of it. I added some <br/>'s to the ends of the links, but it still behaves weird. The link counts even after the pointer has moved off of the link. It's like it's selected so long as the pointer is remotely touching it. Also, now they are really spaced out, but there is no other way to make them approachable. It's this, or they are smashed together. Thanks for any and all help. Much appreciated....
http://idontgotochurch.blogspot.com/ |
|
| Back to top |
|
|
| Shawn |
| Posted: Wed Aug 22, 2007 12:25 pm Post subject: |
|
|
Site Developer
Joined: Sep 06, 2006
Posts: 318
Location: Canada
|
Hello mikeatbt
Well I see a few errors right off the bat, especially if your just trying to line them up one under another like so
Link 1
Link 2
Link 3
etc.....
First thing to do is remove the style element from the A href links
| Code: | | style='padding:25px 0 0 10px;color: #878773;' |
You have this
<a href='http://www.zukool.com/' style='padding:25px 0 0 10px;color: #878773;'>zukool
Now the element for A HREF doesn’t need to have that style attribute so remove the entire thing as it’s controlled by the CSS.
Now you can do 2 things, create another CSS Element for the links or simply change it to the following
Now I viewed your blog in Internet Explorer 7 and Firefox 2.0.0.6 and the links are not squished together or overlapping but change the following links to this for a quick remedy
| Code: | <a href="http://tinypic.com/">tinypic</a><br />
<a href="http://lala.com/">lala</a><br />
<a href="http://www.zukool.com/">zukool</a><br />
<a href="http://pandora.com/">pandora</a><br />
<a href="http://mediafire.com/">mediafire</a><br /> |
This will line them under one another and create a cleaner visual.
Shawn DesRochers
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play |
|
| Back to top |
|
|
| mikeatbt |
| Posted: Wed Aug 22, 2007 12:44 pm Post subject: |
|
|
New Member
Joined: Aug 21, 2007
Posts: 4
|
Thanks for all your help, but blogger gave me this message:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "div" must be terminated by the matching end-tag "
I'm not sure why since I added the </div> at the end as so:
| Code: |
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
<br/>
<a href="http://tinypic.com/">tinypic</a><br />
<a href="http://lala.com/">lala</a><br />
<a href="http://www.zukool.com/">zukool</a><br />
<a href="http://pandora.com/">pandora</a><br />
<a href="http://mediafire.com/">mediafire</a><br />
</div> |
|
|
| Back to top |
|
|
| Shawn |
| Posted: Wed Aug 22, 2007 6:56 pm Post subject: |
|
|
Site Developer
Joined: Sep 06, 2006
Posts: 318
Location: Canada
|
Oops sorry about that
Change the double " at the begining and the end of the a href tag to this '
So it looks like this
| Code: | <a href='http://tinypic.com/'>tinypic</a><br />
<a href='http://lala.com/'>lala</a><br />
<a href='http://www.zukool.com/'>zukool</a><br />
<a href='http://pandora.com/'>pandora</a><br />
<a href='http://mediafire.com/'>mediafire</a><br />
|
Shawn DesRochers
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play |
|
| Back to top |
|
|
| mikeatbt |
| Posted: Thu Aug 23, 2007 10:31 am Post subject: |
|
|
New Member
Joined: Aug 21, 2007
Posts: 4
|
Shawn,
You're the man. Thanks for taking the time to help me out on this. Looks good! |
|
| Back to top |
|
|
| Shawn |
| Posted: Thu Aug 23, 2007 12:13 pm Post subject: |
|
|
Site Developer
Joined: Sep 06, 2006
Posts: 318
Location: Canada
|
|
| Back to top |
|
|
|
|
