0

hi, i have been working on a log with my friend and we want it to look like the attachment, i currently have a basic css part and html:

#index_blog{
	float:left;
}

and html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Welcome to CTech</title>
		<link type="text/css"
		rel="stylesheet"
		src="CTech.css"/>
	</head>
	<body>
		<div id="index_blog">
			This is some text
		</div>
		<div id="twtr-profile-widget"></div>
		<script src="http://widgets.twimg.com/j/1/widget.js"></script>
		<link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet">
		<script >
			new TWTR.Widget({
  				profile: true,
  				id: 'twtr-profile-widget',
  				loop: true,
  				width: 250,
 	 			height: 300,
  				theme: {
    				shell: {
      				background: '#000000',
      				color: '#00fcfc'
    				},
   	 			tweets: {
    				background: '#7f7bfa',
      				color: '#00fcfc',
      				links: '#fff200'
    				}
  				}
			}).render().setProfile('CadetTech').start();
		</script>
	</body>
</html>

what can i do to have it like the attachment?

2
Contributors
4
Replies
5
Views
8 Years
Discussion Span
Last Post by leegeorg07
0

well, currently with that code, the it all aligns vertically, as in:
text
----------
twitter
---------
text

what can i do about it?

0

use a DIV for each section "myBlogPosts", "twitterFeed", "yourBlogPosts", and float each DIV left.

#yourBlogPosts {
      float: left;

}
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.