grabenair
-
Posts
338 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by grabenair
-
-
Got it I used margin-top and margin- bottom I new this just my alsimers kicking in i guess.
-
I used -moz-border-radius and -webkit-border-radius to round my corners. The box has scoll bars I can not figger out how to make it look right. In my code I used auto instead of scroll for I do not have a empty bar at the bottom. Here is the link to the page that I am working on. http://robertbonnerswebdesigns.com/bg_testing.htm what I am looking to do is make the corners rounded with the scroll bars. I am going to change the the page to html 5 also. My client does not care what it looks like in IE he said "I don't care about IE.. It can look crappy for all I care" Lets just say he hates IE.
-
Will some please tell me the css code for spacing paragraphs. Thank you
-
I would use disjointed roll overs found under behavers in DW Make an img of the drop down menu in photoshop or fireworks. How this works simply is that when you hover over a img a new one pups up or I prefer to use the mouse click. That way users are not contending with pop ups. I know this is not real clear but to explane this all out I would be typing for a couple of hours. So go to your help menu in DW and look under disjointed rollovers and go to youtube there you can find a lot of videos on the subject. I would tell you to go to killersites videos but I can not tell you witch one to look under for this as I have not been able to log in for a few days. If You would like email me at grabenair@gmail.com and I can send you some info on how to do this I check my email a few times a day.
-
I am not sure what you are trying to do without a link but here is some code I use for links and adapt for use in different sites.
#main_nav {
height: 50px;
width: 960px;
clear: both;
border-top: thin solid #000;
background-color: #F5F5F5;
}
#main_nav ul {
list-style: none;
margin-top: 0px;
padding-top: 0px;
float: left;
text-align: center;
}
#main_nav li {
float: left;
margin-top: 10px;
padding-left: 5px;
text-transform: capitalize;
margin-left: 33px;
}
#main_nav ul li a {
text-decoration: none;
font-size: 1em;
font-family: Verdana, Geneva, sans-serif;
text-transform: capitalize;
color: #FFF;
display:block;
margin-right:0.5em;
background: url(../imgs/blue_nav_bkgd.jpg) no-repeat;
width: 123px;
padding-top: 0.2em;
padding-bottom: 0.2em;
line-height: 1.2em;
font-weight: bold;
}
#main_nav ul li a:hover {
color: #CCC;
}
-
not sure but what I do when i have a page of different lengths is make a new css rule for this document only and use the same name . That way in the cascade the new one will be at the bottom and the height only effects that page only effect that page. An example of this http://www.roxanesmarine.com
-
How do you stretch a background img to fit the whole browser window. I have googled this and can only find old stuff. What my client, my nephew, is looking for is something like they did here http://www.ryandungey.com/photos/category/race I tried to use firebug to figger out how they did it. But can not get it. I figger it is something simple I am missing, it useually is.
-
I fixed this prob. I just made the main content and left sidebar to height when I got the rest of the page done instead of letting the content set the height works for now thanks everbody
-
The blank <p> tag is for an imag i havent put in yet. Thanks I will try this
-
oh ya it is really ugly still working on it
-
I now have the page on line forgot to move it to the right file on my server sorry.
-
Eric I just uploaded the page to my server. I can leave it up for a few hours as I took down the site and put up this revised page I am working on Thank You.
PS I will be using short hand CSS just forgot to so far. I am still learning to use short hand
-
I have a small gap between the main content and the footer. I had one between the main content and the main nav. I fixed that by experimenting and found that when I put the margin to 0 on the top instead of just leaving it blank,DWCS4, it salved the problem but does not work on the footer. I could just fix this by making my wrapper the same color as my main content but that leaves my border short.
body {
background-image: url(../imgs/texture.jpg);
}
#wrapper {
background-color: #C99;
width: 960px;
margin-right: auto;
margin-left: auto;
border: thin solid #000;
}
#header {
height: 120px;
width: 960px;
}
#main_nav {
background-color: #FFF;
width: 960px;
height: 42px;
}
#left_sidebar {
width: 200px;
background-color: #F00;
height: 200px;
float: left;
border-top-width: thin;
border-top-style: solid;
border-top-color: #000;
}
#main_content {
width: 748px;
background-color: #FFF;
margin-left: 200px;
padding-left: 10px;
margin-top: 0px;
border-top-width: thin;
border-top-style: solid;
border-top-color: #000;
border-left-width: thin;
border-left-style: solid;
border-left-color: #9D9D9D;
margin-bottom: 0px;
}
#main_nav img {
margin-left: 178px;
padding-top: 10px;
}
#footer {
width: 960px;
font-size: 10px;
text-align: center;
background-color: #FFF;
height: 15px;
}
-
My one and only client called me 6 hours ago and wants facebook feed on her site. I have been looking on Google on how to do this ever sense she called me. I am still lost. I guess my question is can anybody point me in the right direction? The site is not a wordpress site.
-
Thanks I never thought of that. That is a very good idea. My friend that has been web designing and developing for over ten years did not think of that. He did tell me that the site was tight. Thank you again.
-
Thanks for the info joecool I will go see if I can fix it.
Thanks for the advice pb1uk. The look of 80s/early 90s feel is kinda what I was looking in for from advice. I keep looking at the site trying to figer out what was missing I think you hit it. I do play with fictious sites for practice. I am also building a web reference site, not that I am all that good but it gives me another site to show clients and a place to go find stuff I forgot how to do. The site is http://www.freewebdesigningreference.com and thank you again
-
Thanks for the link pb1uk I went and played with it is is so cool!
-
I am new at this also, but I would try to set the top margin to push the container down to where you want it. This may be wrong I do not know.
-
I just finished with my first client, who is very happy with her site. But I would like some opinion good or bad, I take criticism well. I feel that it is ok for a beginner. But of coarse I built it lol. I just feel like I could use some input from fellow designers. I have only been doing this about 18 months. I took two classes, but I learned more from this site and linda.com. Also from a friend that has been doing this for over 10 years. The site is http://www.roxanesmarine.com I have a long way to go I know, but I am hopping by mid summer I can find a job somewhere as a intern. Thank you
-
I guess I am not paying close enough attention, I noticed that this site has the dashed outline when you click on a link. So I went surfing the the internet and found it on a lot of sites. I am guessing it has something to do with using pixy rollovers. I am not sure but this is where I found it on the sites that I looked at. Thank you all who tried to figure out what I was trying to fix.
-
Andrea and Ben just thought I would let you know you are awesome!!!!!!!!!
-
Yes it does go all the way across except when you view it on a monitor 15in then you have to scroll to the right and then it disappears.
-
-
I am sorry I am not being clear enough. It is only when you click on the link. For Andrea I changed the links and did not put any borders to make it easier to see. But now the box is white it changes color with my text color.
I rounded my cornes
in Advanced Web Design
Posted · Edited by grabenair
Sorry I am not very good at explaining what i am trying to do. I want to keep the box at a fixed size, with the scroll bars. Because my client wants the background to stretch the way it does. The background that is there is for testing for now along with my css not in an external file. I do not want the background to move I am going to add parts of photos superimposed on top and need the content to be in a small box. What I mean is I need to take parts of photos like my clients head and put it in a div some where on the page on top of the background. So I have to have all the content on the page without having to scroll to see it all. Back to my prob I made the mistake of showing him the rounded corners, because I like the look, but that was before I added the content. My prob is that I can not figer out, or find any info on this, how to keep my scroll bars inside the rounded corners. I tried html5 also same prob. By the way I learned html5 from this site very good tut. I had fun working along.