Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
Is there any way to make the background as following image.
Should I use to three div classes to create this kind of background. I have no clear idea. I tried to find a way from google. But I couldn't. Please help me.
You can use a single image as the background or you can use say two images as a background - top and then bottom. the second way maybe better for a responsive layout but i dont know enough details to be able to say either way.
Using two background images would look something like this:
.yourclass {
background-image:url(yourimage.png), url(yourotherimage.png);
background-position:top left, bottom right;
}
Related
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 1 year ago.
Improve this question
This is the image I want to design using pure css without background image, can use background color. Any suggestion me to do design for above mentioned image.
I don't have many reputations to comment on, i.e. I'm replying to you in the answer. I'm a newbie.
You have to research more on this content, you should search "Pure Css Posters" on youtube for reference.
For now, I would suggest you some ideas.
1. You can use 2 sections to create those white blocks, and For Shape Just use the "clip-path" Property and for the card container, put a gradient on the background using linear-gradient.
2. In those white sections, use before or after selectors to mark that greyish part.
3. Make sure you're using Flex properties to keep it aligned.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 7 years ago.
Improve this question
http://tunein.com/radio/Verten-Radio-s150574/
If you check this web page, you will find that the green logo: "Verten Radio" is being included in the upper part. Could you explain how it works?
They use position : absolute; and then assign top and left value to the element, therefore the green logo is being included in the upper part. I think that you should learn about Position first, and then learn how to use Google Chrome DevTools. it will help you inspect element, you won't get confused with HTML, CSS and JS technique used in other websites. hope that helps.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I have had this problem earlier but I have changed themes as well as sliders. Therefore I tried to mimic what was shown to me before but I have not had any luck. Could someone show me how to find exactly which id / div it is I need to edit to move things around properly? How are you sure when you have hit the correct div to add css to? www.bwsurfshop.com Im just trying to get the image to go to the right of the slider instead of under it..
Thanks for the help again..
Try adding float: left; to the container of your slider (class soliloquy-container).
This the outcome in chrome (simulated using DevTools)
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm new to HTML and CSS and I don't know any other web languages. 2 Questions:
When my website (zarwanhashem.com) is accessed using a different resolution than the one it was made on the header area at the top isn't filling up the page and the text is going beyond it as well. I didn't have this issue at first. Why is it messing up? Also, I'm not sure if you can see my CSS from inspect element.
The footer I created isn't showing up. It was working fine last night and I honestly have no clue what changed that made it stop working now. It isn't showing up.
Let me know if you need any other details. Thanks for the help.
your footer is inside a misclosed comment <!--footer-> instead of <!--footer-->
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I essentially want to be able to scale the entire site (images, elements, the whole sha-bang) to what ever browser size window the user is using. Anyone have success doing this and would be willing to share how?
I'm using HTML 5 by the way.
You need to start thinking about sizing your elements using percentages instead of pixels.
Take a look at this simple example and it may help you on your way. Good luck.
http://jsfiddle.net/hACbn/1/
Take a look at using responsive layouts:
Here's a half decent framework to get you started
http://gridpak.com/