|
HTML - Making A Htl Site Ready For Mobiles
Hi guys,
I know how to make a mobile site. I know how to make a desktop site. However, how do i setup a desktop site to automatically redirect to a sub folder if viewed on a mobile. This is a great example but looking at the source code i just cant work it out: http://bluebells-restaurant.co.uk/ and http://bluebells-restaurant.co.uk/m Thank in advance guys. Similar TutorialsI need to know what the common practice is to open a printable page in a new window after a link is clicked. Something that you can print from the page or from the browser. Normally I would just open in a blank target but the window doesn't open up tight to the printable media. Any help would be great. Thanks! Hey all 1st post here as I am wanting to learn some things rather than pay someone a couple of dollars to fix a problem I have in regards to tables and a page I am about to use and that the fact that I put 3 tables on it and would like to discuss the html5 css3 fix so tables are not used. Here is a post I made earlier elsewhere which has been there most of the day without a reply > OK first let me say I do SEO and I made a thread on DP RE this same thing, that quite honestly 4 posts in has gone **** up and is about as much use to anyone finding it as a lot of the other crud is that gets found for searches and doesn't answer any questions. So let us address that here with this thread please and stuff er that other place. Like many I am always learning and over the past few months I have been adding little one page 5 card mobile friendly additions to my sites with browser "if" meta info for mobile browsers. Well 2 days ago I got a new domain name to add to my TM characters and it is quite an important domain (well to me at least), namely tted.com So I found a nice HTML5 CSS3 page template that was free to use and started to add things to it. It is just one page. The funny thing is though that presently that is all I need for a whole site. So I started working on the page/site as I said and in order to display cartoon strips (3 rows of four captions) I started to add 3 tables. 3 tables of four columns and 3 rows. Yes I am learning I know tables are old hat I and others ned to learn the work arounds. I am not sure how to get the CSS right and work this so the page remains HTML5 and CSS3 which is how it started. I am sure I am not the only person with this problem in regards to tables on their site neding CSS updates. So I posted on DP hoping to discuss this with the idea being that it would turn into a helpful discussion on turning table based pages (well pages with tables used to display things) into CCS based alternatives, how wrong I was - we will now find a Goldfish of a thread going nowhere about as helpful as a kick in the head. So can we address that here on XXXXXXXXX? I would like to discuss the in's and outs of how we get tables replaced by CSS3 & HTML5 So let's be clear We know the page I am referring to when found was HTML5 and by adding three tables on the page I made the present page non HTML5 and non handheld device friendly. That is to to say from what I can see b4 I put the tables in the page looks to be designed to work in handhelds (jeez it's html5 for gawds sake it ought to be). That is clear OK!! What I would now like to do is discuss this. The object of the exercise is to learn. To learn that tables are not mobile friendly (we get that - so has Joe Soap and John Doe reading this 1 year later now). So tables are not mobile friendly so how do we fix that is the obvious next question. With CSS is the answer. Now this is where we turn this thread into a useful thread where we discuss this tables and CSS factor and the issues or it turns into yet another Goldfish thread clogging up the search results of the super dooper super highway internet web thingy. (Humour is allowed Yes?) So anyone into HTML5 and CSS3 want to discuss here wiht me how we fix the tables issue? This will be useful for me to learn and fix the page before I reproduce it to build the rest of the site. It will be useful for future readers finding it in the SERPS and it will be useful to the forum here to have a useful page that gets found for the relevant search terms (I put them in the thread title I am not daft). More people finding things means more traffic more traffic might mean more members. So anyone up for a decent discussion on this and want to make this thread a useful resource at the same time? If not and this is likely to end up a load of old crud blogging up search results I kindly request a mod just deletes this and I will look for somewhere else to discuss these things. So anyone up for a proper discussion on HTML5 CSS3 and tables and how they (tables) are not mobile friendly and to make this a proper useful thread to discuss how we address this and make the page I have mobile friendly. I could just as easy go and pay someone $2 on that other forum to fix it btw but I would like to learn myself and at the same time discuss it so others can also learn to. http://img91.imageshack.us/img91/335...idealolza9.jpg Hey anyone out there willing to help, i'd like my site to look like this but have no idea of how to do it LOL. That would be the main page, the images would be different of course, and then i would hyperlink the 'about us,' 'contact,' and 'news' to another page, but i'll worry about those later. So for now, any idea of how to do it? Hello, Making a site and i would like to know how to make a search engine on my site... the thing is i don't know where to start.. thanks ____________ conservatories Fruit Machines Hi I have an html page that contains a .swf (index.html). I'd like to make sure that browsers always load the site, and not get it from their cache. I've heard of a thing called cache busting, but there is little info on it when dealing with anything other than a Wordpress site. Does anyone know about it or have info on any other way to make sure the site automatically loads directly? I don't want to have to rely on users manually clearing their cache. Cheers Shaun I have a horizontal bar image that has been sliced so it is an iframe. The iframe's source is links.htm (as the horizontal bar is a link bar) so that I can change my site's main links if I have to. Anyways, the problem is this, my link bar looks perfect in firefox but as soon as I view the site in explorer the text doesn't fit in the iframe and there are arrows as if you have to scroll down to view the text. Here is an image of what I mean: Let me know if I should add information. Myself and my co-worker have been staring and digging at this for a week. If anyone has any ideas, I would appreciate any feedback. http://rwshome.com/mega/index.html You will see in every browser the top nav and right side nav CSS image rollovers function just LOVELY. Butttttt...in IE6, they do not work at all. I have combed the code about 50 times. I cannot figure out why it isn't working. We are at our witts end on this issue, so I figured I would register and see if anyone here could shed some light. On an even better note, we have this same CSS rollover code on about 60 other webites and it works fine in IE6. Weeeeeeeee! Sometimes, a pair of fresh eyes just helps and it's something simple. I hope that is the case. Thanks Pete I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! is it possible to have div #1 which is 500 x 500 and div #2 which is also 500 x 500 directly above div #2 (rather than below or next to it)? i am thinking of using the z-index to making this happen... am i on the right track? so div #2 will have a z-index which is greater than that of div #1 I am very new to html coding and so I don't no if this is even possible. But what I want to do is have a user click on an image or a button and have another image or text or whatever appear on the same window. I no about the onclick action and understand a little bit about forms. However I am at a real wall on this one. thank you Hi, I made a div into a link by making the "a" tag into a block element. Now that I did that, I added text and images to the div, and now the link only works around the text, but fine over the image. How do I get the link to work over the entire div? Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>Website</title>
<style type="text/css">
.bbodytext {
margin:0;
position:absolute;
left:90px;
top:40px;
font-family:Arial;
font-size:9pt;
color:#7B7B7B;
width:212px;
height:43px;
}
.bheadtext {
width:200px;
height:20px;
left:90px;
position:absolute;
top:17px;
font-family:Arial;
font-weight:bold;
font-size:10pt;
color:#404040;
margin:0;
}
.link {
display:block;
top:0;
left:0;
width:333px;
height:100px;
position:absolute;
}
#bright {
top:0;
left:666px;
position:absolute;
background-color:#FFFFFF;
width:299px;
height:66px;
padding:17px;
}
#bright:hover {
background-color:#ECEFEF;
}
#bcenter {
top:0;
position:absolute;
background-color:#FFFFFF;
left:333px;
width:298px;
height:66px;
border-right:1px solid #DBDEDE;
padding:17px;
}
#bcenter:hover {
background-color:#ECEFEF;
}
#bleft {
top:0;
left:0;
position:absolute;
background-color:#FFFFFF;
width:298px;
height:66px;
border-right:1px solid #DBDEDE;
padding:17px;
}
#bleft:hover {
background-color:#ECEFEF;
}
#bottom {
height:100px;
width:999px;
position:relative;
box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-webkit-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-o-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-ms-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
-moz-box-shadow:rgb(168, 171, 171) 0px 2px 5px;
top:128px;
}
#wrapper {
height:635px;
width:999px;
top:0;
position:absolute;
left:50%;
margin-left:-499.5px;
}
body {
background-color:#DEE1E1;
margin:0;
padding:0;
}
</style>
</head>
<body>
<div id="wrapper" >
<div id="bottom" >
<div id="bleft" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
<div id="bcenter" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
<div id="bright" >
<a class="link" href="http://www.google.com" ></a>
<img src="images/icon.png" alt="" >
<p class="bheadtext" >Lorem Ipsum Dolor</p>
<p class="bbodytext" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec dapibus odio.</p>
</div>
</div>
</div>
</body>
</html>
On my HTML file i am trying to get the border to stay as it is and only get the middle bit to change when i click. The reason for this is that in the border there is alot of information which will be changed often and if i dont single pages it would require me to change each and everypage correct? So i was wondering weather i can make a panel to go in the middle which would change everyimime the user clicks on a new Link from the top bar. This Is What It Looks Like: Thanks I know about tables, but are there advance programming for certain condition? I mean if I want certain cells to certain lengths and so on? Hello, I am making a template for a website and now with a lot of updates being done I was hoping to create a template thats based on a table structure with just the center portion to change depending on the link that was pressed to access that page. Can this be done with an HTML script? Basically it is like the forum page here where the top portion stays the same just the portion below changes. Is there a way to make an image or image map link to 2 different places when clicked? Thanks in advance I was wondering if there was any specific code that i could use to mkae a thumbnail of an image that leads to a larger image, without having to make 2 separate images. Hi there, I am building a website for my products and want to create some tap-like buttons for the product description. Please see the details on this sample site: http://www.christiedigital.com/AMEN/...stieHD10KM.htm So the content has been classfied into "Description", "Overview", "Specifcation", etc on the same HTML page. Does everyone know how to create this feature in HTML coding? Or is there any tool to make this feature? Any suggestions are very welcome. Thanks. Hello knowledgable HTMLforum gurus. I have a client that would like a blog feature on her site, so that she can update one of the pages with announcements, etc. Is there some free code anywhere that I can use to accomplish this? I'd like the code to be able to archive old entries and have a search function if possible... Also, I need to have the blog section fit into the same design scheme as the rest of the site that I will be creating, so outsourcing to blogspot or something like that is out of the question. Does anyone know of any freeware that can accomplish this? Thanks in advance, hous edit: please forgive the placement of this thread - not sure where this belongs. im just wondering if any1 uses programs other then google adsense... i have seen a few not many that look too promising... does any1 know any CPM (cost per 1000 hits) sites... i would like to have @ least 1 of those if i could find a decent site for them... Thanks... |
|||||||