Author Topic: Web Design. (Read 42672 times)

#26 • May 24, 2007

Quote from: Nouman on May 21, 2007, 03:54:02 AM

alright, i'm starting to get a pretty good view on how to do the css style sheets for a page. I am look very closely to what silverline did and he did everything very clean and noticeable.

www.havok.esmartdesign.com

its not final or anything I just wanted to fool around.

now to the PHP part of it?

also I put eveything on one page because when i linked a new page to the css it was still the same LONG ass body height, am I supposed to name each body of each page it's div name?

but yeah we can move on
(I will be going over some of my other designs and attempting to make a css style sheet for them.)

#27 • May 24, 2007

if you give a height that looks good when theres little content the div will automatically resize if theres more content than can fit. well at least mine do :p

the php part of it depends on what you need to do with php

#28 • May 25, 2007

Quote

Plus, try using PHP to include other pages rather than iFrames, which make it sucky :p

but now I see I don't need to do that correct?

#29 • May 25, 2007

http://2drpg.com/site.zip

Get that and have a look around in it. I used basic php includes for common stuff like the header / footer etc

#30 • May 25, 2007

Thanks for that. When I get home on Monday I'll take my time to look at it.

#31 • May 28, 2007

so I can sorta see what you had done, but when I try I can't execute it correctly. you have:
Header.php (the main layout)
Footer.php (a bottom div with the name Footer which I assume is where the content is displayed)
Pages.php (all linked to header and footer and open in div footer in footer.php...I think.)

I am trying to do this with a main content box, and I always get stuck. I undid a lot of stuff to where I started and attached it here.
I cant get the index page to open inside in the Content div. (i undid a lot so there is no content.php or anything like that.)

i'm trying to make a rather large site in the near future so when I saw how you had done it in your attachment I went WOW! its simpler looking (after you get it to work) to make a new page and add it.

if you could help me out that would be awesome.

EDIT Never mind, I got everything to work....for now.

#32 • May 30, 2007

next problem.

I need a drop down menu, actually not so much a drop down since my menu is on the left and not a top menu or bottom.

I have found sooo many on the web, some harder then the others so I decided instead of wasting time to ask you guys what is the best one.

thanks.

#33 • May 30, 2007

the simplest menu is just a bullet pointed list of links eg.

link1
link2 etc.

then applying css you can make it do all sorts of things. My site uses this here

the site linked will have loads of others like it that may suit you.

#34 • May 30, 2007

On my own site, I'm using this 100% CSS dropdown menu. It works perfectly, and it's cross-browser too.

If an unsupporting (really old) browser sees it, it'll just see a nice kind of link tree.

#35 • May 30, 2007

I tried using divs instead of frames, once. It sucked because the website would look good in one browser, and not in another. So I just stuck with frames, rather than single out potential visitors.

#36 • May 30, 2007

Spoiler for lets see how well SMF colours this:

[edit] LOL ok that didn't work so good. But all the "</a>" are browser specific bits to make sure it looks / functions right in those browsers. Basically when seen by IE6, the whole menu is built with tables, since IE doesn't respect :hover CSS on anything but anchor elements >:O. Firefox and opera etc just get a normal listed menu that is hidden and shows when hovered.

Really old browser aren't left in the dark either, they just get a normal listed menu all visible from the start which pushes the rest of the site down. (or it should ><).

Also stuff in the CSS such as this:

Spoiler for:

IE (IE6 especially) sucks hard with divs and if you're not careful it gets terrible fast and really annoying

#37 • May 30, 2007

I remember using that little //\\//\/\/\/ hack cheat thing, but it still gave me trouble.

Oh well, I haven't worked on my webpage in like 2 years anyway LOL

#38 • May 31, 2007

I don't know if that one will work for the way my navy bar is set up. but anyways I'm stuck so I wont go on to the navy bar until I get out of this hole.

attached image shows my problem. I wanted that div with the main text to be in the center and not to push everything down.
if you can fix it or point out the problem it would be great

#39 • Jun 1, 2007

bump

#40 • Jun 1, 2007

alright, I got it too work after hours of fooling around with the code and such.
no questions....for now xD

#41 • Jun 2, 2007

alright, I want to have a layout like this for a part in a page:

Choose a sub section:
<SPACE, like you were to press ENTER>
TEXT < click the text, the text is the link, but is not underlined with the blue hyperlink line
BLAH BLAH BLAH text under the link
---------------------------------solid line-------------------------
<SPACE, like you were to press ENTER>
TEXT < click the text, the text is the link, but is not underlined with the blue hyperlink line
BLAH BLAH BLAH text under the link
---------------------------------solid line-------------------------

I do this but can't get it to work, and when I apply the <br> the links are removed.

I've tried many attempts this was my last one:

Code: [Select]

<p>Please select a sub destination:</p>
<p><br>
  <a STYLE="text-decoration:none" href="aboutscv.php">About SCV</a></p>
<p> A brief overview of the county of Santa Calrita.</p>
<p><hr><br>
  <a STYLE="text-decoration:none" href="aboutwebsite.php">About this site</a></p>
<p> Detailed info about everything on this site. Explains navigation options, special icons, and much more.</p>
<p><hr></p>

the line doesn't show, and the links aren't links, but spaces are good.

thanks~

#42 • Jun 2, 2007

Please select a sub destination:

About SCV
A brief overview of the county of Santa Calrita.

About this site
Detailed info about everything on this site. Explains navigation options, special icons, and much more.

Code: [Select]

<p>Please select a sub destination:</p>
<br />

<p><a STYLE="text-decoration:none" href="aboutscv.php">About SCV</a><br />
A brief overview of the county of Santa Calrita.</p>

<hr /><br />

<p><a STYLE="text-decoration:none" href="aboutwebsite.php">About this site</a><br />
Detailed info about everything on this site. Explains navigation options, special icons, and much more.</p>
<hr /><br />

You'd be better off maybe making a CSS class:

Code: [Select]

.contentlink {
text-decoration: none;
}

Then having

Code: [Select]

<a href="aboutwebsite.php" class="contentlink">About this site</a>

[edit] Probably the best way to do it would to be to base if off the parent, so say if your content div had an ID of "content", you could do

Code: [Select]

#content a {
text-decoration: none;
}

Then you could just do normal links like this:

Code: [Select]

<a href="aboutwebsite.php">About this site</a>

And it'd automatically be styled since it's inside the #content div

#43 • Jun 2, 2007

this is odd...
if I place your code in instead of the old one:

FF: Links don't work, and no line is shown.
Opera: Links work no line.
IE: Links work and line (well I can't tell 100% since in IE my page is like WTF)

if I place your code under mine, leaving in both codes:

FF: Links to second part of it (your part) work, still no line
Opera: Links still work, no lines
IE, links and lines page still fucked xD

i'm not too sure where I hit this mistake, it's the same code you used in your reply and I can view it perfect but one when I view my own page I can't.

I uploaded the file data again, any help would be great since I can't figure this one out for hours.

#44 • Jun 2, 2007

silver set the link to have to decoration:

Code: [Select]

<a STYLE="text-decoration:none" href="aboutscv.php">About SCV</a>

remove the style bit and youll have your line

#45 • Jun 2, 2007

still no dice.
anyways it's about fine for now in FF, but in IE its total shit. I went ant fixed it as much as possible but hit this stupid div that won't allow divs next to it.
I have included a rar with both a FF and IE folder. the IE is the one with the div problem, and the FF is the one with the ff line issue.

another thing, when I get it to work in FF and IE...how do I put it into one site xD (I am guessing the IF
IE code)

anyways this would be greatly appreciated since i'm stuck major on this. I might figure it out on the div (probally not when I think about it) but the line problem in FF and the problem with making it into one site that works in IE and FF.

thanks major for any help!

#46 • Jun 3, 2007

Heres where I come in. The CSS provided by Silverline is great easy code. You should begin to see how the design of a layout can become more dynamic through the uses of Cascading Style Sheets (CSS). The great thing about CSS as well is you can switch style sheets and completely redesign a website using the same basic HTML page. Case and point check out [link=http://www.csszengarden.com/]CSS Zen Garden[/link].

As far as the PHP goes a great way to include content within the layout is to insert this code within the content section of your index page.

Code: [Select]

<?php
switch($_GET['page']) { default: include('main.html'); 
break; case "nextpage": include('whateverthenextpageis.html'); 
break; case "anotherpage": include('mynextpage.php'); 
break; case "links": include('document/links.html'); 
}
?>

When someone clicks the link index.php?page=nextpage the script includes the page "whateverthenextpageis.html" within your document. If a link is mistyped or none is provided the script by default is set to include main.html. You can check this script out in action at www.crankeye.com. I hope this helps.

#47 • Jun 3, 2007

many thanks for that.

#48 • Jun 3, 2007

you can also use  to insert bits of html that different browsers use.

#49 • Jun 3, 2007

0 downloads

anyways how can I add a search bar to my website? I've been through google and such and there are alot of free ones/expensive ones.

#50 • Jun 3, 2007

och thats complicated