Kant i kant

9 svar · 653 visningar · startad av caze 9 apr. 2008

cazeMedlem sedan sep. 20016 059 inlägg

Frågan9 apr. 2008 08:08#1

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?

silfverMedlem sedan apr. 200312 679 inlägg

9 apr. 2008 08:09#2

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.

cazeMedlem sedan sep. 20016 059 inlägg

9 apr. 2008 08:11#3

<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>

</tr>

</table>

http://www.gezeta.se/carl/box/exempel.gif

Danne VMedlem sedan aug. 20068 090 inlägg

9 apr. 2008 08:12#4

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.

silfverMedlem sedan apr. 200312 679 inlägg

9 apr. 2008 08:18#5

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.

cazeMedlem sedan sep. 20016 059 inlägg

9 apr. 2008 08:19#6

Precis. Kör på #kolumn1 {float: left; padding: 8px;} så att jag kan ta bort cellpadding i tabellen.

itpastornMedlem sedan feb. 2007278 inlägg

9 apr. 2008 08:27#7

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!

cazeMedlem sedan sep. 20016 059 inlägg

9 apr. 2008 08:56#8

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.

Danne VMedlem sedan aug. 20068 090 inlägg

9 apr. 2008 09:43#9

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.

cazeMedlem sedan sep. 20016 059 inlägg

9 apr. 2008 09:54#10

Jag har ett hum om CSS och kommer antagligen inte fortsätta med hemsidor i framtiden.