logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 02-23-2015, 04:11 AM   #1
vinnyvangogh
 
Join Date: Aug 2009
Posts: 84
Default Responsive

Has anybody found/got a solution for Googles mania to have websites smartphone and tablet friendly!

We all know its just because they do not want to lose out on about 30 % of users not having an advert link big enough to click on!

Tables - have always been the easy option for web idiots like me - are now more or less unusable - if they hold images.
I can get any amount of "responsive" data tables online - but no solution for tables holding images and rows of text.
If anybody has any solution or links to them.... your help will be much appreciated.

TIA

Vinny
vinnyvangogh is offline   Reply With Quote
Old 02-23-2015, 05:35 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,176
Default

tables really are only for data. and i dont think that will get any easier.
hard to say without seeing your layout as is now, but a easy to follow cheat might be something like >
Code:
<!DOCTYPE HTML>
<html>
<head>

<style>
.tr{ width:200px; };
.td{ width:200px; };
</style>
</head>

<body>
<h2>data in tables</h2>
<table>

<tr> <td><img src="images/057.png" width="20" height="20"> </td></tr>
<tr> <td> this text </td></tr></table>
<h2>data in divisions</h2>
<div class="tr">  <div class="td"><img src="images/057.png" width="20" height="20">    </div>       </div>
<div class="tr">  this text   </div>       </div>
</body>
</html>
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 02-23-2015, 07:13 AM   #3
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

nothing to do with google and everything to do with users (and potential customers)
d a v e is offline   Reply With Quote
Old 02-23-2015, 09:21 AM   #4
vinnyvangogh
 
Join Date: Aug 2009
Posts: 84
Default

Quote:
Originally Posted by edbr View Post
tables really are only for data. and i dont think that will get any easier.
hard to say without seeing your layout as is now, but a easy to follow cheat might be something like >
Code:
<!DOCTYPE HTML>
<html>
<head>

<style>
.tr{ width:200px; };
.td{ width:200px; };
</style>
</head>

<body>
<h2>data in tables</h2>
<table>

<tr> <td><img src="images/057.png" width="20" height="20"> </td></tr>
<tr> <td> this text </td></tr></table>
<h2>data in divisions</h2>
<div class="tr">  <div class="td"><img src="images/057.png" width="20" height="20">    </div>       </div>
<div class="tr">  this text   </div>       </div>
</body>
</html>
Hi,

I started way back on DW4 and found that most on many forums webs were using tables as a "container" for their layouts. I found it easy to set things out visually! Later pre made templates filled the gaps. Until I retired I never had time to give to messaging about learning codes as they came and went out of fashion! Layers were better than tables and CSS was the high ground for top webby studios!


Today I have been working at setting our rows with 4 columns - each one to take the place of a 4 column table. It seems to be working so far.

The problem is basically nothing top do with a website - its Google now reporting back (Webmaster tools) about traffic using smartphones.tablets and PC/OS. Sites that are not Responsive....i.e. not "smartphone friendly" are warned that search results will state as much. Its the usual problem of keeping the web owner happy and position etc,. I guess any owner seeing is/their site with a Google warning.. will not be too happy

I'll set up a test page and try your code. Thanks - as always - for your help.
vinnyvangogh is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:22 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com