coolgirl1
-
Posts
9 -
Joined
-
Last visited
coolgirl1's Achievements
Newbie (1/7)
1
Reputation
-
Hi!to a previous post I had. I talked about having trouble centering a picture and being able to add links to the left of it because the links would be pushed down. I figured out that I need to do a container. Problem is, not sure how to style it in CSSI want my link menu to be to the left and I want my image to be centered. Do I have to do a complete HTML layout or can I just contain the image?How would I go about that code wise? I know in HTML I would put< div id="container"> or <div id="content">Any help would be appreciated. Thanks.
-
html <!doctype html><head><title> Website </title><link rel="stylesheet" type="text/css" href="styles.css" /></head><body> <h1> The Official Website For me </h1> <br /><br /><br /><br /><br /> <a href="http://www.facebook.com" class="menu"> Facebook </a><br /><a href="http://www.twitter.com" class="menu"> Twitter </a> <br /><br /><br /><br /><br /><br /><br /><br /><br /> <div><a href="http://www.facebook.com"><img src="facebook.ico" /> </a> <a href="http//www.twitter.com"><img src="twitter.ico" /> </a> <a href="http://www.plus.google.com"><img src="google.ico"> </a></div> CSS body{background-color:powderblue;} h1{color:blue;font-family:comic sans ms;text-align:center;} p{text-align:center;color:blue;font-family;comic sans ms;} a.menu{color:blue;font-family:comic sans ms;font-size:20px;text-align:left;} a.menu:hover{color:green;font-family:comic sans ms;font-size:20px;} div{text-align:center;} div a{text-decoration:none;} Thank you.
-
Thanks. But, it still doesnt work. Even when I try to do a paragraph or anything, it still pushes all links down. Is it possible that you can't do that?
-
Thank you for responding. This is my code for my menu. CSS a.menu{color:blue;font-family:comic sans ms;font-size:20px;text-align:left;} a.menu:hover{color:green;font-family:comic sans ms;font-size:20px;} This is my code for my html menu part <a href="http://www.facebook.com" class="menu"> Facebook </a><br /><a href="http://www.twitter.com" class="menu"> Twitter </a> Image CSSIMG.ocean { display: block; margin-left: auto; margin-right: auto }HTML<img src="ocean.jpeg" class="ocean" />
-
Hi,On my main web page, I made a menu link list. It is to the left. I made it a class and styled them. On the top, I have a typical h1 but, I want to insert an image in the center below h1 and next to the link menu. I did the margin auto to center and it worked. But, it does not line up on the same line as my link menu. Instead, it pushes the menu down. Any ideas on how to fix this? Thanks.
-
Thank you for getting back to me. I appreciate that.I did what you said. I created a border class in the p element. It did work however, it stretches across the page. Is there a way to adjust the height and width of the border? Thanks.
-
Hello!When making a border in CSS, can you put a border around a bunch of links? I wanted to make a square over my side bar of links.Thanks.
-
Hi, thank you for getting back to me. I appreciate your time.I have been learning from that website. Great site! I re-did the code and it seemed to come out right but I wanted to double check with you. I did this. img.fbook{position:absolute;middle:0px;margin-left:16cm;} img.twitter{position:absolute;middle:0px;margin-left:14cm;} img.googleplus{position:absolute;middle:0px;margin-left:12cm;} html <a href="http://www.facebook.com"> <img class="fbook" src="facebook.ico"> </a><a href="http://www.twitter.com"> <img class="twitter" src="twitter.ico"> </a><a href="http://www.plus.google.com"> <img class="googleplus" src="google.ico"> </a>
-
Hello!I have been learning CSS for a while and enjoy it very much. I am baffled by something though. I want to align images side by side on the bottom of my webpage. They are a facebook icon, twitter icon, google plus icon, and so on. I hyper linked them so people can click them to get to my pages. However, doing this seems hard. I have heard many different ways to do it but it doesn't work well.What I did myself was this code in CSS. Here is what I have. CSS PART img.center{margin-left:15cm;} img.center1{margin-right:14cm;} HTML PART <a href="http://www.facebook.com"> <img class="center" src="facebook.ico"> </a><a href="http://www.twitter.com"> <img class="center1" src="twitter.ico"> </a> While that did indeed work, it put a small blue line in between the two icons. I think it is part of the hyperlink.Any ideas on how to do this or if there is a right way? I would appreciate any help. If you want, I would be happy to email a copy of my website to show you the icons.Thanks.
