|
try the width you set was to wide so the content div dropped down to the first place it has enough room
#content {
max-width:560px;
float: left;
overflow: hidden;
}
|
|
|
|
|
Hi there is a problem in width of div..
You have class of #container,#leftsidebar and #content
concentrate on width only...
#container {
width: 750px;
}
#leftsidebar {
border: 3px dashed orange;
width: 180px;
}
#content {
width: 570px;
}
here your total width is 750. so you set leftsidebar=180 and content=570 so total is 750...right
but in leftsidebar there is a border with width of 3px
so reduce #content width with 3px of left-border and 3px of right-border
so your new #content width is 570 - 3-3 = 564 px
and your problem is solved...
If a man hasn't discovered something he will die for, he isn't fit to live.
-martin luther king
|
|
|
|
|
following are the updated HTML
<div id="container">
<div id="banner">
<img src="images/banner.gif" width="750px" height="100px" alt="banner" />
</div>
<div id="content">
<h2>
Contact Us</h2>
<p>
Use this form below:</p>
</div>
<div id="leftsidebar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Photo Gallery</a></li>
<li><a href="#">Video Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
<img class="ads" src="images/sale.jpg" width="172px" height="500px" alt="ads banner" />
</div>
<div id="footer">
<p>
Copyright 2011 by Angel Ali</p>
</div>
</div>
following are the updated CSS class
#content {
float: left;
overflow: hidden;
width: 570px;
}
Thanks,
Imdadhusen
sunaSaRa Imdadhusen
+91 99095 44184
|
|
|
|
|
I thing it is not working yet...
you need not to change your older html and css
just change the width of Content
So your HTML is like
<div id="container">
<div id="banner">
<img src="images/banner.gif" width="750px" height="100px" alt="banner" />
</div>
<div id="leftsidebar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Photo Gallery</a></li>
<li><a href="#">Video Gallery</a></li>
<li><a href="#">Contact</a></li>
</ul>
<img class="ads" src="images/sale.jpg" width="172px" height="500px" alt="ads banner" />
</div>
<div id="content">
<h2>Contact Us</h2>
<p>Use this form below:</p>
</div>
<div id="footer">
<p>Copyright 2011 by Angel Ali</p>
</div>
</div>
And CSS
#content {
width:564px;
float:right;
overflow:hidden;
}
Where can we go to find God if we cannot see Him in our own hearts and in every living being
-Swami Vivekananda
|
|
|
|
|
|
You are referencing Visual Studio projects and solutions correct? In which yes it is possible. Using source control the file can be shared across multiple projects.
No comment
|
|
|
|
|
more details.
I have:
1 solution
5 projects -> 1 projects has references to 2,3,4 project(s).
I would like to use 1 web.config across all 5. How do I do this?
I don't have IIS install on my pc
|
|
|
|
|
|
the project of web browser code download
|
|
|
|
|
Try Google, or ask a more explicit question.
|
|
|
|
|
I understand that English may not be your first language, but the question makes no sense.
If you know someone that speaks better English you should ask him or her to help you.
We try our best to help, but this is unanswerable.
------------------------------------
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[ ^]
|
|
|
|
|
#top_search
{
background: none repeat scroll 0 0 #F5F5F5;
border-bottom:1px solid #E5E5E5;
height:80px;
}
#top_search_bar
{
top:70px;
left:300px;
position:absolute;
height: 24px;
width: 540px;
}
#top_serch_image
{
top:62px;
left:800px;
position:absolute;
}
#site_link
{
left:30px;
width:170px;
}
#site_image
{
top:140px;
left:40px;
width:50px;
text-align:right;
height: 123px;
line-height:25px;
}
#site_text
{
left:70px;
width:77px;
top:140px;
text-align:left;
position:absolute;
line-height:25px;
}
div#site_text a
{
color:#6A6A6A;
font-weight:500;
}
div#site_text a:hover
{
text-decoration:underline;
}
.site_tab a
{
font-size:small;
font-weight:300;
line-height:18px;
left:60px;
width:120px;
}
div.site_tab a:hover
{
text-decoration:underline;
}
#search_result
{
top:150px;
left:190px;
position:absolute;
width:800px;
}
div.link p
{
margin-top:0;
margin-bottom:0;
}
div.link a
{
text-decoration:underline;
}
#goooogle_image
{
text-align:center;
}
#footer2
{
text-align:center;
bottom:50px;
}
div#footer2 a
{
font-size:small;
color:#47A1EB;
}
div#footer2 a:hover
{
text-decoration:underline;
}
|
|
|
|
|
Awesome looking css here, so what is the problem that you are having?
|
|
|
|
|
What do you want from codeproject..? You are posting this CSS second time without any question or comment...?
I quit being afraid when my first venture failed and the sky didn't fall down.
|
|
|
|
|
StyleSheet.css
body
{
font-family: arial,sans-serif;
}
a
{
text-decoration:none;
}
#heading
{
top:0px;
left:0px;
height: 30px;
background-color:Black;
}
div#heading a
{
color:#CCCCCC;
font-family: arial,sans-serif;
top:5px;
font-size:14px;
text-decoration:none;
}
.setting_image
{
top:13px;
right:10px;
position:absolute;
}
.signin
{
top:13px;
right:40px;
position:absolute;
}
div.signin a
{
color:#CCCCCC;
font-family: arial,sans-serif;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
#google_image
{
padding-top:200px;
text-align:center;
background-image:url('Image/google_image_final.png');
background-repeat:no-repeat;
background-position:center;
}
#search
{
text-align:center;
}
div.main_body input
{
background-color:#F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #666666;
cursor: pointer;
font-size: 11px;
font-weight: bold;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
div.main_body input:hover
{
background-color:#F8F8F8;
border:1px solid #C6C6C6;
color:#333333;
}
div.language a
{
color:Blue;
font-size:small;
text-decoration:none;
}
div.language
{
font-size:small;
}
#footer
{
bottom:10px;
left:25px;
position:absolute;
font-size:small;
color:Blue;
}
div#footer a
{
text-decoration:none;
}
#footer1
{
bottom:10px;
right:30px;
position:absolute;
font-size:small;
}
div#footer1 a
{
text-decoration:none;
}
#top_search
{
background: none repeat scroll 0 0 #F5F5F5;
border-bottom:1px solid #E5E5E5;
height:80px;
}
#top_search_bar
{
top:70px;
left:300px;
position:absolute;
height: 24px;
width: 540px;
}
#top_serch_image
{
top:62px;
left:800px;
position:absolute;
}
#site_link
{
left:30px;
width:170px;
}
#site_image
{
top:140px;
left:40px;
width:50px;
text-align:right;
height: 123px;
line-height:25px;
}
#site_text
{
left:70px;
width:77px;
top:140px;
text-align:left;
position:absolute;
line-height:25px;
}
div#site_text a
{
color:#6A6A6A;
font-weight:500;
}
div#site_text a:hover
{
text-decoration:underline;
}
.site_tab a
{
font-size:small;
font-weight:300;
line-height:18px;
left:60px;
width:120px;
}
div.site_tab a:hover
{
text-decoration:underline;
}
#search_result
{
top:150px;
left:190px;
position:absolute;
width:800px;
}
div.link p
{
margin-top:0;
margin-bottom:0;
}
div.link a
{
text-decoration:underline;
}
#goooogle_image
{
text-align:center;
}
#footer2
{
text-align:center;
bottom:50px;
}
div#footer2 a
{
font-size:small;
color:#47A1EB;
}
div#footer2 a:hover
{
text-decoration:underline;
}
|
|
|
|
|
Tell us the problem with this css so that we can be of much assistance, if by any chance you don't have any problems with it then please don't post it here. It doesn't help anyone
|
|
|
|
|
google.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Google</title>
<link href="StyleSheet.css" type="text/css" rel="Stylesheet" />
<script type="text/javascript">
function navigation()
{
window.location="Google_Search.html";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="heading">
<a href="#" style="color: #FFFFFF; font-weight: bold">Web</a>
<a href="#">Images</a>
<a href="#">Maps</a>
<a href="#">News</a>
<a href="#">Orkut</a>
<a href="#">Translate</a>
<a href="#">Gmail</a>
<a href="#">More</a>
</div>
<div class="setting_image">
<img src="Image/settings.jpg" alt="setting_image" style="height: 21px; width: 22px" />
</div>
<div class="signin">
<a href="#">Sign in</a>
</div>
<br /><br /><br /><br /><br />
<div id="google_image" >
</div>
<div id="search" >
<input type="text" style="width:586px; height: 23px;" />
<br />
<div class="main_body">
<input type="button" id="button1" value="Google Search" onclick="navigation()"/>
<input type="button" id="button2" value="I'm Feeling Lucky" />
<br />
<br /><br />
</div>
<div class="language">
Google.co.in offered in:
<a href="#">Hindi</a>
<a href="#">Bengali</a>
<a href="#">Telugu</a>
<a href="#">Marathi</a>
<a href="#">Tamil</a>
<a href="#">Gujarati</a>
<a href="#">Kannada</a>
<a href="#">Malayalam</a>
<a href="#">Punjabi</a>
</div>
</div>
<div id="footer">
<a href="#">Advertising Programs |</a>
<a href="#">Business Solutions |</a>
<a href="#">NewsAbout Google |</a>
<a href="#">Go to Google.com |</a>
<a href="#">Privacy</a>
</div>
<div id="footer1">
<a href="#">Change background image</a>
</div>
</div>
</form>
</body>
</html>
|
|
|
|
|
Sir;
why are you posting this?
Help people,so poeple can help you.
|
|
|
|
|
So, what really is the problem...?
I quit being afraid when my first venture failed and the sky didn't fall down.
|
|
|
|
|
There isn't a problem, OP thinks he/she is being helpful.
|
|
|
|
|
Ok, it's not just today.
Long story short, I had to convert a webpage to Wordpress format (rolls eyes). Now I was able to get it up and going with only a minor issue (Twitter feed was sketchy), I took it down by adding a different template, then go to re add my updated template and I got this;
This error (HTTP 500 Internal Server Error) means that the website you are visiting had a server problem which prevented the webpage from displaying.
For more information about HTTP errors, see Help.
error is the same on IE9 and Chrome. worst part is, it won't let me login to Dashboard again. I waiting to hear from the 3rd party to whipe the codings out so I can go at it again, but I'm just curious if anyone else encountered this error while uploading a template?
I know the message is fairly vague, I just wonder if someone else here has encountered and resolved the issue.
thanks ahead of time.
/////////////////
-I’m a DHCP server at a local restaurant. This chick came up and asked me for my address, and I told her she was out of my scope
-Why do Java Programmers wear glasses? Because they don’t C#
|
|
|
|
|
|
Meh, found my answer. issues with the version of WP on target host.
I still stand at "WP is evil"
/////////////////
-Negative, I am a meat popsicle.
|
|
|
|
|
Sometimes they write stuff just to annoy you.
It seems this one was successful in that task
------------------------------------
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[ ^]
|
|
|
|
|
Once I receive an SMS on my mobile from online website, is there any way to determine who's the SMS gateway for that message? perhaps from the message center? How?
|
|
|
|