 |
|
|
Afternoon guys, I'm having some trouble lining up this image, It was cropped down in photoshop and now i'm trying to add it as you can see in my code but if you preview it you will see it is slightly off and I have no idea why!?!?
HTML
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=UTF-8" />
<title>Awesome Website from CSS-tricks</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<ul id="nav">
<li></li>
</ul>
</body>
</html>
CSS
* {
margin: 0;
padding: 0;
}
body {
font-size: 62.5%;
font-family: Helvetica, sans-serif;
background: url(images/body-bg.png) repeat-x top #f5ecd4;
}
#nav {
height: 336px;
width: 800px;
margin: 0 auto;
background: url(images/header-bg.jpg) no-repeat;
}
wanted to attach image but not sure how!
|
|
|
|
|
|
|
What is CSS Hacks and the types and use?
|
|
|
|
|
|
|
|
|
|
|
|
|
CSS hacks are used to make the code cross browser compatible. You can apply CSS hacks to make the code run well in IE if it is designed for mozilla.
|
|
|
|
|
|
|
I'm very confused by some strange behaviour I'm having with formatting on the default browser on my Android phone (it's running ICS). I haven't tried it on other smartphones. I'm assuming it's a bug, but I suppose there's the chance that it's not (although it seems unlikely).
If I have something like this:
<div>
Lots of text here
</div>
Then (if the text is long enough) the text doesn't extend the whole div but only around 1/3 or 1/2 of the way (and wraps around the shortened width). However, if I change it to this:
<div style="background-color: #fff;">
Lots of text here
</div>
The text does extend the whole div and wraps around. The only difference is that I set the background-color property. Is there a proper "accepted" way to avoid this behaviour in the first case? Explicitly setting the background-color to transparent does not fix the problem.
Martin
|
|
|
|
|
|
|
Did you test it on IE?
You didn't mention the browser name
there is several more issues:
background-color- i dont know about it
I use background all the time
and hexa value should have to be 6 bytes i.e.
<div style="background:#000fff;">
Lots of text here
</div>
the above one is correct syntax
|
|
|
|
|
|
|
They are both using correct syntax - "background" is shorthand for all the individual background properties[^] and there are several ways you can specify colours in CSS, including 3 or 6 digit hex RGB: CSS colour reference[^]
|
|
|
|
|
|
|
Hello anybody knows how to match the height of my sidebar area to my content area? I just want my sidebar to be the same height as my content area(the posting area). I want it so that my sidebar background will extend all the way down matching the height of the content area, even the sidebar is not having a widget in it. Here is the site http://bloomtheflowercompany.yenius.com/ the green background should extend all the way down even if it has no widget.
Can I do it in CSS or I need a JavaScript in it??
Any help appreciated thanks...
|
|
|
|
|
|
|
One thing which might fit your needs is to enclose both sidebar and content in a <div>, then give your sidebar a height of 100%. That way, the main content "drives" the height of the enclosing div, and the sidebar follows. CSS is cheap, so have a play!
Cheers,
Peter
Software rusts. Simon Stephenson, ca 1994.
|
|
|
|
|
|
|
|
|
|
You can use fix height of the sidebar using Css.
|
|
|
|
|
|
|
Please consider the following code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
</head>
<body>
For more information about
<div style="margin-removed 2.0in">
<a href=http://en.wikipedia.org/wiki/Bond_duration
class="wideAnchor200" target=_blank>
Wikipedia Article
</a>
</div>
</body>
</html>
In this case, I am using the div tag with inline CSS to indent the link to Wikipedia. However, it is not working. I am hoping that somebody here can tell me what I am missing.
Thanks
Bob
modified 13 Jan '12.
|
|
|
|
|
|
|
I can't find any reference to margin-removed in CSS docco. Try using margin-left instead. In any case, w3schools[^] has a good CSS quick reference[^] where you should be able to find what you want.
Cheers,
Peter
Software rusts. Simon Stephenson, ca 1994.
|
|
|
|
|
|
|
Hi,
Change the div like this
<div style="margin-left: 50px;margin-top:10px">
Thanks,
|
|
|
|
|
|
|
Thanks for the response. You solved my problem. The string margin-removed in my earlier post was
placed there by this website. I do not understand why.
Bob
|
|
|
|
|
|
|
Sorry if I posted this question in this forum but its really the forum that answer all my question every time I had. I also don't know which section on this forum should I post it but its more on CSS I decided to post it here. 
I am fixing this menu from the past developer of this site. However, I don't have any idea how did he installed this. I have tried deleting and activating the plug in again and again but it doesn't work perfectly.
Currently JQuery Accordion Menu Widget is overlapped by the other widget below it.
Here's the link of the site: http://primarycareadvisory.yenius.com/
Any idea on how to fix it?
|
|
|
|
|
|
|
Hi,
I have opened the link.Are you looking at 'Family Health Organisation' ,'Family Health Team' accordions?
Its looks fine for me.What is the behaviour that you are expecting?
-Manognya
__________________________________________________
$ God gives what is best.Not what all you wish
|
|
|
|
|
|
|
Hello thanks for your reply.
Did you hover on it? In my browser IE and Firefox it is currently overlapped under by the other widget below it.
It should pull down together with its parent div I mean the blue background, when you hover on it. But its expand on its own.
Did you see that?
modified 10 Jan '12.
|
|
|
|
|
|
|
hi,
I hovered my mouse.The parent div expanded to show the content with the blue background.
-Manognya
__________________________________________________
$ God gives what is best.Not what all you wish
|
|
|
|
|
|
|
I manage to fix it yesterday thanks for your help I really appreciated it.
|
|
|
|
|
|
|
Hi,
one day i just checking website for magazine then seuddenly i found forbes.com, i like the menubar of that website so i want to learn how these type of menu bar created.
if any of you can help me.
then pls send me source code for this. i some how created but could not able to create boxes work in list that open from top menu.
i know it will take css and java script code for this.
thanks in Advance
modified 10 Dec '11.
|
|
|
|
|
|
|
Dude, I advise you to remove the email address from your post.
You can be contacted directly through CP, so there is no need to show the world your email.
You will be inundated with spam.
------------------------------------
I will never again mention that I was the poster of the One Millionth Lounge Post, nor that it was complete drivel. Dalek Dave
CCC Link[ ^]
Trolls[ ^]
|
|
|
|
|
|
|
|
|
|
<b>(SORRY FOR MY BAD ENGLISH)</b>
hi
i am using windows
i have .htaccess file it contain
RewriteEngine On
RewriteCond %[REQUEST_FILENAME] !-d
RewriteCond %[REQUEST_FILENAME] !-f
RewriteCond %[REQUEST_FILENAME] !-l
RewriteRule ^(.+)$ index.php?url=$1 [QSA,L]
but when i put the .htaccess file , the css files doesn't work , please help me
(yesterday i take about 8 hours just to make php files work with .htaccess file )
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Rant 
Admin