9 svar · 651 visningar · startad av caze
Jag har en tabell med två TD rutor. Den till vänster har en ram och den till höger ska endast innehålla en bild. Nu när jag har cellpadding="4" blir det snyggt och luftigt med texten i den vänstra rutan men däremot får jag inte bilden i den högra rutan att ligga i höjd med ramen i vänstra rutan. (Ja, jag har valign="top")
Någon som vet hur jag kan göra för att lösa det här problemet?
Kan du inte visa din kod i stället så man kan pröva lite själv? Eller en länk till sidan med problemet. :)
<table cellpadding="2" cellspacing="2" width="100%">
<tr>
<td style="border: 1px solid #333333;" valign="top" width="60%">
<div class="editable-html">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the industry's standard dummy text ever since the has survived not only five centuries<br><a href="#">- Läs mer</a></div>
</td>
<td valign="top" width="40%">
<div class="editable-html"><img src="pic.gif" alt="0"></div>
</td>
</tr>
</table>
Ja, du ska använda CSS för att formatera de två cellerna individuellt.
Kolla t.ex. https://www.webdesignskolan.com eller sök på "css tutorial" eller likande om du är slängd i engelska.
Som jag ser det så antar jag att du vill få upp bilden en pixel, korrekt? Det kommer ju bli lite svårt eftersom bordern ligger på utsidan av cellen, och du kan ju inte flytta bilden utanför utan att styla till det.
<img src="bg.gif" alt="0" style="position: relative; top: -1px; left: -1px;">
Och det är en bra idé att använda CSS som Danne V skriver. :)
Precis. Kör på #kolumn1 {float: left; padding: 8px;} så att jag kan ta bort cellpadding i tabellen. :)
Varför tabell över huvud taget? Detta är inte tabulär data och du har ju innehållet i varsin div?
Semantisk HTML och CSS för layout!
Jag är självlärd av oldschool HTML. Har inte uppgraderat kunskaperna sedan jag lärde mig grunden för många år sedan och är inte speciellt sugen på det heller.
caze skrev:
Jag är självlärd av oldschool HTML. Har inte uppgraderat kunskaperna sedan jag lärde mig grunden för många år sedan och är inte speciellt sugen på det heller.
Hade du varit en gammal pensionerad svetsare hade man väl förstått om du inte varit så intresserad. Men en ung grabb som tydligen pysslar med marknadsföring... :OO
Du behöver inte bli super-expert-geek. Men om du i framtiden vill kunna göra webbsidor som folk inte gapflabbar åt ska du åtminstone skaffa dig ett hum om CSS.
Du behöver inte alls kunna rubbet utantill, men du bör i alla fall veta vad det handlar om och var/hur du ska kunna söka lösningar och hjälp när du behöver.
Jag har ett hum om CSS och kommer antagligen inte fortsätta med hemsidor i framtiden.