Hej,
Jeg er helt ny til CSS layouts (dengang jeg rodede med
hjemmesider som dreng brugte man <table>), og er stødt ind i et
problem.
Jeg har:
http://interrail.ricecows.net/emptyPage.php
Og jeg vil gerne have:
http://interrail.ricecows.net/layout.png
Først den hvide linje:
Den har hele tiden været at se i IE7, men her den anden dag, uden
videre opdatering, dukkede den også frem i Opera og Firefox.
Jeg ved slet ikke hvor jeg skal begynde, for at få den fjernet.
Sidebaren (de to blå bokse og deres tekst), kan jeg heller ikke
få over i højre side. Det længste jeg fik dem var ca. 50 pixels
ind mod midten, men stadig under selve hovedteksten (der hvor der
står "Text here" på emptyPage.php).
Jeg prøvede med både float:right og text-align: right, intet så
ud til at virke.
Jeg har forsøgt at inddele det i containers, men det gjorde jeg
tydeligvis ikke særlig godt, jeg har dog på fornemmelsen at dét
er vejen frem.
Kode:
<body>
<div id="container">
<div id="header">(img header her)
</div> <!-- end header -->
<div id="navigation">(img og links)
</div> <!-- end menu -->
<div id="mainContent"> Text here
<div class="headlineBox">
(img og tekst)
</div> <!-- end headlineBox -->
<div class="headlineBox">
(img og tekst)
</div> <!-- end headlineBox -->
</div> <!-- end mainContent -->
</div> <!-- end container -->
</body>
Jeg har fjernet mit forsøg på et få de blå kasser over i
højreside, headlineBox er blot style (mindre skrifttype indtil
videre).
CSS:
img, body {
margin:0; padding:0;
}
#container {
text-align:left;
width:750px;
margin:auto;
}
..headlineBox {
font-size: 90%;
}
Mvh,
René J
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials