New Concept
Show off a web site you have created.
| 
11-06-2007, 03:13 PM
|
#11 (permalink)
|
Title: Bluepearl Veteran Join Date: Apr 2006 Location: New York Age: 19 Posts: 1,029
Rep Power: 4  | Re: New Concept
Once again dude, its ****ing amazing. | 
|  | |
11-06-2007, 04:43 PM
|
#12 (permalink)
| |
Title: Bryan Join Date: Jan 2004 Location: Dundee Age: 21 Posts: 3,547
Rep Power: 8 | Re: New Concept
Goo. I hate web standards not working in all browsers. | |
| | |
11-07-2007, 07:21 AM
|
#13 (permalink)
| |
Title: Bryan Join Date: Jan 2004 Location: Dundee Age: 21 Posts: 3,547
Rep Power: 8 | Re: New Concept
Ok this is killing me. For some reason i can only get the padding /or Margin to work left and right only. I cannot get a top or bottom margin or padding at all.
Anyone know what i messed up on. I cant seem to get the damn nav to line up. HTML Code: <!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Professional Web Design" />
<meta name="keywords" content="web design, vb skins, vb design, site design, design, layouts, professional web design" />
<title>Almost ready for Live</title>
<style type="text/css">
<!--
body {
background-image:url(/css4/bg.jpg);
background-repeat: repeat-x;
background-color:#FFFFFF;
text-align:center;
}
#contain{
width:800px;
margin: 0 auto;
text-align:left;
}
#header{
width: 786px;
height: 125px;
background-image:url(/css4/logo.jpg);
background-repeat: no-repeat;
text-align: right;
}
#header a{
font-family: Times New Roman;
color: white;
font-size: 15px;
text-decoration: none;
padding: 8px;
}
#header a:hover{
font-family: Times New Roman;
color:#FF9933;
font-size: 15px;
text-decoration: underline;
padding: 8px;
}
#banner{
width: 786px;
height: 189px;
background-image:url(/css4/banner.jpg);
background-repeat: no-repeat;
float: left;
}
#welcome{
width: 786px;
height: 24px;
background-image:url(/css4/welcome.jpg);
background-repeat: no-repeat;
float: left;
}
#welcome_left{
width: 305px;
float: left;
margin-left: 5px;
}
#welcome_right{
width: 435px;
float: left;
margin-left: 16px;
}
#services{
width: 786px;
height: 24px;
background-image:url(/css4/services.jpg);
background-repeat: no-repeat;
float: left;
margin-top: 20px;
}
#services_left{
width: 757px;
float: left;
margin-left: 5px;
}
#multimedia{
width: 786px;
height: 24px;
background-image:url(/css4/multimedia.jpg);
background-repeat: no-repeat;
float: left;
margin-top: 20px;
}
#multimedia_left{
width: 350px;
float: left;
margin-left: 5px;
text-align: center;
}
#multimedia_right{
width: 350px;
float: left;
margin-left: 50px;
}
#contact{
width: 786px;
height: 24px;
background-image:url(/css4/contact.jpg);
background-repeat: no-repeat;
float: left;
margin-top: 20px;
}
#contact_left{
width: 350px;
float: left;
margin-left: 5px;
}
#contact_right{
width: 350px;
float: left;
margin-left: 50px;
}
#mini_right{
width: 350px;
float: left;
text-align: left;
}
#footer{
background-image:url(/css4/footer.jpg);
background-repeat: repeat-x;
width: 100%;
height: 131px;
text-align:center;
margin: 0 auto;
float: left;
}
#footer p{
font-family: Times New Roman;
color:white;
font-size:13px;
text-indent:6px;
margin-top:20px;
}
input{
color:#333333;
background-color:#FFFFFF;
border:1px solid;
border-color:#333333;
margin-left:0px;
margin-top:4px;
}
input:hover{
color:#FF6600;
background-color:#FFFFFF;
border:1px solid;
border-color:#555555;
}
input:focus{
color:#333333;
border:1px solid;
border-color:#555555;
}
p{
font-family: Times New Roman;
color:#333333;
font-size:13px;
text-indent:6px;
line-height:125%;
}
h1{
font-family: Times New Roman;
color:#333333;
font-size:14px;
}
-->
</style>
</head>
<body>
<div id="contain" >
<div id="header" >
<a href="#" >Personal</a>
<a href="#">Services</a>
<a href="#">Multimedia</a>
<a href="#">Photography</a>
<a href="#">contact</a>
</div>
<div id="banner" >
<img src="/css4/banner_left.jpg" width="343" height="189" alt="Power Up Your Site" />
</div>
<div id="welcome" >
</div>
<div id="welcome_left" >
<p>
Everything starts as an idea no matter how small it is, and 3s is no different. 3s was developed as a online
portfolio and digital playground site of a freelance designer named Bryan Olevnik. 3s aims to show some
of my work and projects I have undertaken and to give you an idea of my design experience and skill set.
Web design is not something I just do, It is something that I enjoy. Dedication to design is what makes 3sStudios
what it is. As a freelance designer I pride myself on my work. I have been designing for 6 years and I'm looking
forward to the 7th. 3s has gone through over 37 design changes and 3 domains, reinventing it's self from bo20.com
to Xn-Studios.com to 3sStudios.com. Ever changing, I plan on honing my skills in all aspects of web design.
Feel free to stay awhile and look around. I hope you enjoy your stay.
</p>
<img src="/css4/mini_cat.jpg" width="303" height="116" alt="Bug On Wall" />
</div>
<div id="welcome_right" >
<p>
I like to think that I'm a pretty cool guy. Easy going, loves to have fun, you know all that
good stuff. As of this moment I am currently enrolled in Tompkins Cortland Community College,
Studying to become a Technical Director of Interactive Media, or for you people who like
to keep things simple, a web designer.
</p>
<p>
If you did not know already, my name is Bryan. I am 20 years old and live in the small
town of Dundee, NY. I have been into graphic and web design for a number of years now and love
everything about it. I have done a number of
freelance jobs off and on for about 6 years. I have just recently finished working for the great
people over at The Ithaca Journal, reworking a site dedicated to college students called GotBuzzed.
</p>
<p>
Music is a huge part of my life. No matter what I'm doing or where I'm going I always have it
playing. Winamp is always running on my computer and my Ipod is always by side. Doesn't matter
where I am, class, work, or sitting in my room , it is just something that helps me focus. I
even plan on having a radio built into my coffin for when I die. Ok, I know that's a little strange
but your just mad you didn't think of it fist. I'm also a sucker for photography and I like to think
I'm pretty good at it, but I still consider it a hobby more than anything. Hope that's not to much
information. If so, I'm sorry, if not, then contact me.
</p>
</div>
<div id="services" >
</div>
<div id="services_left" >
<h1>
Web Site Design & Web Site Redesign
</h1>
<p>
Web design is more than just programming and slapping a few images together. It's all about the
collaboration between client and designer. As a freelance designer I am not bound by company rules
and guidelines. I do not work with multiple clients, putting you on hold. I work with you and you alone
until you are 100% satisfied with your ending result. Just remember, you make the rules. I'm not here
to create my perfect design. I'm here to create your perfect design.
</p>
<h1>
vBulletin and phpBB Design
</h1>
<p>
3sStudios
</p>
<h1>
Visual Identity
</h1>
<p>
3sStudios is dedicated to providing you with a custom logo that represents who you are. From a simple one color
logo to a full identity package, 3sStudios is dedicated to the task. I will work with you 100% until you are fully
satisfied with the ending result.
</p>
<h1>
Web Site Maintenance
</h1>
<p>
Dealing with incoming content or data can begin to get overwhelming. For a small hourly or monthly cost 3sStudios
can help with this problem by maintaining your website for you. This includes uploading new data, updating your current
content, and working with your server files.
</p>
<h1>
Web hosting
</h1>
<p>
Currently 3sStudios web hosting is reserved for clients of mine. I will be opening my hosting services in the near future.
Thank you.
</p>
</div>
<div id="multimedia" >
</div>
<div id="multimedia_left" >
<a href="/skins/50s_vbskin.jpg" title="50s Vb Skin" ><img src="/css4/multimedia/50s_vbskin.jpg" alt="50s Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/skins/bo20skin.jpg" title="Bo20 Vb Skin" ><img src="/css4/multimedia/bo20_vbskin.jpg" alt="bo20 Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/templates/gotbuzzed_v1.jpg" title="GotBuzzed Version One" ><img src="/css4/multimedia/gotbuzzed_v1.jpg" alt="GotBuzzed Version One" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/templates/gotbuzzed_v2.jpg" title="GotBuzzed Version Two" ><img src="/css4/multimedia/gotbuzzed_v2.jpg" alt="GotBuzzed Version Two" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/templates/gotbuzzed_v4.jpg" title="GotBuzzed Version Four" ><img src="/css4/multimedia/gotbuzzed_v4.jpg" alt="GotBuzzed Version Four" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/templates/gotbuzzed_v5.jpg" title="GotBuzzed Version Five" ><img src="/css4/multimedia/gotbuzzed_v5.jpg" alt="GotBuzzed Version Five" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/templates/manchesterv2.jpg" title="Hotel Concept One" ><img src="/css4/multimedia/hotel_v1.jpg" alt="Hotel Layout One" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/templates/manchesterv3.jpg" title="Hotel Concept Two" ><img src="/css4/multimedia/hotel_v2.jpg" alt="Hotel Layout Two" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/skins/LGPpicskin.jpg" title="Little Green Photographers Vb Skin" ><img src="/css4/multimedia/lgp_vbskin.jpg" alt="Little Green Photographers" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/skins/mbawatchss.jpg" title="MBA Watch Vb Skin" ><img src="/css4/multimedia/mba_vbskin.jpg" alt="MBA Watch Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/posters/apartheid.jpg" title="Apartheid Poster" ><img src="/css4/multimedia/poster_v1.jpg" alt="Apartheid Poster" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/templates/sandcillespa.jpg" title="Spa Concept One" ><img src="/css4/multimedia/sandcille_spa.jpg" alt="SAndCille Spa Concept" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/skins/techgamer.jpg" title="TechGamer Vb Skin" ><img src="/css4/multimedia/techgamer_vbskin.jpg" alt="TechGamer Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/skins/xboxvbskin.jpg" title="xBox Vb Skin" ><img src="/css4/multimedia/xbox_vbskin.jpg" alt="Xbox 360 Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a>
</div>
<div id="multimedia_right" >
<a href="/photos/ClosedDoors.jpg" title="Army of Clones - Closed Doors" ><img src="/css4/photography/closeddoors.jpg" alt="Closed Doors" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/darkhallway.jpg" title="Army of Clones - Dark Hallway" ><img src="/css4/photography/darkhallway.jpg" alt="Dark Hallway" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/grass.jpg" title="Green Grass" ><img src="/css4/photography/grass.jpg" alt="Green Grass" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/greenfields.jpg" title="Green Fields" ><img src="/css4/photography/greenfields.jpg" alt="Green Fields" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/lastsign.jpg" title="The Last Sign" ><img src="/css4/photography/lastsign.jpg" alt="The Last sign" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/LongWalk.jpg" title="Army of Clones - A Long Walk" ><img src="/css4/photography/longwalk.jpg" alt="Long Walk" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/LunchTime.jpg" title="Army of Clones - Lunch Time" ><img src="/css4/photography/lunchtime.jpg" alt="Lunch Time" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/PeacefulSmoke.jpg" title="Army of Clones - A Peaceful Smoke" ><img src="/css4/photography/peacefulsmoke.jpg" alt="Peaceful Smoke" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/redtruck.jpg" title="Lone Red Truck" ><img src="/css4/photography/redtruck.jpg" alt="Red Truck" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/Study.jpg" title="Army of Clones - Study" ><img src="/css4/photography/study.jpg" alt="Study" style="margin:5px;" border="0" width="100" height="100" /></a>
<a href="/photos/walkway.jpg" title="Walkway" ><img src="/css4/photography/walkway.jpg" alt="Walkway" style="margin:5px;" border="0" width="100" height="100" /></a>
</div>
<div id="contact" >
</div>
<div id="contact_left" >
<form action="mail.php" method="post">
<p>
Name: <br /> <input type="text" name="name" size="40" />
</p>
<p>
Email: <br /> <input type="text" name="email" size="40" />
</p>
<p>
Questions / Comments: <br />
<textarea name="comment" rows="7" cols="41"></textarea>
<br />
<br />
<input type="submit" value="Send" />
</p>
<p>
<a href="#top">Back to top</a>
</p>
<a name="contact" />
</form>
</div>
<div id="contact_right" >
<div id="mini_right" >
<h1>
blah blah blah
</h1>
<p>
some cool stuff will go here
</p>
</div>
</div>
</div>
<div id="footer" >
<p>
© 2000-2007 3sStudios, 3sStudios.com
</p>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10-blue"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" border="0"/></a>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.3sstudios.com/css4.htm">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" border="0" /></a>
</p>
</div>
</body>
</html>
any clues? | |
| | |
11-07-2007, 04:10 PM
|
#14 (permalink)
|
Title: Founder/Admin Join Date: Jan 2004 Location: Sydney, Australia Age: 28 Posts: 8,907
Rep Power: 10 | Re: New Concept
Ive just download your source XHTML page and this CSS, ill see what i can do to fix it  | |
| | |
11-07-2007, 06:30 PM
|
#15 (permalink)
|
Title: Founder/Admin Join Date: Jan 2004 Location: Sydney, Australia Age: 28 Posts: 8,907
Rep Power: 10 | Re: New Concept
HTML Code: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Professional Web Design" /> <meta name="keywords" content="web design, vb skins, vb design, site design, design, layouts, professional web design" /> <title>Almost ready for Live</title> <style type="text/css"> <!--
body {
background-image:url(http://www.3sstudios.com/css4/bg.jpg);
background-repeat: repeat-x;
background-color:#FFFFFF;
text-align:center;
}
#contain{
width:800px;
margin: 0 auto;
text-align:left;
}
#header{
width: 786px;
height: 125px;
background-image:url(http://www.3sstudios.com/css4/logo.jpg);
background-repeat: no-repeat;
text-align: right;
}
#header a{
font-family: Times New Roman;
color: white;
font-size: 15px;
text-decoration: none;
padding: 8px;
}
#header a:hover{
font-family: Times New Roman;
color:#FF9933;
font-size: 15px;
text-decoration: underline;
padding: 8px;
}
#banner{
width: 786px;
height: 189px;
background-image:url(http://www.3sstudios.com/css4/banner.jpg);
background-repeat: no-repeat;
float: left;
}
#welcome{
width: 786px;
height: 24px;
background-image:url(http://www.3sstudios.com/css4/welcome.jpg);
background-repeat: no-repeat;
float: left;
}
#welcome_left{
width: 305px;
float: left;
margin-left: 5px;
}
#welcome_right{
width: 435px;
float: left;
margin-left: 16px;
}
#services{
width: 786px;
height: 24px;
background-image:url(http://www.3sstudios.com/css4/services.jpg);
background-repeat: no-repeat;
float: left;
margin-top: 20px;
}
#services_left{
width: 757px;
float: left;
margin-left: 5px;
}
#multimedia{
width: 786px;
height: 24px;
background-image:url(http://www.3sstudios.com/css4/multimedia.jpg);
background-repeat: no-repeat;
float: left;
margin-top: 20px;
}
#multimedia_left{
width: 350px;
float: left;
margin-left: 5px;
text-align: center;
}
#multimedia_right{
width: 350px;
float: left;
margin-left: 50px;
}
#contact{
width: 786px;
height: 24px;
background-image:url(http://www.3sstudios.com/css4/contact.jpg);
background-repeat: no-repeat;
float: left;
margin-top: 20px;
}
#contact_left{
width: 350px;
float: left;
margin-left: 5px;
}
#contact_right{
width: 350px;
float: left;
margin-left: 50px;
}
#mini_right{
width: 350px;
float: left;
text-align: left;
}
#footer{
background-image:url(http://www.3sstudios.com/css4/footer.jpg);
background-repeat: repeat-x;
width: 100%;
height: 131px;
text-align:center;
margin: 0 auto;
float: left;
}
#footer p{
font-family: Times New Roman;
color:white;
font-size:13px;
text-indent:6px;
margin-top:20px;
}
input{
color:#333333;
background-color:#FFFFFF;
border:1px solid;
border-color:#333333;
margin-left:0px;
margin-top:4px;
}
input:hover{
color:#FF6600;
background-color:#FFFFFF;
border:1px solid;
border-color:#555555;
}
input:focus{
color:#333333;
border:1px solid;
border-color:#555555;
}
p{
font-family: Times New Roman;
color:#333333;
font-size:13px;
text-indent:6px;
line-height:125%;
}
h1{
font-family: Times New Roman;
color:#333333;
font-size:14px;
}
#headnav {
padding-top: 45px;
}
--> </style> </head>
<body>
<div id="contain">
<div id="header">
<div id="headnav">
<a href="#" >Personal</a> <a href="#">Services</a> <a href="#">Multimedia</a> <a href="#">Photography</a> <a href="#">contact</a>
</div>
</div>
<div id="banner"><img src="http://www.3sstudios.com/css4/banner_left.jpg" width="343" height="189" alt="Power Up Your Site" />
</div>
<div id="welcome" ></div>
<div id="welcome_left" > <p>
Everything starts as an idea no matter how small it is, and 3s is no different. 3s was developed as a online
portfolio and digital playground site of a freelance designer named Bryan Olevnik. 3s aims to show some
of my work and projects I have undertaken and to give you an idea of my design experience and skill set.
Web design is not something I just do, It is something that I enjoy. Dedication to design is what makes 3sStudios
what it is. As a freelance designer I pride myself on my work. I have been designing for 6 years and I'm looking
forward to the 7th. 3s has gone through over 37 design changes and 3 domains, reinventing it's self from bo20.com
to Xn-Studios.com to 3sStudios.com. Ever changing, I plan on honing my skills in all aspects of web design.
Feel free to stay awhile and look around. I hope you enjoy your stay.
</p> <img src="http://www.3sstudios.com/css4/mini_cat.jpg" width="303" height="116" alt="Bug On Wall" /> </div> <div id="welcome_right" > <p>
I like to think that I'm a pretty cool guy. Easy going, loves to have fun, you know all that
good stuff. As of this moment I am currently enrolled in Tompkins Cortland Community College,
Studying to become a Technical Director of Interactive Media, or for you people who like
to keep things simple, a web designer.
</p> <p>
If you did not know already, my name is Bryan. I am 20 years old and live in the small
town of Dundee, NY. I have been into graphic and web design for a number of years now and love
everything about it. I have done a number of
freelance jobs off and on for about 6 years. I have just recently finished working for the great
people over at The Ithaca Journal, reworking a site dedicated to college students called GotBuzzed.
</p> <p>
Music is a huge part of my life. No matter what I'm doing or where I'm going I always have it
playing. Winamp is always running on my computer and my Ipod is always by side. Doesn't matter
where I am, class, work, or sitting in my room , it is just something that helps me focus. I
even plan on having a radio built into my coffin for when I die. Ok, I know that's a little strange
but your just mad you didn't think of it fist. I'm also a sucker for photography and I like to think
I'm pretty good at it, but I still consider it a hobby more than anything. Hope that's not to much
information. If so, I'm sorry, if not, then contact me.
</p> </div> <div id="services" > </div> <div id="services_left" > <h1>
Web Site Design & Web Site Redesign
</h1> <p>
Web design is more than just programming and slapping a few images together. It's all about the
collaboration between client and designer. As a freelance designer I am not bound by company rules
and guidelines. I do not work with multiple clients, putting you on hold. I work with you and you alone
until you are 100% satisfied with your ending result. Just remember, you make the rules. I'm not here
to create my perfect design. I'm here to create your perfect design.
</p> <h1>
vBulletin and phpBB Design
</h1> <p>
3sStudios
</p> <h1>
Visual Identity
</h1> <p>
3sStudios is dedicated to providing you with a custom logo that represents who you are. From a simple one color
logo to a full identity package, 3sStudios is dedicated to the task. I will work with you 100% until you are fully
satisfied with the ending result.
</p> <h1>
Web Site Maintenance
</h1> <p>
Dealing with incoming content or data can begin to get overwhelming. For a small hourly or monthly cost 3sStudios
can help with this problem by maintaining your website for you. This includes uploading new data, updating your current
content, and working with your server files.
</p> <h1>
Web hosting
</h1> <p>
Currently 3sStudios web hosting is reserved for clients of mine. I will be opening my hosting services in the near future.
Thank you.
</p> </div> <div id="multimedia" > </div> <div id="multimedia_left" > <a href="/skins/50s_vbskin.jpg" title="50s Vb Skin" ><img src="http://www.3sstudios.com/css4/multimedia/50s_vbskin.jpg" alt="50s Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/skins/bo20skin.jpg" title="Bo20 Vb Skin" ><img src="http://www.3sstudios.com/css4/multimedia/bo20_vbskin.jpg" alt="bo20 Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/templates/gotbuzzed_v1.jpg" title="GotBuzzed Version One" ><img src="http://www.3sstudios.com/css4/multimedia/gotbuzzed_v1.jpg" alt="GotBuzzed Version One" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/templates/gotbuzzed_v2.jpg" title="GotBuzzed Version Two" ><img src="http://www.3sstudios.com/css4/multimedia/gotbuzzed_v2.jpg" alt="GotBuzzed Version Two" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/templates/gotbuzzed_v4.jpg" title="GotBuzzed Version Four" ><img src="http://www.3sstudios.com/css4/multimedia/gotbuzzed_v4.jpg" alt="GotBuzzed Version Four" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/templates/gotbuzzed_v5.jpg" title="GotBuzzed Version Five" ><img src="http://www.3sstudios.com/css4/multimedia/gotbuzzed_v5.jpg" alt="GotBuzzed Version Five" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/templates/manchesterv2.jpg" title="Hotel Concept One" ><img src="/css4/multimedia/hotel_v1.jpg" alt="Hotel Layout One" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/templates/manchesterv3.jpg" title="Hotel Concept Two" ><img src="/css4/multimedia/hotel_v2.jpg" alt="Hotel Layout Two" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/skins/LGPpicskin.jpg" title="Little Green Photographers Vb Skin" ><img src="/css4/multimedia/lgp_vbskin.jpg" alt="Little Green Photographers" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/skins/mbawatchss.jpg" title="MBA Watch Vb Skin" ><img src="/css4/multimedia/mba_vbskin.jpg" alt="MBA Watch Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/posters/apartheid.jpg" title="Apartheid Poster" ><img src="/css4/multimedia/poster_v1.jpg" alt="Apartheid Poster" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/templates/sandcillespa.jpg" title="Spa Concept One" ><img src="/css4/multimedia/sandcille_spa.jpg" alt="SAndCille Spa Concept" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/skins/techgamer.jpg" title="TechGamer Vb Skin" ><img src="/css4/multimedia/techgamer_vbskin.jpg" alt="TechGamer Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/skins/xboxvbskin.jpg" title="xBox Vb Skin" ><img src="/css4/multimedia/xbox_vbskin.jpg" alt="Xbox 360 Vb Skin" style="margin:5px;" border="0" width="100" height="100" /></a> </div> <div id="multimedia_right" > <a href="/photos/ClosedDoors.jpg" title="Army of Clones - Closed Doors" ><img src="/css4/photography/closeddoors.jpg" alt="Closed Doors" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/darkhallway.jpg" title="Army of Clones - Dark Hallway" ><img src="/css4/photography/darkhallway.jpg" alt="Dark Hallway" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/grass.jpg" title="Green Grass" ><img src="/css4/photography/grass.jpg" alt="Green Grass" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/greenfields.jpg" title="Green Fields" ><img src="/css4/photography/greenfields.jpg" alt="Green Fields" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/lastsign.jpg" title="The Last Sign" ><img src="/css4/photography/lastsign.jpg" alt="The Last sign" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/LongWalk.jpg" title="Army of Clones - A Long Walk" ><img src="/css4/photography/longwalk.jpg" alt="Long Walk" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/LunchTime.jpg" title="Army of Clones - Lunch Time" ><img src="/css4/photography/lunchtime.jpg" alt="Lunch Time" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/PeacefulSmoke.jpg" title="Army of Clones - A Peaceful Smoke" ><img src="/css4/photography/peacefulsmoke.jpg" alt="Peaceful Smoke" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/redtruck.jpg" title="Lone Red Truck" ><img src="/css4/photography/redtruck.jpg" alt="Red Truck" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/Study.jpg" title="Army of Clones - Study" ><img src="/css4/photography/study.jpg" alt="Study" style="margin:5px;" border="0" width="100" height="100" /></a> <a href="/photos/walkway.jpg" title="Walkway" ><img src="/css4/photography/walkway.jpg" alt="Walkway" style="margin:5px;" border="0" width="100" height="100" /></a> </div> <div id="contact" > </div> <div id="contact_left" > <form action="mail.php" method="post"> <p>
Name: <br /> <input type="text" name="name" size="40" /> </p> <p>
Email: <br /> <input type="text" name="email" size="40" /> </p> <p>
Questions / Comments: <br /> <textarea name="comment" rows="7" cols="41"></textarea> <br /> <br /> <input type="submit" value="Send" /> </p> <p> <a href="#top">Back to top</a> </p> <a name="contact" /> </form> </div> <div id="contact_right" > <div id="mini_right" > <h1>
blah blah blah
</h1> <p>
some cool stuff will go here
</p> </div> </div> </div> <div id="footer" > <p>
© 2000-2007 3sStudios, 3sStudios.com
</p> <p> <a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10-blue"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" border="0"/></a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.3sstudios.com/css4.htm"> <img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" border="0" /></a> </p> </div> </body> </html> You will just need to play with the spacing.
Personally i would add the links using ordered lists. That way u can pad the <li> tags | |
| | |
11-07-2007, 06:32 PM
|
#16 (permalink)
|
Title: Founder/Admin Join Date: Jan 2004 Location: Sydney, Australia Age: 28 Posts: 8,907
Rep Power: 10 | Re: New Concept
Just so u know how i added padding to the top, i added a div element inside your header div. HTML Code: #headnav {
padding-top: 45px;
}
| |
| | |
11-08-2007, 02:25 AM
|
#17 (permalink)
| |
Title: Bryan Join Date: Jan 2004 Location: Dundee Age: 21 Posts: 3,547
Rep Power: 8 | Re: New Concept
Thanks man.
worked great. Not i just gotta fill it in, and decide if it will all be a one paged layout like my current one, or go back to the multi paged layout. | |
| |
