How to position my tag div with top, bottom, left and right attributes?
So I have my background image and then I want only the sides to display so I put my div tag in the Center and does it extend to the edges of the top and bottom of the page, then theres a little bit of the background image on the sides of the white div. Than perfect, but when I focus I had to remove the position attribute. Now, I can not use the up, down, left and right attributes.
OLD CODE WITHOUT A CENTER:
{#whitediv}
position: absolute;
Top: 0px;
Width: 930px;
height: 100%;
z-index: 1;
background-color: #FFF;
}
NEW CODE WITH CENTER POSITION BUT CANT IT:
{#whitediv}
position:;
Top: 0px;
margin: 0px auto;
Width: 930px;
height: 100%;
z-index: 1;
background-color: #FFF;
}
To Center elements with CSS, you need 4 basic things.
- A document type is valid,
- width in pixels, % or ems, container
- a margin left and right of the automobile,
- default positioning (static or not specified).
For example, the following page has a centered division.
http://ALT-Web.com/test/resizable-BG.shtml
The background image is applied to the CSS body selector.
/ * DIV CENTERED * /.
{#page online purchase
Width: 70%;
margin: 5th auto;
Padding: 3em;
background: rgba (0,0,0, 0.70);
color: #FFF;
}
Nancy O.
Tags: Dreamweaver
Similar Questions
-
How to remove the space of 100px on the left and right sides outside the margin?
This photo shows the grey outlide margins Office has always 100px on the left and right but the tablet or phone no?
This file is set to 0 margin 0 padding but still 100px on each side of the left and right margin?
-Click on the white section that you are trying to get rid.
-This will select the 'page '.
-On the horizontal bar at the top where you have options for editing, you will find "Browser Fill"
-Click browser fill.
-Now you can insert the image of the background you want.
-blow and relieve the frustration.
Good luck!
-
HP Jet 11-D007NA: How do I copy and paste in Windows 10 with left and right keys
Hi Everyone, 27/08/15
I know the c control and control functions v for copy and paste with Excel and Word. How do cut you, copy, and move entire folders when you are working in Windows 10? 2 tapping fingers at the same time used to work in point 8.1 of Windows but does not work in Windows 10. I want to move my documents together and download files from my drive c on a memory stick that I have only 32 GB SSD in my book and it is fill up very quickly. I don't want to lose days copy individual files and sticking them in the memory stick. That would be a common mistake. I don't understand why HP had to remove the left and right buttons and make life very difficult for its customers. They probably saved a couple of hundred by getting rid of the buttons in their calculation of costs, but made it impossible for customers to use the laptop in a productive way.
Vijpat10
Have you tried pressing the right and left of the touchpad corners? Most of the models without physical buttons have this function.
-
How do I burn a cd with windows media player and have not any second 3 breaks inbetween the songs?
In the following FAQ... scroll to the bottom for...:
"Why are there gaps sometimes long between songs on the CD I burn?Windows Vista - burn a CD or DVD in Windows Media Player:
Frequently asked questions
http://Windows.Microsoft.com/en-us/Windows-Vista/burn-a-CD-or-DVD-in-Windows-Media-Player-frequently-asked-questionsThe free software CDBurnerXP has an option to burn a
CD music with or without addition of gaps.(if the audio has static air at the beginning or at the end...
which will need to be deleted manually with an audio
Editor-in-Chief).(FWIW) It's always a good idea to create a system
Restore point before installing software or updates)CDBurnerXP
http://www.CDBurnerXP.se/
(Yes, it works on XP, Vista, 7)CDBurnerXP to make Audio disc
http://CDBurnerXP.se/help/audio/compileaudio -
How to start my subscription abroad with the foreign language and writing unknown?
How to start my subscription abroad with the foreign language and writing unknown?
These can also be useful:
FAQ: Is creative cloud available in my country?
FAQ: Why my purchase showing the wrong currency?
FAQ: How can I view Adobe web pages in another language?
FAQ: How can I change the country associated with my Adobe ID?
FAQ: How can I change the language that appears in my creative cloud app?
-
Problems with left and right Divs
Hello, I have returned, to see if everything is OK if I could receive assistance with the same subject that I posted previously that came to no conclusion. I try to have two div to the left and right of eachother, which automatically stop the footer. Here are my problems with the following code:
1. for some reason, the left div is located in the upper left and right div located on the lower right corner
2. the divs do not automatically stop at the foot of page and corresponds to the amount of pixels in "min-height".
Demo page: http://www.expertpcguides.com/web-contributors.html
Paste the following code in my .css document
#left {}
Clear: both;
Background: url ('www.expertpcguides.com/mg/Left.jpeg');
}
#right {}
Clear: both;
Background: url ('www.expertpcguides.com/img/Right.jpeg');
}
Paste the following code in my html document
"<div id="left">< /div > .
"<div id="right"> < / div > .
Infact to reach the boxes of such height you'll probably have to use display: table;
This means wrap any 'left', 'boxcontent', 'good' section in another
:Then, using css:
{#displayTable}
Display: table;
}
#left {}
Background: url ("http://www.expertpcguides.com/img/Left.jpeg");
Display: table-cell;
Width: 12%;
}
#right {}
Background: url ("http://www.expertpcguides.com/img/Right.jpeg");
Display: table-cell;
Width: 12%;
}
#boxcontent
{
Width: 76%;
Display: table-cell;
padding: 30px 25px;
}
-
I have 4 eponymous divs with different images and rollover Javascript on them, spread horizontally on my page effects.
I'm trying to align their so there are gaps between each div, but NO space on the right and left side, so that they are tight to the edge. If I put a margin on the right side of 5px, for example, the div right hand still has a gap of 5px, otherwise he's going on the next line.
Of course, I can make a new rule for the div of the right hand with no margin to the right, but this will make more complex Javascript code with perform effect hover on two types of divs.
Is it possible to pin the divs to the left and right of the page with an 'auto' margins inbetween them?
I found a solution in any case. I've adjusted to the width of the div so that they coincide closely each side. Then align the images (HTML) 'Left, middle, Hugo, right' so that they are tight against each side and have differences even between them. If all goes well, there is no flaws with this method, it seems to work pretty well.
-
How you separate pages face to face with the left and right master pages
I have several documents that have been implemented as pages facing pages masters of left and right. Now, I need to separate them for the printer with left and right masters intact and bleed on 4 sides. All shortcuts out there?
Try this script of substances. It is quite old, but in CS6 still works fine. Not testing in CC.
aDoc = app.activeDocument; for (i=0;i
-
I use a graph with a left and right axis (2 data sets). I try to use a slider to select a point in time (x) and the values of y in the two sets of data. I can't understand how the control, the value that is returned for the value is when you use the GetGraphCursor call.
GetGraphCursor (panelHandle, PANEL_GRAPH, yourCursorNumber, & x & y)
Using SetCursorAttribute with the attribute ATTR_CURSOR_YAXIS must be what you are looking for. The online help for this attribute explains wery well:
Description: Used to change the y-axis which is associated with the bar graph.
When a graphics cursor is created, the Y axis with which it is associated is determined by the value of ATTR_ACTIVE_YAXIS. Subsequently, the association can be changed using ATTR_CURSOR_YAXIS.
The y-axis associate serves as reference for the coordinates of the cursor position in calls to SetGraphCursor and GetGraphCursor. -
I m using MacBook Pro with Maverick OS X version 10.9.5 and Garage Band 11´ v. 6.0.5 with hardware 2i2 Focusrite Scarlett Studio
kopi42 wrote:
Is it possible to share sound to the channels of the 'left' and 'right '.
Yes:
http://www.bulletsandbones.com/GB/GBFAQ.html#leftspeakeronly
(Let the page load COMPLETELY. The link to your answer is at the top of your screen)
-
Windows key + left and right arrows does not not with windows RemoteApp
My office has deployed RemoteApps applications to replace some installed locally. I and many of my colleagues, have 2-3 monitors and the windows + function "snap" left and right was a very convenient way of juggling several windows on multiple monitors. Unfortunately, it doesn't seem to work with windows RemoteApp. Does anyone know how to get this working?
Hello Ben,
Welcome to the Microsoft Community Forum.
The question you posted would be better suited to the TechNet community.
Please visit the link below to find a community that will support what ask you:
Microsoft TechNet
http://social.technet.Microsoft.com/forums/Windows/en-us/home?category=w7itpro
Hope the helps of information. Let us know if you need help with Windows related issues. We will be happy to help you.
Thank you
-
When I make a rectangle, the left and right edges are a bit fuzzy and thicker, then the bottom and at the top. It seems very strange and I don't know why that is.
I made a new document (72 dpi, preview mode: by default) and I tried to see if it's the same thing on another screen, and it is.
I thought that the problem would be with the 'align on the pixel grid' property but by activating / deactivating it doesn't matter. Maybe it's something with anti-aliasing? "Work of anti-aliasing" is checked in my preferences...
Here's an example, zoom level 100%.
The forms do not look sharp at all. No idea what this can be?
Lieselot,
Or you can try to switch between the GPU and CPU by pressing Ctrl / Cmd + E, or you try disabling GPU performance by clicking on the icon of the rocket in the bar of the App, or on the top of the menu bar, deselect the box Performance GPU. You may also uncheck performance GPU in your preferences.
-
How to group on the left and right audio tracks of a. OMF file?
Hi, I'm changing the sound of my short film, I sent one. OMF to audition for the first, but the left and right channels are separated in the multitrack session tracks, how would group them so whatever I do to a channel, will be the other
This is because the OMF specification requires mono audio files
It really depends on what you're trying to do with the two tracks as the best answer to the extent of the 'group '.
You can select all the clips on the tracks and right mouse click on and select "group".
You can send two channels to a bus
You can export the two lanes to a stereo file and that bring in the session
Many more things I know not but a little more details about what you're trying to do would help
-
How to make an object to rotate when it moves up and down or left and right of the key to the other?
Just animate the rotation property, you animate the position property of the same way. Very easy.
-
I am trying to embed vimeo files but they appear with black borders on the left and right edges
On vimeo, videos are in the right proportions. But as soon as I bring the videos in Muse with a video widget, a black border appears on the left and right sides.
Help with the help of Adobe Muse CC
The iframe that contains the video is set on a height of 650px. The proportions of your video is 16:9. Width of the video is of 1155. 1155px 650px x is 16:9, so your video is displayed correctly. If you were to try to force the video to fit on the edges left and right, someone viewing on a screen smaller than your will see the black bars at the top and bottom.
Maybe you are looking for
-
Super annoying who is nervous and also lag when you enter text in the fields. Anyone else having similar problems?
-
Equium cannot play the game due to the low 'virtual memory '.
When I try to install a game that I had installed in other series from toshiba, I had this massage 'this program is not installed because it takes at least 3 MB of virtual memory' Please help me. What is virtual memory? my laptop has 2 Gm of Ram and
-
This date has not to install 6 times already and don't stop telling me to install. What should I do if he will not be installed?
-
Anyone know how to access an xml using this type of query: query: "" /something: here/list/Articles "" and the xml code is like this: If I replace ' something: here "to anything and do the same thing in the xml file, everything works. I have tryied e
-
Hello world I have a question for my Canon Mp560. I used a Wlan_Router with MacADress filter. If ho can I find the Mac address of my Canon MP560? your sirenecly canongamer!