layout

Tags:    html css

når det er i anbefaler at man ikke bruge tabeller til layout hvad skal man så bruge???



Indlæg senest redigeret d. 23.07.2007 16:35 af Bruger #7791
6 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
<div>

http://www.google.com/search?q=div+css



hvad nu hvis man skal indsætte billeder


Det kan du også gøre i div :) - stadig den gode gamle <img src="" width="" height="" border="" alt="" />



Så længe du sætter width på div så flyver den ikke forbi billedet!

f.eks. hvis vi siger vi har 500px i content, billedet er 200px i bredden:
Fold kodeboks ind/udKode 






Som Jonas siger skal du bruge div tag's..

Læs evt.: http://www.html.dk/tutorials/css/lektion9.asp


Så forstår man brugen af det ;-)



hvad nu hvis man skal indsætte billeder og hvordan gør man sådan så teksten ikke forstætter ud i det uendelige så der bliver lavet mellem rum istedet



Indlæg senest redigeret d. 23.07.2007 18:33 af Bruger #7791
når jeg prøvet at indrykke min tekst med hjælp af margin bliver den indrykket i den ene side men så fortsætter den bare videre det virker nu

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color:#000000;
margin-top: 20px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 40px;
}


a:link, a:visited {
color:#3300CC;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #3320CC;
}


#wholebox {

width:100%;
height:600px;
background-color:#000066
}

#header {
border:thin dashed;
width:100%;
height:20px



}





#header-text {
color:#FFFFFF;
font-size:16px;
letter-spacing:0.5cm;
font-style:inherit
}
#content{
width:100%;
height:580px;
vertical-align:top;

color:#FFFFFF;
font-size:18px;

}


#brødtekst{
border-bottom:dashed thin #FFFFFF;
text-align:center;
width:100%;
float:none;
margin-left:10px;
margin-right:10px;
}


</style>
</head>

<body>





<div id="wholebox">
<div id="header"><span id="header-text"><a href="#">Index</a> - <a href="#">Media</a></span></div>
<div id="content">
<div id="brødtekst">hej</div>
</div>
</div>



</body>
</html>
code]



Indlæg senest redigeret d. 23.07.2007 20:35 af Bruger #7791
t