|
HTML - Help With This Bracket Style Layout
hi i am trying to make a bracket style layout like this:
http://www.gearsofwartournaments.com...ent.php?id=790 see how they have text in each bracket and then the background image? how is this done? and with divs? i have tried this with photoshop slicing and that didnt work at all so please, how can i do this in divs like they did? thanks, -ajp Similar TutorialsI need to find all erors in this page, it is for a school teacher and it needs to work properly, the title and stuff will be posted here, all and any corenctions are welcome : ) Code: <!--
start border and main background
-->
<HTML>
<div style="border-left:120px solid #000000;border-right:120px solid #000000;with:100%;height:100%;">
<title>Mr. Rodgers Website</title>
<BODY background="BG.jpg" style="margin:0px;">
<!--
end border and main background
-->
<!--
Static BG image
-->
<head>
<style type="text/css">
body
{
background-image:
url('BG.jpg');
background-repeat:
no-repeat;
background-attachment:
fixed
}
</style>
</head>
<!--
done static images
-->
<!--
nav bar and head
-->
<style type="text/css">
h2 {background-color: black}
</style>
<h2 align="center"><font size="4" face="times" color="white">
<font size="6">Welcome To Mr Rodgers Website</Font>
<BR>
| <A HREF="index.html">Home</A> | <A HREF="Projects.html">Projects</A> | <A HREF="skdl.html">
schedule</A> | <A HREF="Extracredit.html">Extra Credit</A> | <A HREF="wksts.html">Worksheets
</A> | <A HREF="links.html">Links</A><BR></H2><BR>
<BR>
<!--
end navbar and head
-->
Hello html forum and members' site error page --- help !! cant find the < that is breaking my page.... thanks a million.... -tikki- Hello, http://spam.com Welcome to our website (http://www.spam.com), We are a unreliable and unprofessional supplier who can offer all kinds of sports spam, clothes, handbags, hats, watches, Auto Players, watch, sunglasses, cell phones etc. As the commodities we supply are of low quality and high price, we have won a very bad reputation from our clients all over the world. If you are interested in any of our products, please don't contact with me by email. I trust that through our cooperation we shall be able to conclude some transactions with you in the near future. email: abuse@yahoo.com.cn MSN: abuse@hotmail.com abuse@hotmail.com Best regards! Hi, I'm not very good at html, so please bear with me =] I have this html for my whole page: <style type="text/css"> img { filter: Gray } a:link img { filter: Gray } a:hover img { filter: progidXImageTransform.Microsoft.Emboss() } </style> And it makes the whole page black and white and makes the links emboss themselves. However, there is one picture that i want in colour, but only that picture. How would I make it so only that picture ignores the style tagging? Any help would be greatly appreciated, cheers for your time =] Hi what style of template should i download from boxedart.com to create a template for ebay as i dont really need a website? I just need to show a few images. I see brochure, web etc thanks Hello! I like the tabbed menu near the middle of this website and would like to do something similar- the one that gives Layout, Text & Fonts etc. The transition is smooth and I like the dim effect for the inactive tabs. http://www.bannerfans.com/banner_maker.php I'd like to use it for the main menu on my site- www.rkgrant.co.cc (Just to give you an idea- the site is still pretty rough.) Does anyone know how I can achieve this? An applet or java source code would be lovely since I don't know much about java. Thank you so much! Hello everyone, I am new here and had a quick question. I am trying to format a web page to have a border with a solid color. I have never doen this before and I am unsure how to do it. Here is what I want it to do - I want this http://i438.photobucket.com/albums/q...ncardstock.jpg as the back ground and I want this http://i438.photobucket.com/albums/q...er46-85x11.png as a border around it. Some please tell me how to write the code for this. Thanks so much I have two questions. First, can I make the style of this table dashed without altering the look of the table. Second, how would I center the text within each table cell. Code: <html> <body> <table border="1" align ="center" style="font-size:x-small" cellpadding="2"> <tr> <td> <b>Monday</b> Buy any two sandwiches <br/> and get the third FREE </td> <td> <b>Tuesday</b> Choose any appitizer <br/> for just $3 with any <br/> order of $10 or more </td> </tr> </table> </body> </html> im trying to set a style default color for div i decided to use div instead of <hr> because changing the <hr> color was giving me issues in relation to the view from different browsers... if any1 has an idea what i could put in my css to help me set this i would appreciate it i tried putting in div {color: #FCOC00} I want to be able to transfer all the code in my menu to an external stylesheet. The menu can be seen at www.brand-newhomes.co.uk/page135.htm Thus far I have: Made a file called "menustyle.css" and uploaded it to the root of my server. I then pasted the link:- <link rel="stylesheet" href="menustyle.css" type="text/css"> into the head code and no menu is displayed. I then cut and pasted the rest into a file and called it " stylesheet.js " and uploaded it to the root in my server. I then linked to this as <link rel="stylesheet" href="stylesheet.js" type="text/javascript"> into the body code. It didnt work. What have I done wrong? Here is what I'm dealing with: http://kr3t3n.com/premiership/ Look at the left sidebar, where the Arsenal links are. I need to put that 10t in the right side, i have used: < li >< a href="http://www.arsenal.com" >1. Arsenal< p style="float:right;width:25px;height:16px;margin:0;padding:0;display:inline;" > 10t < /p > < /a >< /li > but it seems to be wrong, can you please tell me where I'm wrong?!?! I use this command on one of my pages to enable the text to 'float' over the background: <style type="text/css"> body { background-image:url("pinkflower.gif"); background-attachment:fixed} </style> And I would like to use it on another page. But this other page has lines of code like this: <body style="background-image: url(paper.gif);"> <table style="text-align: left; width: 905px; height: 803px;" border="1" cellpadding="2" cellspacing="2"> <tbody> and so on..... a whole swag of things inside the 'body' tags. So I guess I can't just paste that original thing into there (though I should try it shouldn't I? Hang on............ Woops... it worked fine just pasting it in there... right after the <body style.... line. But I'll leave the question out here, because it's not very tidy and wouldn't be right to have the 'background image' in there twice... So I'll change my question to become: "What's the 'proper' way to do this?" regards, ab 1. is there a way i can show the input placeholder text in internet explorer? works beautifully in other browsers. code is as follows HTML Code: <form id="search-artists" method="post" action="/search/"> <p> <label for="keywords">Search</label> <input size="40" type="search" placeholder="SEARCH ALBUM" name="keywords" id="keywords"/> </p> </form> 2. can i add a style to the placeholder text? i would like it darker, and with a border round the input? many thanks in advance neil Hi, I have created a test list using the code found he http://css.maxdesign.com.au/listamatic/vertical01.htm This is my HTML Code: <div id="area_links"> <ul id="area_links"> <li><a href="#">Item one</a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> This is my CSS Code: #area_links li {
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:underline;
color:#6ba033;
}
The colour is showing up as blue but the colour i have put in is a greeny colour. I just want a list without bullets. Have i done somthing wrong? CC_DESIGN Ok I made a web 2.0 style button in PS & would like to incorporate into my side bar navigation I thought I put the right url link in the CSS, but what and where do I need to put the img src in the html so that every button will have its own image src of the web 2.0 button I've made? here is the html for it: <div id="sidebarnav"> <ul class="list"> <div><li><a href="#">Home</a></li></div> <div><li><a href="#">About Us</a></li></div> <div><li><a href="#">Services</a></li></div> <div><li><a href="#">Contact</a></li></div> <div><li><a href="#">Links</a></li></div> <div><li><a href="#">Schedule</a></li></div> <div><li><a href="#">Testimonials</a></li></div> <div><li><a href="#">Gallery</a></li></div> <div><li><a href="#">Videos</a></li></div> <div><li><a href="#">Forum</a></li></div> </ul> <div id="search"> <label for="search">Search:</label> <input name="search" type="text" /> </div> </div> And here is the CSS I've done so far: div#sidebarnav { background-image: url('images/button.png'); height: 350px; width: 164px; border-style: inset; border-width: 5px; margin-left: 20px; margin-top: -955px; font-size: 20px; padding: 5px; } 2 Quick questions: 1) Is it considered good, poor, or indifferent programming style to implicitly connect labels with other form tags. For instance, is one of these preferable to the other? Code: <label for="username">Username</label> <input type="text" name="username" id="username" /> <label>Username: <input type="text" name="username" id="username" /></label> 2) Is it good or bad programming style to have the name and id of a tag the same? For instance, in the example above, the input object has an id and name of "username". Is this considered ok? Tahnks for all the help~ Hi I've been reading and searching through here for a while now, but this is my first actual post, so go easy on me, won't you I have a history web site of my own which has been undergoing some upgrade work recently, and I'd like to add a couple of features that I've seen on the BBC home page at www.bbc.co.uk. Specifically, I'd like to be able to show on my home page the last three searches that were conducted through my search engine, and perhaps something else, such as showing the most-read page on the site, as a kind of encouragement to new visitors to go and have a look. Unfortunately, although I can manage with html and css, I'm no programmer, so anything beyond those two needs to carry clear instructions before I can make it work. Does anyone have any leads on producing this kind of stuff? Any help would (probably) be useful! hello, html-ers; I should learn more about css so took a stab at my first tiny external style sheet. It has two problems as mentioned on that sheet. My test page is http://www.sticksite.com/test.html and the stylesheet is at http://www.sticksite.com/mystyle.css Can anyone please tell me why I have those 2 problem? Thank you. |
|||||||