-
Posts
44 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by harryd
-
-
This is what I did till now and everything is broken.
#content { width: 506px;
height: 630px;
margin: auto;
background-color:#FFFFFF;
display:inline;
padding: 10px; }
.col1, .col2, .col3 { float: left; width: 200px; height: 50px; border:#006633; }
Here is my original content.
#content {
float: left;
color: #333;
border: 1px solid #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 630px;
width: 506px;
display: inline;
background-color: #FFFFFF;
}
I am stuck :|
Help
-
This is what I used in Dremweaver and it does not show any borders.
could you help me with the first col and where should the code go in the style.
Column 1 row 1#content {
float: left;
color: #333;
border: 1px solid #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 630px;
width: 506px;
display: inline;
background-color: #FFFFFF;
}
I hope I am not asking to much.
You guys are huge help.
-
I will use his sample today.
How would you add a border to the cells in Wickham's sample.
Thanks a lot
-
I don't need to use tables.
I am learning and will try to use what Wickham suggested.
If u have any suggestions from Wichams example.
Thanks
-
This is what I used in Dremweaver and it does not show any borders.
I don't know what I am doing wrong.
I would like to add some style or border to the 6 cells.
Thanks
-
For example.
If I would use 3 rows and 3 cols in #content. I would have an image with few words under.
How can I style td borders to be all the same.
Thanks for your help.
-
I am looking around the web to find a good tutorial to style the box.
Any suggestions.
Thanks
-
Thanks
I am working on my first web site and I have still a lot to learn. :/
-
What version of Dreamweaver are you using? If you are using CS3 or earlier, it is known to show CSS layouts incorrectly -- you really can't trust what you see in Design View, you have to view it in a browser instead. I don't know if you are working with a css based layout or tables based layout, but that may be the problem. Apparently CS4's Design View is much improved.
Otherwise, it may also be that your site is coded incorrectly, so the layout breaks when the browser size changes.
I am using CS3 with css layout. When I test in browsers looks fine.
-
In the browser looks fine.
Thanks virtual for your quick reply.
-
How can I solve this problem.
When I hide the right side options in dreamweaver to make design area bigger the layout becomes all broken.
Huge margin between header and content and the left column shows top right.
When I keep the working area with all the right side options to be visible everything is fine.
Thanks
-
Same as BG.
the sample you show is top black bottom green. If I would like to try black green black with the footer matching BG.
Photoshop.
Thanks JBall!
-
It looks great.
I have one more question from your example. What would I need to do to have black on the bottom and the footer can match the gradient.
Thanks
-
Wickham & JBall
thanks a lot for sharing your knowledge.
-
Thanks JBall!!
If I have background image do I need color to?
Thanks again for your time.
-
Thanks JBall I am choosing gradient color. Do you have a sample with the size of the pix.
Thanks to Wickham I added the color.
-
Thanks Wickham.
I will try and let you know.
-
I am working on my first project that started as a school assignment.
I was reading the old posts and I could not find the answer.
I can't figure out how to add Gradiant image background outside the header, navigation etc.
Here is a portion of my css style
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
color: #333;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 70px;
margin: 10px 0px 0px 0px;
background: #FFFFFF;
}
Thanks
Harry
styling border boxes
in CSS
Posted
Would you check my whole style sheet if I post it.
My goal is to have 9cells for the pics with few words under and every cell to have the same style.
Thanks Virtual and Wickham for your time.