- Inlägg: 78
- Du är här:
- Hem
- Forum
- Senaste inlägg
Webdesign - Bakgrund bakom tabell... hjälp!
11 år 10 månader sedan #491844
av tobbe
Svar från tobbe i ämnet Webdesign - Bakgrund bakom tabell... hjälp!
Jag skulle rekommendera divvar istället för ramar.
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sidans titlel</title>
<style>
#wrapper {
margin-left:auto;
margin-right:auto;
width:1000px;
}
#header {
margin-left:auto;
margin-right:auto;
width:780px;
heigth:100px;
border:3px solid #6699ff;
}
#left_column {
float:left;
width:110px;
}
#content {
float:left;
width:780px;
}
#right_column {
float:rigth;
width:110px;
}
#footer {
clear:both;
width:1000px;
}
</style>
</head>
<body>
<div id="header">
<img src="header_psf.jpg" />
</div>
<div id="wrapper">
<div id="left_column">
Här hamnar vänstra kolumnen.
</div>
<div id="content">
Här hamnar mittenkolumnen.
</div>
<div id="right_column">
Här hamnar högra kolumnen.
</div>
<div id="footer">
Här hamnar footern
</div><
</div>
</body>
</html>
11 år 10 månader sedan #491856
av ikolito
Svar från ikolito i ämnet Webdesign - Bakgrund bakom tabell... hjälp!
Tobbe, det blir lite tjorvigare att göra sidan om man ska använda sig av divvar. Man bör köra server-side-include då så man slipper uppdatera alla html-filers innehåll om man ska uppdatera något.
11 år 10 månader sedan #491882
av tobbe
Svar från tobbe i ämnet Webdesign - Bakgrund bakom tabell... hjälp!
Det är klart om man ska göra en mer avancerad sida så ska man använda PHP eller något annat serverspråk plus en databas.
Divvar och ramar handlar väl mer om design och där tycker jag man ska använda divvar.
Divvar och ramar handlar väl mer om design och där tycker jag man ska använda divvar.
11 år 10 månader sedan #491885
av ikolito
Svar från ikolito i ämnet Webdesign - Bakgrund bakom tabell... hjälp!
Jag håller med. Har mest använt mig av divvar.
- Aspergergirl
- Författare till inlägg
- Offline
- Hedersmedlem
Less
Mer
- Inlägg: 1151
11 år 10 månader sedan #491891
av Aspergergirl
Svar från Aspergergirl i ämnet Webdesign - Bakgrund bakom tabell... hjälp!
Hej alla och tack för era råd.
Jag har visserligen fått ordning på det mesta. Istället för att lägga headern i övre ramen, har jag lagt den högst upp i mittenramen. Det blev faktiskt bättre med luften över bilden. Däremot har jag problem med att centrera min meny så den hamnar exakt under headern. Likaså vill jag att de två ramarna på sidorna ska vara bredare. Dessa ramar fungerar som marginal.
Under headern och menyn, vill jag ha två kolumner. Får se om jag fixar det. Jag är inte så kunnig på det här med att programera för att skapa hemsidor från grunden, så därför kan jag inte ge mig på något alltför avancerat. Skickar en skärmdump på hur sidan ser ut nu. Alltså där vänster och högerramen är för smala och menyn är förskjuten åt vänster.
[attachment=0:2n9gw0ge]<!-- ia0 -->exempelhemsida2.jpg<!-- ia0 -->[/attachment:2n9gw0ge]
/Ann-Charlotte
Jag har visserligen fått ordning på det mesta. Istället för att lägga headern i övre ramen, har jag lagt den högst upp i mittenramen. Det blev faktiskt bättre med luften över bilden. Däremot har jag problem med att centrera min meny så den hamnar exakt under headern. Likaså vill jag att de två ramarna på sidorna ska vara bredare. Dessa ramar fungerar som marginal.
Under headern och menyn, vill jag ha två kolumner. Får se om jag fixar det. Jag är inte så kunnig på det här med att programera för att skapa hemsidor från grunden, så därför kan jag inte ge mig på något alltför avancerat. Skickar en skärmdump på hur sidan ser ut nu. Alltså där vänster och högerramen är för smala och menyn är förskjuten åt vänster.
[attachment=0:2n9gw0ge]<!-- ia0 -->exempelhemsida2.jpg<!-- ia0 -->[/attachment:2n9gw0ge]
/Ann-Charlotte
Bilagor:
- Aspergergirl
- Författare till inlägg
- Offline
- Hedersmedlem
Less
Mer
- Inlägg: 1151
11 år 10 månader sedan #491894
av Aspergergirl
Svar från Aspergergirl i ämnet Webdesign - Bakgrund bakom tabell... hjälp!
För att justera bredden på vänster och högerramen. Ska jag ändra något här?
<HTML><HEAD></HEAD>
<frameset rows="80,*">
<frame src="toppen.html" name="toppen" scrolling="no"marginheight="150" marginwidth="800">
<frameset cols="90,*,90">
<frame src="vanster.html" name="vänster"scrolling="auto">
<frame scrolling="auto" src="mitten.html" name="mitten">
<frame src="hoger.html" name="höger"scrolling="yes">
</frameset><noframes></noframes>
</HTML>
<HTML><HEAD></HEAD>
<frameset rows="80,*">
<frame src="toppen.html" name="toppen" scrolling="no"marginheight="150" marginwidth="800">
<frameset cols="90,*,90">
<frame src="vanster.html" name="vänster"scrolling="auto">
<frame scrolling="auto" src="mitten.html" name="mitten">
<frame src="hoger.html" name="höger"scrolling="yes">
</frameset><noframes></noframes>
</HTML>