Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Table med bild

moztwanted

Startad av moztwanted,
i Webbutveckling

Rekommendera Poster

moztwanted

moztwanted

Postad
Postad

Hejsan igen!

Hur kan jag smidigast skapa en tabell som resulterar i följande:

 

skiss.jpg

 

Har provat med <img style="margin-right: 10px" på bilden och försökt få in en tabell

brevid den, men inte lyckats... Tacksam för alla förslag

Länk till kommentar
Dela på andra webbplatser
Anjuna Moon

Anjuna Moon

Postad
Postad

Sätt float:left på bilden. 

<img src="" style="width:200px;height:200px;float:left;"><table><tr><td>sd</td></tr><tr><td>ggg</td></tr></table>

Länk till kommentar
Dela på andra webbplatser
Cluster

Cluster

Postad
Postad

Du kan ju även slopa tabeller helt :D

Typ:

<!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>325458</title>
<style type="text/css">
<!--

body {
  margin:0;
  padding:0;
  background-color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  }

h4 {
  font-family:Verdana, Geneva, sans-serif; 
  font-size:150%; 
  margin:0.2em;
  margin-left:0;
  }

.twoColsContainer {
  margin:auto;
  padding:0;
  }

.leftCol {
  float:left;
  width: 234px;
  margin-right: 10px;
  }

.rightCol {
  float:left;   
  width: 400px;
  }

.rightCol p {
  margin:0; 
  padding:0; 
  line-height:normal;
  }

.rowTitle {
  display:block; 
  float:left;
  width:80px;
  font-weight:bold;
  text-transform:uppercase;
  }
-->
</style>
</head>

<body>

<div class="twoColsContainer">
  <div class="leftCol">
 	<img src="/images/eforum.png" alt="Eforum Logo" width="234" height="77">
  </div>
  <div class="rightCol">
 	<h4>Title</h4>
 	<p><span class="rowTitle">Namn:</span> Kalle</p>
 	<p><span class="rowTitle">Ålder:</span> 18</p>
 	<p><span class="rowTitle">Språk:</span> Svenska</p>
 	<p><span class="rowTitle">Hemsida:</span> www.www.www</p>
  </div>
</div>

</body>
</html>

Länk till kommentar
Dela på andra webbplatser
moztwanted

moztwanted

Postad
  • Trådskapare
Postad

Vilken nostalgi! Ni två lärde mig server side include (ssi) för några år sen :) Testade med Anjuna Moon:s lösning, funkar fin fint, men klart jag nu måste testa med Cluster:s sätt också och om jag får det att funka så lär det bli en hel del jobb med att äntligen bli lite mera seo och bli av med alla tabeller på sidorna :)

Länk till kommentar
Dela på andra webbplatser
moztwanted

moztwanted

Postad
  • Trådskapare
Postad
:) Nu blir det att kavla upp ärmarna och gå igenom sajt(erna) :unsure: Detdär med att dom laddas ner och gör siten slö, är boven i mitt drama då sitespeed testet visar över 8sec och i värsta fall har den varit på över 12 så verkligen ett stort tack för er hjälp!
Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...