|
HTML - The Newer Layout Styles?
Hi,
I am somewhat new to the html/design... I have made websites but only the older style that you don't see nowadays. I'm looking to start learning about the newer layouts and whatnot... Could anyone tell me how I go about making a website like this (link below)? I"m looking to make one for my photography to put it online. thanks a lot http://www.portraitsbyjafa.com/ Similar Tutorialshi some help please i want to have 2 styles on one line, first text should be bold second text should be normal the following is from my template file: <div class='header'>BOLD TEXT <a href="user_fof.php" > normal text</a> </div> this stays in the same line but both are bold, i have tried adding a class="normaltextstyle" but the color changes but it still stays bold please assist, I have been making a website for some hours now, I started off making it comply to XHTML Transitional 1.0, however, this made it incredibly difficult for me to make the website appear how I wanted in both Firefox and Internet Explorer, so I downgraded to HTML 4.0.1 and decided to use iframes instead of objects to implement another webpage. However, there are two flash files on my website that are embedded using the object property: HTML Code: <object data="flButtons.swf" width="790" height="85" style="border-width: 0px;"> </object> And HTML Code: <object data="flSarah.swf" width="230" height="380"> </object> This works fine in firefox however, in internet explorer 7 it has a weird border like thing around it, and no matter what I try, I can't get rid of it. I initially had it on the iframe but i got rid of that using "frameborder=0".. this has no such attribute. The website is: http://www.geocities.com/s.cowperthwaite/index.html (temporary host obviously ) Any help will be appreciated : ) Thanks, matthew haworth ok, so I'm taking a course in college and the question came up... basically, if I do this [p style = "text-align: right"][h3]Information[/h3][/p] It won't apply the right justifictation, though if I put the justification setting in the h3 tag it does it, or if I switch the h3 to the outside and put the style on it, it works as well. Does anyone know why this is? My guess was that the h3 resets the text's formatting properties and then formats it? Sorry, I'm a newbie How do I go about setting inline color styles for links? Yes I know use CSS but this is one case it will not work because the CSS is overriding certain links. So I just want to use inline styles for these certain links. How would I go about do that? -Thanks Hi, I am having a problem with a HTML email. When sent through to Outlook 2000 All styles within tags are being re-written with "defanghtml" this in turn is turning all the styles of within the email's HTML code. This is not happening for every recipient!? Has anyone encountered this problem? Do you know what causes it? Can it be stopped? Hey guys, I created a webpage with a some pictures and roll over images. The page turned out perfectly well, except when i minimize the browser size. All the images from the right push over to the left depending on the size of the browser. Why does this happen ? Thnx in advance !! this is the way it looks right now: http://christoffer.wicb.ots.dk/byrummet/ but i want it to look like this: also with the rounded cornors but i have tryed lot of things but cant get it to work can u help me?? How would I go about laying this site out similar to this site? I don't want the bubble text in the blue banner, I want to leave that as it is on my site. Thanks for any help! Ok so I'm making a layout for HabbTunez and I've put my navigation into a table and when you click the picture the navigstion comes down, but everything in the table I've made is centered vertically, click Here to see what I mean. If you want more info just ask. Ok so I'm making a layout for HabbTunez and I've put my navigation into a table and when you click the picture the navigstion comes down, but everything in the table I've made is centered vertically, click Here to see what I mean. If you want more info just ask. Ok, I've made some changes to my navigation bar on my website with Fireworks so its more interactive. I've now implemented into my html but it has throw a certain part out on the page. Its the small picture thumbs at the bottom of the page, they are supposed to be in one row accross the page, now they go underneath each other. I've been looking for ages now to see the problem but I can not work it out. Here are 2 links to the pages, the first one is the one that works previously and the second is the changed one. If you can see the problem I would be so grateful, thanks. http://www.ashley-stone.co.uk/psychedelic.htm http://www.ashley-stone.co.uk/psychedelic2.htm Is it possible for me to upload a picture of my template I sketched and you guys tell me what I need to do in order to accomplish this? I'd like to have an image "inside" a block of text such that the text surrounds it. Here's a mock-up: Is that possible? I've tried various things but no luck yet. I have this gif layout http://i21.tinypic.com/140dn5l.jpg But how Do i turn it into a website or like write stuff on it with html? Please help I can do a bit of html Are there in depth tutorials on making a Div layout? Tables are making way more sense. How do you make a div float to the right of something without having it move to the bottom when a page is shrinked? How do you make a div take up space within a div that not taken out? Like in a div. 80%, inside that div is a 100px div, then have another div inside the 80% div that uses the rest of the space? and how do you fix this? http://vertion.fused.ws/div.html http://i179.photobucket.com/albums/w293/Necro6666/th_****Layout.jpg Thats a link to a picture of my crappy layout going to ask a friend to make a background for me i just need a better layout if someone can help me i'll be gratful Heres the codeing HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Funt's Anime</title>
<style type="text/css">
body {
background-color: rgb(58, 95, 135);
margin-left: 10%;
margin-right: 10%;
border: 5px rgb(90, 150, 150);
padding: 30px 40px 10px 20px;
font-family: sans-serif;
}
</style>
<style type="text/css">
div.c1 {position:absolute;left:500px;top:-10px}
div.c2 {position:absolute;left:150px;top:58px;
margin-left: -5.11%;
margin-right: 55%;
border: 2px solid rgb(150, 150, 150);
padding: 0px 5px 0px 5px}
div.c3 {position:absolute;left:0px;top:58px;
background-color: rgb(205, 205, 205)}
div.c4 {position:absolute;left:0px;top:0px;
background-color: white}
div.c5 {position:absolute;left:403px;top:58px;
margin-left: -5.11%;
margin-right: 40%;
border: 2px solid red;
padding: 0px 5px 0px 5px}
div.c6 {position:absolute;left:703px;top:58px;
margin-left: -5.11%;
margin-right: 10%;
border: 2px solid green;
padding: 0px 0px 0px 0px}
</style>
</head>
<body>
<div class="c1">
<h1>Funt's Anime</h1>
</div>
<div class="c4">
<table width="1280">
<tr><td></td></tr>
</table>
<div class="c2">
<p align="center">Complete List</p>
<hr size="4" align="left" width="100%" color="gray">
<p>May, 09, 2009</p><p>The following Anime are complete:<ul>
</ul></p>
</div>
<div class="c5">
<p align="center">New Episodes</p>
<hr size="4" align="left" width="100%" color="red">
<p>The following have been added to Anime:<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li></ul>
</ul>
</div>
<div class="c3">
<table border="2">
<tr><td>Links</td></tr>
<tr><td><a href="Anime/AnimeList.html">Anime</a></td></tr>
</table>
</div>
</body>
</html>
Hope someone can help as I'm tearing my hair out at the moment!! I'm working on a site for a friend, I have only ever used basic html to code my own sites, due to this I'm having problems with the layout my friend wants. I've created it with frames, not live yet but you can view it he http://www.ladin.co.uk/Jim/index2.html The layout with color either side and content in middle is how he wants it but obviously without frames, I'm not very knowledgeable where CSS is concerned so haven't a clue how to code it, thanks in advance. Linda Hi Guy's, First time poster and newbie designer. I am trying to put a three column template together for a content site, I want to have the text in the middle, nav on the left and adsense on the right hand column. Problem is that I simply can't get the elements to align correctly, when I add the text, the images on the left and right are pushed down to the middle of the left and right columns and if I push up the left image using text and white space it pushes the text in the middle column out of alignment!!! It's incredibly frustrating and I have tried lots of alignment settings to get it to work but I can't and I am sure I am just missing some real basic things. Please can you look at the page and help me to find what I am doing wrong http://www.blueballoonshopping.info/3colprob.html Thanks |
|||||||