HTML and CSS

Help From Css Experince Developer

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Sep 2009

Posts: 4

Reputation: ayalsule is an unknown quantity at this point

Solved Threads: 0

ayalsule

Offline

Newbie Poster

Help From Css Experince Developer

Oct 11th, 2009

Hello There:
I Build Me web site in Drupal I Think you know it very well, so I look for theme and I found a beautiful theme but their is problem with it
http://drupal.org/project/acquia_marina
I want To make the theme 3 column, with width 100% not fixed for all the theme header and footer and body
really he is made up of 3 column but the third column is placed in div content ,and i want to move it to out of div content and make it sperated
any body here can help and tell what the changes i had to make in HTML code and CSS code to make what i want.

•

Join Date: Sep 2007

Posts: 4

Reputation: infocraze is an unknown quantity at this point

Solved Threads: 0

infocraze

Offline

Newbie Poster

Oct 11th, 2009

Hi, visit www.w3schools.com for free detailed css tutorials

Online Shopping UK
Buy Now Pay Later Clothing
Pakistan
Buy Furniture Online

•

Join Date: Sep 2009

Posts: 4

Reputation: ayalsule is an unknown quantity at this point

Solved Threads: 0

ayalsule

Offline

Newbie Poster

Oct 11th, 2009

Really I Started to study css tutorials but i can`t solve the issue a faced can you help me?

•

Join Date: Jan 2009

Posts: 102

Reputation: Zero13 is an unknown quantity at this point

Solved Threads: 16

Zero13

Online

Junior Poster

Oct 12th, 2009

I don't understand your question? If you have HTML and CSS code. Please post here.

•

Join Date: Dec 2008

Posts: 30

Reputation: dipak_passion is an unknown quantity at this point

Solved Threads: 1

dipak_passion dipak_passion is offline

Offline

Light Poster

Oct 13th, 2009

Hello Ayalsule,

You want 100% layout with three column, there are so many solutions, you can make any one or two div fixed widht and the 3rd will be 100%, or can make any one div fixed and rest two will be 100% or you can also make the three divs flexible.

Attached is the 3rd option to make a fluid layout for 100%.

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<!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>Untitled Document</title>
</head>
<style type="text/css">
* { padding:0; margin:0; }
#col-l, #col-2, #col-3 { float:left; }
#col-l, #col-2 { width:33%; }
#col-l {background:#f8f8f8;}
#col-2 { background:#ccc}
#col-3 { width:34%; background:#999;}
</style>
 
<body>
<div id="col-l">Column one</div>
<div id="col-2">Column two</div>
<div id="col-3">Column three</div>
</body>
</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>Untitled Document</title>
</head>
<style type="text/css">
* { padding:0; margin:0; }
#col-l, #col-2, #col-3 { float:left; }
#col-l, #col-2 { width:33%; }
#col-l {background:#f8f8f8;}
#col-2 { background:#ccc}
#col-3 { width:34%; background:#999;}
</style>

<body>
<div id="col-l">Column one</div>
<div id="col-2">Column two</div>
<div id="col-3">Column three</div>
</body>
</html>

Please add a repution if this helps you.

Happy coding..

•

Join Date: Dec 2008

Posts: 30

Reputation: dipak_passion is an unknown quantity at this point

Solved Threads: 1

dipak_passion dipak_passion is offline

Offline

Light Poster

Oct 13th, 2009

ALSO CSS NAMING WILL BE CHANGED AS PER DRUPAL'S CSS NAMING CONVENTION.

thanks

•

Join Date: Dec 2004

Posts: 4,281

Reputation: peter_budo has much to be proud of

Solved Threads: 494

peter_budo peter_budo is offline

Offline

Code tags enforcer

-1

Oct 13th, 2009

•

Originally Posted by dipak_passion

Please add a repution if this helps you.

Begging for reputation, shameless...

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
LJC - London Java Community, Graduate & Undergraduate Software Development Community, JAVAWUG (Java Web User Group), The London Android Group

•

Join Date: Jul 2008

Posts: 1

Reputation: mashfred is an unknown quantity at this point

Solved Threads: 0

mashfred

Offline

Newbie Poster

Oct 13th, 2009

am also experiencing the same difficulty.please notify me if you are assisted

•

Join Date: Dec 2008

Posts: 30

Reputation: dipak_passion is an unknown quantity at this point

Solved Threads: 1

dipak_passion dipak_passion is offline

Offline

Light Poster

Oct 13th, 2009

•

Originally Posted by mashfred

am also experiencing the same difficulty.please notify me if you are assisted

Please let me know which type of difficulties are you facing. Also try with my above given code.

•

Join Date: Sep 2009

Posts: 4

Reputation: ayalsule is an unknown quantity at this point

Solved Threads: 0

ayalsule

Offline

Newbie Poster

#10

Nov 2nd, 2009

I solved Part of the Proponents

Problem that is still is how i can make 3 colums Beside
I think the proplem here because they but the last sidebar div inside the content div but i want it like this
http://firststep.sy/uploads/theme.jpg

I upload the html and css Here or in attatchment
any body advise me Plz?

Attached Thumbnails