Gå till innehåll
Just nu i M3-nätverket

mobilvänligare sida

Linuz M

Startad av Linuz M,
i Utveckling

Rekommendera Poster

Linuz M

Linuz M

Postad
Postad

Hej!
Hur gör jag den något mer vänlig när man exempelvis sitter med telefoner. Jag tycker det ser bra ut via dator och ipade och så som det ser ut i dator är bra men i telefoner blir det lite litet. skulle jag vilja ha det lite bättre. Är ej utvecklare och mina kunskaper är begränsade(Väldigt begränsade). Lite anpassning för få det lite bättre i telefoner. Kan man göra något som inte är allt för krångligt?

 

Så här ser min CSS ut:

html { overflow-y: scroll; }


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin-top: 7px;
	margin-left: 0px;
	background-color:#CCC;

	
}
table {
	font-size: 11px;
}
h3 {
	color: #933;
	font-size: 14px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
}

p {
	margin-top: 0px;
}

h4 {
	color: #933;
	font-size: 11px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
	margin-top: -1px;
}

a {
	color: #039;
	text-decoration: none;
}

	
a:hover {
	font-weight: normal;
	color: #933; 
	important;}
	
}
a:visited{
	color:#039;
	text-decoration:none;
}

#header {
	position:relative;
	background:#000;
	height: 100px;
	width: 750px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	
	
	
}

#kontakt {
	color: #FFF;
	position: absolute;
	width: 120px;
	left: 621px;
	top: 18px;
	font-family: Verdana, Geneva, sans-serif;
	border: thin none #FFF;
	text-align: right;
	font-size:11px;
	height: 69px;
	
}

#header a {
	color: #fff; /*Vit*/
	font-size: 13px;
}

#header a:hover { color: #ccc;/* ljus grå*/ }


#kontakt a {
	color:#fff;
	font-size:11px;
}

#heldiv{
	Width:790px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}
		
#foot {
	height: 17px;
	width: 789px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #933;
	font-weight: normal;
}

Så här ser en av sidorna ser ut. Alla sidor likadana. Det som skiljer är textinnehållet.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>utbildning, datautbildning, mw</title>
<link href="css1.css" rel="stylesheet" type="text/css">
<link href="spec_css.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="heldiv">
<div id="header"> <img src="images/m3.gif" alt="Mw">
<hr>
<div id="kontakt"><strong>M</strong><br>
  Lär för framtiden<br>
  Tel:45<a href="mailto:info@mf.se"><br>
  Info@fdf.se </a></div>
<table width="730" border="0">
  <tr>
      <td width="59"><a href="default.html">Hem</a></td>
      <td width="110"><a href="utb.html">Utbildningar</a></td>
      <td width="122"><a href="konsult.html">Konsultjänster</a></td>
      <td width="81"><a href="omoss.html">Om oss</a></td>
      <td width="137"><a href="arb_med_oss.html">Arbeta med oss</a></td>
      <td width="104"><a href="kontakt.html">Kontakta oss</a></td>
      <td width="87"> </td>
    </tr>
</table>
</div>
<table width="790" border="0" cellpadding="10" cellspacing="10">
  <!--DWLayoutTable-->
  <tr>
    <td width="158" valign="top" height="400"><h4>Utbildning för Projektledare</h4>
      <p>Arbetar du som projektledare och behöver skapa övergripande tidplaner för dig och dina medarbetare? Då kan Project vara en utbildning för dig och ditt företag.<br>
        <a href="projectgr.html">Läs mer</a><br>
        <br>
  </p>
<p><img src="dator.jpg" width="157" height="236"></p>
<h4>Excel för ekonomer</h4>
<p>Arbetar du med ekonomi och behöver spetsa dina Excelkunskaper. Då kan Excel för ekonomer vara en utbildning för dig.<a href="excelek.html"><br>
  Läs mer<br>
</a></p>
<h4>Lär dig Bildbehandla med Photoshop</h4>
<p>Behöver du lära dig grunderna i att retuschera, skapa och frilägga bilder som är anpassade för både tryck och webb?<br>
  <a href="PSgr.html">Läs mer </a><br>
</p></td>
    <td width="374" valign="top"0><h4>Mw
    Lär för framtiden</h4>
      <p>vi erbjuder utbildningar av högsta kvalitet där vårt fokus är att ge kunderna marknadens bästa 
        utbildningsresultat. Vi har som affärsidé att anpassa utbildningen efter kundens önskemål och genom det öka företagens lönsamhet. Bland våra kunder finns flera av Sveriges största 
        företag. Vi genomför uppdrag över hela landet och vill vara det självklara valet som utbildningspartner. Vi kan anpassa utbildningen efter dina önskemål och du kan även välja innehåll ifrån en eller flera av våra utbildningar och genom det skapa din egna anpassade utbildning för dig och dina medarbetare. </p>
      <p>Våra utbildningar genomförs i både nybörjarnivå och i avancerad nivå. Har du svårt för att välja vilken nivå som passar just dig, hjälper vi dig och ditt företag hitta den rätta nivån på utbildningen.</p>
      <h4>Öka lönsamheten på ditt företag</h4>
      <p>Känn glädjen av att bli effektivare på din arbetsplats genom att utbilda dig på M. Utbildningen är en investering för framtiden och är till för att öka ditt företags lönsamhet. Spara  all tid du lägger på att kämpa dig fram som användare  och utbilda dig istället på oss redan nu.</p>
      <h4>Välj utbildning:</h4>
      <p><a href="accessgrund.html">Access grund</a><br>
        <a href="accessforts.html">Access fortsättning</a><br>
        <a href="excelgr.html">Excel grund</a><br>
        <a href="excelintensiv.html">Excel intensiv</a><a href="excelforts.html"><br>
        Excel fortsättning</a><br>
        <a href="excelek.html">Excel för ekonomer</a><br>
        <a href="Illustrgrund.html">Illustrator grund</a><br>
        <a href="Illustrfk.html">Illustrator fortsätttning</a><br>
        <a href="indesigngr.html">Indesign grund</a><br>
        <a href="indesignfk.html">Indesign fortsättning</a><br>
        <a href="PSgr.html">Photoshop grund</a><br>
        <a href="psfk.html">Photoshop fortsättning</a><br>
        <a href="projectgr.html">Project grund</a><br>
        <a href="projectfk.html">Project fortsättning</a><br>
        <a href="powpoint.html">PowerPoint</a><br>
        <a href="wordgr.html">Word grund</a><br>
      <a href="wordfk.html">Word fortsättning</a></p>
      <h4>IT-Coachen</h4>
      <p>För dig med ledande befattning erbjuder vi individuell utbildning. Vi gör en analys av ditt individuella behov och utbildningen genomförs på tider som passar dig.</p>
      <h4>Efter utbildningen</h4>
      <p>Efter genomförd utbildning kan vi sätta ihop tillfällen där vi genomför uppföljning av det du lärt dig och ta upp specifika moment och frågeställningar som du och dina medarbetare funderar över. En så kallad uppföljningsdag ifrån genomfört utbildningstillfälle.</p></td>
    <td width="158" valign="top"><h4><img src="lila.jpg" width="157" height="236"><br>
      <br>
    </h4>
      <h4>Lär dig Indesign</h4>
      <p>Lär dig det senaste layoutprogrammet för att skapa kataloger och produktblad mm.<br>
        <a href="indesigngr.html">Läs mer</a></p>
      <h4>Skäddarsydd utbildning</h4>
      <p>Vi kan skräddarsy en utbildning för dig och ditt företag. <a href="kontakt.html">Kontakta oss</a> för mer information.      </p>
      <h4>Specifika lösningar</h4>
      <p>Vi erbjuder  specifika lösningar på ditt företag. Behöver du hjälp med att skapa kalkylmodeller i Excel eller hjälp med att utveckla en databas för att hantera och förenkla större<br>
        datamängder på ditt företag? Kolla in vårt utbud kring våra konsulttjänster<br>
        <a href="konsult.html">Läs mer</a></p>
      <p><br>
    </p></td>
  </tr>
</table>
<div id="foot">LÄr för framtiden | <a href="mailto:Info@foretaget.se">Info@företaget.se </a>| 09</div>
</div>
</body>
</html>

Något enkelt sätt den inte blir så liten i mobilen?

Tack på förhand för hjälpen!

Länk till kommentar
Dela på andra webbplatser
Linuz M

Linuz M

Postad
  • Författare
Postad

Ok. Jag var inne kollade lite på Bootstrap. Ska jag ladda ner och vad?

Lite osäker hur man går till väga. Är det ett jätteprojekt få till det där?

 

 

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