CodingCSS help needed, please!

 

Press Ctrl+Enter to quickly submit your post
Quick Reply  
 
 
  
 From:  Matt  
 To:  Jo (JELLS)      
30114.11 In reply to 30114.10 

Have you made sure the CSS isn't be cached unnesessarily by the browser?

 

You probably have, but y'know just incase :)

 

Incidentally can anyone actually explain why it is that both IE and FireFox seem to completely ignore the last-modified headers send by web servers for .css files? They don't do it for any other file types (that might be a lie) so what makes .css files so special that you need to force refresh to see the changes?

doohicky

0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Jo (JELLS)      
30114.12 In reply to 30114.10 
You don't want to add that - you need to replace the previous one (the one without the .r)

Then, some images that should be right aligned might shift over to the left, and if that happens you need to add the class="r" to those images to put them back.
0/0
 Reply   Quote More 

 From:  Jo (JELLS)   
 To:  Peter (BOUGHTONP)     
30114.13 In reply to 30114.12 
ok... well, i had also tried deleting the other one:

code:
.image_right {
	margin-left:5px;
	float:right;
}


combined with adding this bit:

code:
#rightcontents p img.r {
	border:0px;
	padding: 2px 0 2px 0;
}


So you're saying that i should delete the first, and replace it with the second one? Or replace it with something else?

*is confused*

(sorry for being dense - didn't sleep well last night)

Link to Canadian-Politics.com
0/0
 Reply   Quote More 

 From:  Jo (JELLS)   
 To:  Matt     
30114.14 In reply to 30114.11 
I've been force-refreshing it every time. I always do that.

Link to Canadian-Politics.com
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Jo (JELLS)      
30114.15 In reply to 30114.13 
No problem - keep learning and soon you'll be able to do all this in your sleep. ;)

Ok, first step is to find the class that's called #rightcontents p img and put /* before it, and a */ after the closing curly bracket.
(that will deactivate it, without needing to physically remove it)

Then save the file, force refresh, and see what happens.

It will probably make all your images in the content bit inline (next to the text), which in most cases should be what you want.

If there are any images now appearing not how you want then we can go to the next step. :)
0/0
 Reply   Quote More 

 From:  Jo (JELLS)   
 To:  Peter (BOUGHTONP)     
30114.16 In reply to 30114.15 
I am either blind or else we're looking at two different CSS sheets... I don't see "#rightcontents p img"

I have this:

code:
#rightcontents p {
	margin-bottom:0.9em;
}

/*
.image_right {
	margin-left:5px;
	float:right;
}
*/

.image_left {
	margin-right:5px;
	float:left;
}


And you can see that i added the oblique-asterisk thing to the .image_right one. And uploaded it (to the proper webspace, not my testing area). And the pdf and other icons are still floating right...

Link to Canadian-Politics.com
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Jo (JELLS)      
30114.17 In reply to 30114.16 
Hmmm, I found that reference by looking in the Firefox DOM inspector CSS thing.
I dunno if you have the developer stuff installed, but if you can find DOM Inspector in one of the menus (Tools, I think?)
then navigate to a right aligned image in the left part, and select CSS in the right part and see what it lists?
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Jo (JELLS)      
30114.18 In reply to 30114.16 
Hmmm, workaround that should work, but not really the best way: add
code:
style="float:none;"
directly to the img tags for the pdf icons, and that should fix them.
But it's not an ideal solution-best to try and find the thing floating it right and fix that instead.
0/0
 Reply   Quote More 

 From:  Jo (JELLS)   
 To:  Peter (BOUGHTONP)     
30114.19 In reply to 30114.18 

Well, that one did work! The positioning isn't perfect, but that can be fixed. I do have that CSS toolbar installed but i think this will have to wait until tomorrow as i've been asked to take care of something else here at work.

 

Thank you for your patience - i will have a look at this again tomorrow and revive the thread as needed! :-)


Link to Canadian-Politics.com
0/0
 Reply   Quote More 

 From:  Jo (JELLS)   
 To:  Peter (BOUGHTONP)     
30114.20 In reply to 30114.18 
How does that DOM inspector thing work? I have been trying to use it but when i click on Dom Inspector (under Tools in the Web Developer toolbar), nothing happens. Is something supposed to open or show or something?

Link to Canadian-Politics.com
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Jo (JELLS)      
30114.21 In reply to 30114.20 
It should open up a new window, like this...
the firefox dom inspector

Then you click the arrow to the left of the middle and select "Find Nodes..." to find the appropriate tag.

Then select the icon to the right of the middle and select "CSS Style Rules" and it lists all the rules that are being applied to a tag and the stylesheet that the rule is in and so on.
0/0
 Reply   Quote More 

 From:  beseku  
 To:  Peter (BOUGHTONP)     
30114.22 In reply to 30114.21 
What rendering engine does it use?

Ben.
-------------------------------
beseku.com
beyondstandards.com
flickrshow.com

0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  beseku     
30114.23 In reply to 30114.22 
No idea; I would guess the same as Firefox itself.
0/0
 Reply   Quote More 

 From:  beseku  
 To:  Peter (BOUGHTONP)     
30114.24 In reply to 30114.23 
Well that makes it useless, since the Web Dev toolbar has most of that functionality. If it was Trident, (IE) then you could at least see if it was applying the right rules.

Ben.
-------------------------------
beseku.com
beyondstandards.com
flickrshow.com

0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  beseku     
30114.25 In reply to 30114.24 
Um, I'm not sure what you're on about.

The Web Developer toolbar is a third-party add-on. The DOM Inspector is installed with Firefox (unless you untick the developer options in the installer).
0/0
 Reply   Quote More 

 From:  Jo (JELLS)   
 To:  Peter (BOUGHTONP)     
30114.26 In reply to 30114.21 
Doesn't open anything when i click on it. Is there another way to access that other than the Web Developer toolbar?

Link to Canadian-Politics.com
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Jo (JELLS)      
30114.27 In reply to 30114.26 
Well I just use the standard Tools menu. You can apparently press Ctrl+Shift+I though.
0/0
 Reply   Quote More 

 From:  Jo (JELLS)   
 To:  Peter (BOUGHTONP)     
30114.28 In reply to 30114.27 

Eureka! Or something!

 

Finally found that div#rightcontents p img you were referring to - it's embedded in the page template HTML. I can't see that it serves any useful purpose, and when i put it between /* */, the pdf and other icons align where i want them. I might just delete it from the template.

 

Anyway, thank you so much for your assistance and patience with this - much appreciated!


Link to Canadian-Politics.com
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)  
 To:  Jo (JELLS)      
30114.29 In reply to 30114.28 
No problem. Glad you got it sorted. :)
0/0
 Reply   Quote More 

Reply to All    
 

1–20  21–29

Rate my interest:

Adjust text size : Smaller 10 Larger

Beehive Forum 1.5.2 |  FAQ |  Docs |  Support |  Donate! ©2002 - 2024 Project Beehive Forum

Forum Stats