Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#1 2007-11-12 15:52:46
- daikw
- Member
- Registered: 2007-10-06
- Posts: 39
strange links / alignment issues / styling flash [updated 11/13/07]
I’ve hit a few problems that I was wondering if anyone could help.
1. On this page. When using IE (and possibly just in some versions) the text and images overlap. I have attempted to aligned them by measuring the pixel widths of the other elements and then “nudging” the margins until it matches, using this CSS:
#sidebar-3 p {
font-size: 0.8em;
line-height: 1.2em;
border: 1px solid #BABABB;
border-left: none;
margin-top: -216px;
margin-right: 104px;
padding: 10px 10px 10px 20px;
width: 360px;
height: 178px;
float: right;
}
They line up fine vertically – horizontally is the problem, but is there a more reliable way to do it?
2. Second problem on that page is with the link www.okband.co.uk; Safari and Firefox sometimes don’t underline this link. I think because it ends in .co.uk, I have tried .co.uk/ and .co.uk/# but the problem persists. Is is this a glitch with a workaround, or an error my scripting? I don’t want every URL link on the site to style unreliably.
3. Also the links on this page seem to have aquired a double black underline, when I only want a single grey one (as in the previous example) As I have just duplicated the style from the previous example and changed the bg color, does anyone know why this is happening?
4. These two pages Home and Perverted use identical templates apart from the text has been replaced by a picture. So how can I line the vertical rule and boxes up on the “perverted” as they are on “home”?
5. On this page
I would like to be able to control the margins (on all sides) between the mp3 players and the text. Would applying a style to the flash be the best way to do this? And if so, how is it done?
Many thanks for the help. I appreciate it.
Last edited by daikw (2007-11-13 19:24:10)
Offline
#2 2007-11-18 16:46:14
- daikw
- Member
- Registered: 2007-10-06
- Posts: 39
Re: strange links / alignment issues / styling flash [updated 11/13/07]
Do I need to provide more information?
Offline
Re: strange links / alignment issues / styling flash [updated 11/13/07]
first of all you need to validate your html. (Result: Failed validation, 78 Errors). i also see a ton of empty paragraph tags.
1) looks fine in ie7. ie6 has a ton of margin issues.
2) thats because for whatever reason you’re specifying text-decoration:none on your a:visited selector. once the link is clicked, no more underline.
3) looks like you’re specifying text-decoration:underline as well as a border-bottom on your links?
4) any reason why that image is in its own div? probably need to float it.
Offline
#4 2007-11-22 20:48:52
- daikw
- Member
- Registered: 2007-10-06
- Posts: 39
Re: strange links / alignment issues / styling flash [updated 11/13/07]
Hey, thanks very much for your help iblast off, managed to sort it out!
Offline