Forums

Grzesiek

Site's html is here:
http://rafb.net/p/VzjdoR36.html

Image:
http://www.gry-online.pl/.%5CGaleria%5C ... 021779.gif

Now is like at the top half of image.
I want to do like the bottom of image.

So the quote's div is mobile (like we have with images).

Anyone can help me?

MikeC

Does it have to be two divs?

If not then try this code:

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\" dir=\"ltr\" lang=\"en-gb\" xml:lang=\"en-gb\">

<head runat=\"server\">
    <title>Untitled Page</title>
    <style type=\"text/css\">
 
    /* BBCode
 ------------ */
.quotetitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px;
	border: solid 1px #C6DBC7;
	color: #7DA578;
	background-color: #EAF2E9;
	font-size: 0.85em;
	font-weight: bold;
}
 
.quotetitle .quotetitle {
	font-size: 1em;
}
 
.quotecontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #C6DBC7;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
/*	font-family: \"Lucida Grande\", \"Trebuchet MS\", Helvetica, Arial, sans-serif; */
	background-color: #EFF7EE;
	color: #444;
}
 
.quotewrapper 
{
	clear: both;
	margin: 10px 5px;
	background: #EAF2E9 top left no-repeat;
	padding-left: 19px;
	border: solid 1px #C6DBC7;
	border-bottom-color: #AAC9AC;
	border-right-color: #AAC9AC;
	width: 100% -20px;
}
.quotewrapper .quotetitle { 
	margin: 0; 
	border-width: 0 0 1px 1px;
 
}
.quotewrapper .quotecontent {
	margin: 0; 
	border-width: 0 0 0 1px;
}
#avatar { float: right; width: 55px; height: 55px; }
 
    </style>
</head>
<body>
    <form id=\"form1\" runat=\"server\">
    <div class=\"quotewrapper\"><img src=\"../upload/avatars/no_avatar.gif\" id=\"avatar\" /><div class=\"quotetitle\">{0} napisa&#322;:</div><div class=\"quotecontent\">{1}</div>
    </div>
    </form>
</body>
</html>

treehouse : what would you like to learn today?

Forums

Two divs and problem. Please help.