hi,
The inside of the box is white with a 2px blue border, I have done the divs for #squaretop and #squarebottom but they don't seem to show up when I test it. I don't have a url yet so the pics are the best that I can do. Not quite sure how to insert an image into this new post as the images are on my hard drive, so you know what I am trying to ask
CSS
body { background-color: #ffffff;
font-family: "Century Gothic";
font-size: 62.5%;
color: #000000;
font-weight:normal;
}
#wrapper {
background-color:#ffffff;
height:auto;
width:750px;
margin-right:auto;
margin-left:auto;
}
#headerlogo {
height: 70px;
width: 760px;
}
#headerimage {
margin-left:8%;
width:368px;
height:261px;
padding:20px 0 0 0;
}
#headernavigati on {
width:750px;
height:10px;
font-size:1.1em;
color:#96ADBF;
font-family:"Century Gothic";
margin-left:13%;
}
#maincontent {
background-color: #ffffff;
height: auto;
width: 100%;
margin-top:5px;
font-size:1.2em;
}
#squarecont {
width:750px;
height:auto;
}
#squaretop {
width:750px;
height:152px;
background:url(/images/squaretop.gif) no-repeat center top;
}
#squarebottom {
width:750px;
height:114px;
background:url(/images/squarebottom.gi f) no repeat center bottom;
}
#squaretext {
font-family:"Century Gothic";
font-size:1.2em;
border-left:solid #cbd7e6 2px;
border-right:solid #cbd7e6 2px;
}
HTML -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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=iso-8859-1" />
-
<title>Photo Restoration Expert, Photo enhancement, Red eye repair</title>
-
<link href="sitefiles/photorestorationexpert.css" media="screen" type="text/css" rel="stylesheet" />
-
-
-
</head>
-
-
<body>
-
-
<div id="wrapper">
-
<div id="headerlogo">
-
<img src="images/photorestorationexpert logo.jpg" width="760" height="70" alt="photo restoration expert logo" /></div>
-
-
-
<div id="headernavigation">
-
<h1>Home
-
Gallery
-
Prices
-
Contact</h1>
-
</div>
-
-
<div id="headerimage">
-
<img src="images/redeye before&after together.jpg" width="298" height="215" alt="red eye before and after" /></div>
-
-
<div id="maincontent"></div>
-
<div id="squarecont">
-
<div id="squaretop"></div>
-
<div id="squaretext">
-
-
<p>
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut eros mi, aliquam sit amet, facilisis sit amet, scelerisque a, felis. Aenean elit tellus, varius at, pretium quis, fringilla sit amet, urna. Donec in nibh ut quam eleifend venenatis. In hac habitasse platea dictumst. Nulla facilisi. Nam ac sapien sed eros malesuada porttitor. Nunc eget lacus sed nibh cursus dictum. Pellentesque ipsum neque, tincidunt at, mattis a, pulvinar sit amet, ipsum. Aliquam sollicitudin lacus et ipsum ullamcorper cursus. Mauris elementum libero non nulla.
-
</p>
-
-
<p>
-
Phasellus suscipit, justo id commodo eleifend, arcu eros sagittis tortor, in vehicula eros enim id urna. Quisque sed turpis. Nam a sapien nec quam adipiscing pretium. Duis sollicitudin iaculis lectus. Nulla facilisi. Aliquam erat volutpat. Vivamus dui neque, egestas vel, tristique sed, posuere at, est. Sed magna ligula, fermentum ut, suscipit in, molestie quis, nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut pulvinar.
-
</p>
-
-
</div>
-
<div id="squarebottom"></div>
-
-
</div>
-
-
</div>
-
-
</body>
-
</html>
-
1  1616 
hi,
The inside of the box is white with a 2px blue border, I have done the divs for #squaretop and #squarebottom but they don't seem to show up when I test it. I don't have a url yet so the pics are the best that I can do. Not quite sure how to insert an image into this new post as the images are on my hard drive, so you know what I am trying to ask
CSS
body { background-color: #ffffff;
font-family: "Century Gothic";
font-size: 62.5%;
color: #000000;
font-weight:normal;
}
#wrapper {
background-color:#ffffff;
height:auto;
width:750px;
margin-right:auto;
margin-left:auto;
}
#headerlogo {
height: 70px;
width: 760px;
}
#headerimage {
margin-left:8%;
width:368px;
height:261px;
padding:20px 0 0 0;
}
#headernavigati on {
width:750px;
height:10px;
font-size:1.1em;
color:#96ADBF;
font-family:"Century Gothic";
margin-left:13%;
}
#maincontent {
background-color: #ffffff;
height: auto;
width: 100%;
margin-top:5px;
font-size:1.2em;
}
#squarecont {
width:750px;
height:auto;
}
#squaretop {
width:750px;
height:152px;
background:url(/images/squaretop.gif) no-repeat center top;
}
#squarebottom {
width:750px;
height:114px;
background:url(/images/squarebottom.gi f) no repeat center bottom;
}
#squaretext {
font-family:"Century Gothic";
font-size:1.2em;
border-left:solid #cbd7e6 2px;
border-right:solid #cbd7e6 2px;
}
HTML
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.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=iso-8859-1" />
-
<title>Photo Restoration Expert, Photo enhancement, Red eye repair</title>
-
<link href="sitefiles/photorestorationexpert.css" media="screen" type="text/css" rel="stylesheet" />
-
-
-
</head>
-
-
<body>
-
-
<div id="wrapper">
-
<div id="headerlogo">
-
<img src="images/photorestorationexpert logo.jpg" width="760" height="70" alt="photo restoration expert logo" /></div>
-
-
-
<div id="headernavigation">
-
<h1>Home
-
Gallery
-
Prices
-
Contact</h1>
-
</div>
-
-
<div id="headerimage">
-
<img src="images/redeye before&after together.jpg" width="298" height="215" alt="red eye before and after" /></div>
-
-
<div id="maincontent"></div>
-
<div id="squarecont">
-
<div id="squaretop"></div>
-
<div id="squaretext">
-
-
<p>
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut eros mi, aliquam sit amet, facilisis sit amet, scelerisque a, felis. Aenean elit tellus, varius at, pretium quis, fringilla sit amet, urna. Donec in nibh ut quam eleifend venenatis. In hac habitasse platea dictumst. Nulla facilisi. Nam ac sapien sed eros malesuada porttitor. Nunc eget lacus sed nibh cursus dictum. Pellentesque ipsum neque, tincidunt at, mattis a, pulvinar sit amet, ipsum. Aliquam sollicitudin lacus et ipsum ullamcorper cursus. Mauris elementum libero non nulla.
-
</p>
-
-
<p>
-
Phasellus suscipit, justo id commodo eleifend, arcu eros sagittis tortor, in vehicula eros enim id urna. Quisque sed turpis. Nam a sapien nec quam adipiscing pretium. Duis sollicitudin iaculis lectus. Nulla facilisi. Aliquam erat volutpat. Vivamus dui neque, egestas vel, tristique sed, posuere at, est. Sed magna ligula, fermentum ut, suscipit in, molestie quis, nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut pulvinar.
-
</p>
-
-
</div>
-
<div id="squarebottom"></div>
-
-
</div>
-
-
</div>
-
-
</body>
-
</html>
-
Hi,
First I don't really understand what you are asking. How would you like to see your top and bottom ids when they are empty and there is no info in them. their margin is auto and if there is nothing in them they just don't show anything.
<div id="squaretop"> put some info here to see this div working and the same for squarebottom</div> Let me know if this helps
Sign in to post your reply or Sign up for a free account.
Similar topics | |
by: WindAndWaves |
last post by:
Hi Gurus
I have a page, which looks a bit like this:
....
<body>
<div ID=id1>................</DIV>
<div ID=gsd>................</DIV>
<div ID=ewd>................</DIV>
<div ID=fac>................</DIV>
|
by: veerleverbr |
last post by:
Hi,
I have the following html:
<div id="content">
<div id="leftpart">...</div>
<div id="rightpart">...</div>
</div>
leftpart en rightpart are in the css set to float left. The content of
leftpart and rightpart div is so that both divs have different height.
|
by: gregmercer |
last post by:
I have the following html sample, where I'd like to have a show and
hide two divs, one replacing the other. Following these two divs is a
third div (the bluediv) which I would like to have placed right up
directly below to the first or second div, depending on which is
showing.
If you load the html in Firefox, and then click on the "Edit" link you
can see that the first div is hidden, the second div is shown, however
the third div is...
|
by: meltedown |
last post by:
I would like the floating divs to float and then the header to come
after them , on the left. That's what I thought clearing the floats was
for, but in this example, the header is to the right of the floating
divs, nothing is cleared. What am I doing wrong ?
Here is the url:http://www.reenie.org/test/test5.php
Here is the code:
<html>
<head>
|
by: Ben Wall |
last post by:
I have a page with six or seven absolutely positioned DIV blocks ... they
all contain form elements .. text boxes, buttons, etc. and they all reside
within a containing "master" DIV. What I need to do is overlay all of the
DIVs with a "pop-up" DIV to get some additional input; so, on a button
click I am setting the visibility and the top/left coordinates to bring it
into position ... but what's happening is that three elements underneath...
| | |
by: roula |
last post by:
I HATE DIVS AND DIFFERENT BROWSERS!!! i spent the whole day and night searching for a way to center align stupid divs, the problem is that the code is so sensitive, i lost my mind trying to make them work in a certain way (like some should scroll with a fixed background and others shouldn't scroll bla bla..) and the divs are nested and positioned in different ways and if i change something it gets messed up and what works in in IE doesn't work...
|
by: rigiditymodulus |
last post by:
Hi -
So, I had this working perfectly, then had a small crash (the transmitter for my wireless mouse occassionally freaks out my MacBook Pro) and when I rebooted and opened up my file the two layered DIVs I had were no longer showing up correctly. I had this going fine for several hours -- it wasn't a happy accident I forgot to save. I'm totally mystified on this one.
Here's the summary: I want #container to be under #containerbranch, so...
|
by: warp |
last post by:
With some help from a friend I made a layout for this website:
http://jwstolk.xs4all.nl/roelof/ (don't mind all the unfinished junk, the home page is of concern)
In FF 3 it shows just fine, but when I test it in IE 6 the divs with text don't center. I read about using text align:center; becuase IE doesn't support auto margins, but I don't want my text to center. I want it to align on the left of my div, and get the whole div centered.
...
|
by: dmj07 |
last post by:
What I would like to achieve is to have two divs on either side of my tab container, one on the left and one on the right both touching the far sides. Then information will need to go inbetween the two divs in the middle.
They also need to automatically expand in height when the tab container expands. Here is my code up to now:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<link...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
| | |
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| | |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |
