/    Sign up×
Community /Pin to ProfileBookmark

How do I make this area white? please see post for explanation.

Copy linkTweet thisAlerts:
May 26.2006

I have a site checkout [URL=”http://www.trinahalcomb.com”]http://www.trinahalcomb.com[/URL] I want this to happen.

See picture: [URL=”http://www.trinahalcomb.com/areawhite.jpg”]http://www.trinahalcomb.com/areawhite.jpg[/URL]

Like namecheap.com has.

Thanks guys for the help.

?

to post a comment
HTML

11 Comments(s) ↴

Copy linkTweet thisAlerts:
@csisupportMay 26.2006 — Hi Epoman,

If You want make whole site with white background. So you need to some changes in your all html pages HTML. Find below the changes:

Example:

Your HTML Pagename: http://www.trinahalcomb.com/main.htm

Your Current HTML Body Section:
-----------------------------------------------------------------------------------


<BODY BGCOLOR="#EFEFEF" TEXT="000000" LINK="#800080" VLINK="" marginwidth=10 marginheight=0 leftmargin=10 topmargin=0>
-----------------------------------------------------------------------------------


Your HTML shows page background colour is light grey (BGCOLOR="#EFEFEF"). So you need to change that colour code in white (BGCOLOR="#FFFFFF").

Modified HTML Body Section:
-----------------------------------------------------------------------------------


<BODY BGCOLOR="#FFFFFF" TEXT="000000" LINK="#800080" VLINK="" marginwidth=10 marginheight=0 leftmargin=10 topmargin=0>
-----------------------------------------------------------------------------------



Regards,

Csisupport

Visit our support section: http://www.cybersitesindia.com/support.htm

Our Website: http://www.cybersitesindia.com
Copy linkTweet thisAlerts:
@kiwibritMay 26.2006 — I'd use a background colour for the white strip like fafafa, or similar, rather than white. Easier on the eye. But it's up to you, of course.

I'd get the effect you want with CSS, by declaring a body colour (not needed if you want white), and the a wrapping container you can put everything else in.
<i>
</i>body {
background-color:#FAFAFA;
}

#container {
width:760px;
}


You can use whatever width you want, of course. I use % for a fluid layout, but I haven't checked your mark up to see what effect would be as screen size is reduced (though I have seen your page has considerable scrolling at 800x600).

I don't use frames myself, but I think this would work with them.
Copy linkTweet thisAlerts:
@Chalk4BrainsMay 26.2006 — I have a site checkout http://www.trinahalcomb.com I want this to happen.

See picture: http://www.trinahalcomb.com/areawhite.jpg

Like namecheap.com has.

Thanks guys for the help.

?[/QUOTE]If you want the section containing the banner, scrolling marquee and forum image white as well as the [B]main.htm[/B] page, open up your [B]top.htm[/B] page and find the following code:

[CODE]
<BODY style="OVERFLOW: hidden" bgColor=#efefef>[/CODE]Remove the [I]bgColor[/I] attribute and your page will take on the default background color (which is white). It should look like this afterwards:

[CODE]
<BODY style="OVERFLOW: hidden">[/CODE]If you want the scrolling marquee background to be white too then locate the following code, on the same page:

[CODE]
<MARQUEE loop=infinite width=600 bgColor=#efefef>[/CODE]Then, again, remove the [I]bgColor[/I] attribute so the marquee will use the default background setting of white. It should look like the code below:

[CODE]
<MARQUEE loop=infinite width=600>[/CODE]Hope this helps.
Copy linkTweet thisAlerts:
@EpomanauthorMay 26.2006 — Thank you for your help, however I think you did not understand my question, I want just the area "right" of the red line "white". Please see picture in original post. Like namecheap.com they have a huge area on the right of the page that is all white, it shws if the browser is big enough.
Copy linkTweet thisAlerts:
@EpomanauthorMay 26.2006 — Hi Epoman,

If You want make whole site with white background. So you need to some changes in your all html pages HTML. Find below the changes:

Example:

Your HTML Pagename: http://www.trinahalcomb.com/main.htm

Your Current HTML Body Section:
-----------------------------------------------------------------------------------


<BODY BGCOLOR="#EFEFEF" TEXT="000000" LINK="#800080" VLINK="" marginwidth=10 marginheight=0 leftmargin=10 topmargin=0>
-----------------------------------------------------------------------------------


Your HTML shows page background colour is light grey (BGCOLOR="#EFEFEF"). So you need to change that colour code in white (BGCOLOR="#FFFFFF").

Modified HTML Body Section:
-----------------------------------------------------------------------------------


<BODY BGCOLOR="#FFFFFF" TEXT="000000" LINK="#800080" VLINK="" marginwidth=10 marginheight=0 leftmargin=10 topmargin=0>
-----------------------------------------------------------------------------------



Regards,

Csisupport

Visit our support section: http://www.cybersitesindia.com/support.htm

Our Website: http://www.cybersitesindia.com[/QUOTE]

No I want the light grey background, I just want the "excess" white, for example see picture, I want all the area [B]"right"[/B] of the [U]red line [/U] "white" like namecheap.com has.
Copy linkTweet thisAlerts:
@kiwibritMay 26.2006 — Are you allergic to CSS? namecheap.com, which you seem to admire, uses it. Why don't you?

FWIW, from the namecheap style sheet:

<i>
</i>body {

<i> </i>margin: 0px;

<i> </i>padding-left: 0px;

<i> </i>padding-top: 0px;

<i> </i>background-image: url(/graphics/bgcolor.jpg);

<i> </i>background-color:#ffffff;

}

.tableContentArea, .tableTopNav, .tableBotNav {

<i> </i>width: 780px;

}



Rather odd mix of tables and CSS, IMV. But what you want is achieved with CSS.
Copy linkTweet thisAlerts:
@EpomanauthorMay 26.2006 — No I am not allergic I just don't know CSS, what I want can be done with plain old HTML that everyone seems to hate now-a-days.
Copy linkTweet thisAlerts:
@csisupportMay 27.2006 — Hi Epoman,

For that you need to do changes in your HTML style. Please create your web page into frameless design. Currently I have not given you full HTML code but i have given below some guidelines for creating a new web page. Otherwise send me your website in zip file, i will check and let you know.

Guideline:
-----------------------------------------------------------------------------------


  • 1. Set "0" leftmargin and "0" top margin your web page.


    • <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0">
    -----------------------------------------------------------------------------------


  • 2. Set width "780" pixle of your main <table> or <DIV>.


    • <table width="780" border="0" cellpadding="0" cellspacing="0">
    -----------------------------------------------------------------------------------


  • 3. Set "Left" Horizental alignment and "Top" Verticle alignment of main cell of table.


    • <table width="780" border="0" cellspacing="0" cellpadding="0">

    <tr>

    <td align="left" valign="top">&nbsp;</td>

    </tr>

    </table>
    -----------------------------------------------------------------------------------


  • 4. Also reduce your banner width, it is showing very big compared to size of the page.

    Normal banner width = 480 pixel

    -----------------------------------------------------------------------------------

    I hope I have understood your problem and hope that above mentioned tips would be useful to you.


    • Regards,

    Csisupport

    Visit our support section: http://www.cybersitesindia.com/support.htm

    Our Website: http://www.cybersitesindia.com
    Copy linkTweet thisAlerts:
    @EpomanauthorMay 27.2006 — Thanks so much for your help, where do I send the zip file to? email?

    Also I would like to get rid of frames but I would like to maintain my design is that possible?

    Also if you are talking about the TOP main banner, I should resize that? or the 3 banners in a row on the main page? if you mean those, well those aren't really banners there just clickable graphics I made for various links to my site.
    Copy linkTweet thisAlerts:
    @EpomanauthorMay 30.2006 — :confused;
    Copy linkTweet thisAlerts:
    @csisupportMay 30.2006 — send the zip file on my following personal email id.

    [email][email protected][/email]

    [email][email protected][/email]

    Regards,

    Csisupport

    Visit our support section: http://www.cybersitesindia.com/support.htm

    Our Website: http://www.cybersitesindia.com
    ×

    Success!

    Help @Epoman spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.22,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...