Greetings, my problem is when a different ‘div’ tag shunts a pre-existing one further listed below, only the outdated div’s content goes – the div itself stays from the same place. This is a picture of an illustration:
http: //i303. photobucket. com/albums/nn134/mr-skill/Picture22. png
The chief box with the actual semi-opaque black background can be a div called ‘gallery’. I’ve truly inserted a navbar over this in it truly is own div, visible dimly behind the top part of ‘gallery’.
The navbar has shunted the particular content of ‘gallery’ (6 photographs with captions) downwards, whilst ‘gallery’ alone has stayed set up. How do you ensure that a div + its content will conduct themselves ‘as one’ Support much appreciated, thank you.
PHP:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML ONE. 0 Transitional//EN" "http: //www. w3. org/TR/xhtml1/DTD/xhtml1-transitional. dtd">
< html xmlns="http: //www. w3. org/1999/xhtml">
< head>
< meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
< title> Untitled Document< /title>
< link href=".. /overall. css" rel="stylesheet" type="text/css" />
< style type="text/css">
<! --
. mugshots
padding: 10px;
#gallery
width: 673px;
margin-right: auto;
margin-left: auto;
height: 170px;
margin-top: 20px;
margin-bottom: 20px;
background-color: #000000;
opacity: 0. 80;
-moz-opacity: 0. 80;
filter: alpha(opacity=80);
#pic1
width: 112px;
height: 163px;
left: 0px;
top: 0px;
float: left;
opacity: 0. 80;
-moz-opacity: 0. 80;
filter: alpha(opacity=80);
#pic2
width: 112px;
height: 163px;
float: left;
opacity: 0. 80;
-moz-opacity: 0. 80;
filter: alpha(opacity=80);
#pic3
width: 112px;
height: 163px;
position: relative;
float: left;
opacity: 0. 80;
-moz-opacity: 0. 80;
filter: alpha(opacity=80); <br
This entry was posted in Web Design and tagged Background Color, Black Background, Captions, Charset, Content Type, Div Tag, Doctype, Html Nbsp, Lt, Moz, Mugshots, Navbar, Nbsp Html, Padding, Png, Shunts, Stylesheet, Text Html, Transitional Dtd, Xmlns. Bookmark the permalink.