|
This is how I did it, and still my image didnt center. Am I missing something?
* {
margin: 0px;
padding: 0px;
}
body {
padding: 80px 0px 0px;
background: url('images/background_top.gif') #c4b8a1 repeat-x;
color: #695d47;
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-align: center;
}
a {
color: #695d47;
background-color: inherit;
text-decoration: underline;
}
a:hover {
color: #ab9c7e;
background-color: inherit;
}
span {
display: none;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
border: none;
}
{border: 1px solid red !important;
}
ul {
list-style-type: none;
}
li {
list-style-type: none;
}
p {
margin: 0px 0px 15px;
text-align: justify;
line-height: 15px;
}
.clearthis {
margin : 0px;
height : 1px;
clear : both;
float : none;
font-size : 1px;
line-height : 0px;
overflow : hidden;
visibility: hidden;
}
#body_wrapper {
padding: 5px 0px 10px;
width: 100%;
background-color: #fff;
color: inherit;
}
#container {
margin: 0px auto;
width: 758px;
text-align: right;
}
#container .content_header {
margin: 20px 0px 0px auto;
width: 730px;
height: 40px;
background: url('images/content_header_bg.gif') repeat-x 0% 0%;
}
#container .content {
margin: 3px 150px 0px 28px;
width: 580px;
text-align: left;
}
#page_header {
background: url('images/header_leftborder.gif') #fff repeat-y 0% 0%;
color: #6a604e;
float: left;
}
#page_header h1 {
width: 280px;
height: 125px;
overflow: hidden;
background: url('images/website_title.gif') no-repeat 50% 50%;
}
#nav_menu {
margin-left: 9px;
padding-left: 19px;
float: right;
background: url('images/header_leftborder.gif') #fff repeat-y 0% 0%;
color: #b3a386;
text-align: center;
font-family: tahoma, arial, sans-serif;
}
#nav_menu a {
color: #b3a386;
background: inherit;
}
#mav_menu a:hover {
color: #857860;
background: inherit;
}
#nav_menu ul {
width: 450px;
height: 125px;
overflow: hidden;
}
#nav_menu li {
float: left;
border-width: 0px 1px 1px 0px;
border-color: #c1b7a5;
border-style: solid;
font-size: 20px;
}
#nav_menu li#menu3, #nav_menu li#menu6 {
border-right: none;
}
#nav_menu li a {
display: block;
width: 149px;
height: 62px;
text-decoration: none;
}
#nav_menu li a:hover {
color: #857860;
background-color: #f4eee2
}
#nav_menu li a span {
padding-top: 17px;
display: block;
}
#welcome .content_header h2 {
height: 28px;
background: url('images/welcome_header.gif') no-repeat 0% 0%;
}
#welcome p {
width: 420px;
float: right;
text-align:center;
}
#clientlist .content {
margin-top: 18px;
margin-right: 260px;
width: 470px;
}
#clientlist .content_header h1 {
height: 28px;
background: url('images/clientlist_header.gif') no-repeat 0% 0%;
}
#clientlist p {
width: 300px;
float: right;
}
#photographer_image {
width: 758px;
text-align: left;
overflow: hidden;
}
#photographer_image span {
display: block;
margin-top: -269px;
margin-left: 517px;
width: 241px;
height: 300px;
background: url('images/main_image.gif') no-repeat 0% 0%;
z-index: 1;
position: absolute;
}
#portfolio .content_header h1 {
height: 28px;
background: url('images/portfolio_header.gif') no-repeat;
}
#portfolio {
padding-bottom: 12px;
background: url('images/gallery_title.gif') no-repeat 29px 80px;
}
#gallery {
padding: 40px 0px 25px 59px;
}
#gallery ul {
width: 700px;
}
#gallery li {
margin-right: 30px;
margin-bottom: 25px;
padding: 4px 4px 2px;
background-color: #c4b8a1;
color: inherit;
float: left;
}
#page_footer {
padding: 9px 10px 6px;
font-weight: bold;
float: none;
clear: both;
}
#page_footer a:hover {
background-color: inherit;
color: #4f4635;
}
.thumbnail_dborder_1 {
margin: 0px 12px 5px 0px;
background: url('images/thumbnail_border_1.gif') #695d47 no-repeat 0% 0%;
color: inherit;
clear: left;
float: left;
}
.thumbnail_dborder_2 {
background: url('images/thumbnail_border_1.gif') no-repeat 100% 0%;
}
.thumbnail_dborder_3 {
background: url('images/thumbnail_border_1.gif') no-repeat 100% 100%;
}
.thumbnail_dborder_4 {
padding: 4px 4px 3px;
background: url('images/thumbnail_border_1.gif') no-repeat 0% 100%;
}
.thumbnail_dborder_1 img {
border: #fff 7px solid;
}
.thumbnail_border_1 {
margin: 5px 12px 5px 0px;
background: url('images/thumbnail_border_2a.gif') #c5b9a2 no-repeat 0% 0%;
color: inherit;
clear: left;
float: left;
}
.thumbnail_border_2 {
background: url('images/thumbnail_border_2b.gif') no-repeat 100% 0%;
}
.thumbnail_border_3 {
background: url('images/thumbnail_border_2c.gif') no-repeat 100% 100%;
}
.thumbnail_border_4 {
padding: 4px 4px 3px;
background: url('images/thumbnail_border_2d.gif') no-repeat 0% 100%;
}
|
|
|
|
|
Go to W3Schools.com and go thru their basic tutorials on html and css. They have lots of great practice sessions. Have fun!
vbmike
|
|
|
|
|
Thanks for the suggestion on refreshing my browser, I've been doing that and still nothing, as well as I am also looking for other examples online that could also help me.
|
|
|
|
|
what browser are you using?
vbmike
|
|
|
|
|
|
As I run your code, the img IS centered inside the div you have it in. It is not centered on your page because the div it is in does not stretch across your entire page. Look at your css and see if there are elements that have id's or class names where you limit the size of the element....
vbmike
|
|
|
|
|
Does my problem have to do with the #welcome div in CSS?
|
|
|
|
|
Look at this section in your html file, then look at your css file. This section is inside the "welcome" div yes. The image you want to center is in the div with the class named "thumbnail_dborder_4". It really helps to indent your html code so you tell what starts a section and what closes a section. Your css file does not reference the "welcome" id anywhere that I can find. I think if you set the width (different methods to do this you will find) of the content div to full page as all the others you may find some success.....
<pre lang="HTML">
<div class="content">
<div class="thumbnail_dborder_1">
<div class="thumbnail_dborder_2">
<div class="thumbnail_dborder_3">
<div class="thumbnail_dborder_4">
<!--this is the image you wanted centered-->
<img src="images/picture.jpg" width="340" height="200" alt="Thumbnail Caption" />
</div>
</div>
</div>
</div>
<center><h1><marquee behavior="alternate">Welcome</marquee></h1></center>
<br/>
<br/>
<br/>
<p>Text</p><p>Sample text</p><br /><br />
<p>Text</p><p>Sample text</p><br /><br />
</div>
</pre>
Try a line in your css so you can view all your divs outlined and you will start to envision your page's problems. You can comment it out later....
This will put a red border around all your divs:
<pre lang="CSS">* { border: 1px solid red !important; }</pre>
Keep trying stuff out. You should have an ah-ha! moment at some point....
vbmike
|
|
|
|
|
Before seeing your post, I just took out the divs and just put my image in a center tag, but I am going to go back and try your suggestion.
|
|
|
|
|
So, from my understanding I would have to reference the welcome id in my CSS and align the picture in my CSS?
|
|
|
|
|
No, I just responded to the question regarding your statement about the welcome id. It is not needed in your case. You can try it out by removing that id from the div in your html code and see what difference it makes when you run the page thru your browser. But yes, you should do all alignment in your css file. What I really recommend is starting from scratch making your own webpage rather than taking a template from the web and trying to learn. That is kind of hard for beginners.
vbmike
|
|
|
|
|
Hi,
i have used the below css class to display menu(onmouse over of a button)
<pre lang="cs">
.p-menu
{
z-index: 50; position:absolute; display: none; top:0px; left:0px;
}
</pre>
the above works fine in IE8 where as in IE9 it goes top left corner of the browser....
please let me know any suggestion...
|
|
|
|
|
Position absolute places the element relative to the first 'relative' parent element it finds. So if you have the following structure:
<body>
<div id=div1>
<div id=div2>
<div id=div3>
</div>
</div>
</div>
</body>
And you position div3 absolute it will be positioned relative from the coordinates of the body element.
Now lets say you provide the following style to div1 position: relative . Then all of a sudden div3 will be positioned relative to the topleft coordinate of div1.
|
|
|
|
|
Just read this and would like to add that there the issue is not IE9 but IE8 not conforming to standards (as per usual) and thus giving you different displays
|
|
|
|
|
How to identify a particular Web site is not active ?
can i get any C# sample code for this ?
|
|
|
|
|
Gali1978 wrote: not active
In what way ?
- no updated content ?
- cannot access the web site ?
Watched code never compiles.
|
|
|
|
|
HttpWebResponse response = (HttpWebResponse)request.GetResponse();
if (response == null || response.StatusCode != HttpStatusCode.OK)
|
|
|
|
|
How can I check if my IIS is alive using C#?
If the server is down - how to do iisreset ?
|
|
|
|
|
there are quite a few free server monitors floating around the internets. I've been using PA Server monitor for some lightweight stuff. we had an old server with an iffy nic so we used a device called an iBoot that pinged the server and after x missed pings it killed power to the server and brought it back on after 30 seconds. If you want the app to run on the server i'm sure theres a way to check the app pools, or you could look at the asp_net or w3svc processes to see if they're still running. iisreset should be able to be run from a Process.Start() in c# once you determine its stopped.
Please remember to rate helpful or unhelpful answers, it lets us and people reading the forums know if our answers are any good.
|
|
|
|
|
hi
i cant connect windows-mobile to webservice in my computer
the terminal connect to my pc in ActiveSync
i try to change in the terminal the network to My ISP or My Work Network
and still cant connect to my webservice
thanks in advance
|
|
|
|
|
We have an aspx file which contains a lot of custom web controls (ascx files) which has validators in it.
Now when I click a button, it doesn't work because some validator is failing.
My problem is that there're no errors that appear on the screen, so I suspect that it's one of the controls with .Visible = false .
Is there any easy way to know which one is failing?
- It's too troublesome to change the code first and set every control to .Visible = true just to test.
- Breakpoints doesn't work as well, since validators run on client side.
Thanks!
Rafferty
|
|
|
|
|
I have a background image on my site - juneux.com - that has been working just fine for the past 6 months, and all of sudden tonight, it's missing. I didn't do anything to do the code that would have made it disappear. What changed? And what can I do to get it to reappear?
|
|
|
|
|
I looked at the source of your page (Firebug is *BRILLIANT* ) and there is no background image specified in the HTML. Your HTML header does reference a stylesheet stylesheet.css but it appears to be empty. Maybe that is what has gone missing.
Cheers,
Peter
Software rusts. Simon Stephenson, ca 1994.
|
|
|
|
|
Hello,
I'm going to try and explain my situation a simply as possible and hope that I get some advice on:
1. Can it be done?
2. Where to read about how to do it?
3. Is it the best way to do it?
Currently our website is on a 2003 windows server. It also has probably 40,000 PDF files located on the D: drive, with a spattering of some Word, Excel, various graphics and movie files. I have setup virtual directories to these folders so that the files are available for viewing on the website. Still no problem to this point. We have Indexing Services running on this server, so that there can be a text search on the thousands of PDF files located there. Again, still no problem to this point.
(NOTE) I am not the Network administrator here, though out of necessity, I have learned a great deal about IIS 6 and IIS 7.x. Our network administrator is, how should I say this, somewhat lacking in Network skills and knowledge.
They have purchase a new server with 2008 R2 on it, and because of our Network administrators lack of knowledge, I've been the one learning how to configure IIS 7.5 and copy our website, while converting it to .NET, over to the new server. Time consuming, but still no real problem at this point, except for the NA ability to set permissions so that the new server can read all the files and folders on the current website server. Those have slowly been corrected.
Now my PROBLEM, I have suggested that we have a stand-alone file server to hold all of these files, which grows at a rate of several thousand files a year. Continue to run the Indexing Services on that server so that it will have less impact on the webserver.
1. Is there a way to read the catalogs created by the indexing Service on another server from the code in my website on a different server?
2. Is this common practice to run a separate file server(especially with so may file) or is it best to continue having them located on the same server as the website?
3. Would trying to run a separate file server be more complicated because of the abilities of our Network adminstrator or should I just keep it simple?
I don't have the time to build, design, convert and otherwise maintain the very large website and learn everything about the NA's job too. However, I'm not opposed to doing some addition learning in that area if required.
Any thoughts or suggestions would be greatly appreciated.
Jack Carr
|
|
|
|
|
I have radio button on my webpage.
<asp:RadioButtonList runat="server" ID="rdlChartTypes" CssClass="RadioStyle" OnSelectedIndexChanged="rdlChartTypes_SelectedIndexChanged"
AutoPostBack="true">
<asp:ListItem Selected="True">Bar</asp:ListItem>
<asp:ListItem>Line</asp:ListItem>
</asp:RadioButtonList>
I want to add css for the same.
when we click on any radio button then tht circular button clicked by black color.
i want to change tht dot color by anothe color??
Another thing is i have dropdownlist.
on any item list hover i want change backcolor of tht item.
how to do that in CSS??
|
|
|
|