1

tirsdag, 27. marts 2007, 19:17


Min iframe gider ikke rykke sig derop?

Koderne:

Index.htm:

Citeret

<div class="main2">
<h2> <strong>Velkommen til ..censur..</strong> </h2>
<p>
Velkommen til denne side.<br>
Du kan navigere rundt på siden i menuen til venstre.<br>

</div>



Main2 i style.css:

Citeret

.main2 {
border: 1px solid #393939;
margin: 2px 161px 0 25px;
padding: 0;
width: 490px;
}
.main2 h2 {
background: #ddd url(h2_image.gif);
border-bottom: 1px solid #393939;
color: #000;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
margin: 0;
padding: 2px 0 0 5px;
}
.main2 p {
font-size: 110%;
margin: 1px;
padding: 2px;
line-height: 16px;
}
.main2 p.date {
color: #555;
font-weight: bold;
font-size: 11px;
margin: 0 0 5px 0;
text-align: left;
}
.main2 p.posted {
color: #bbb;
font: bold 11px "Trebuchet MS", Verdana, sans-serif;
line-height: normal;
text-align: left;
margin-bottom: 10px;
padding: 3px;
border-top: 1px dashed #ccc;
}


Billede: her
Alle filerne (på en .frac.dk hjemmeside): her

FLOAT: RIGHT;, FLOAT: CENTER;, FLOAT: LEFT; virker ikke!

Håber i kan hjælpe mig :roller:


2

tirsdag, 27. marts 2007, 20:41


Det nemt skyldes, at der ikke er plads til din div (ingen iFrame i det du viser).

Tjek om alle tingene har den plads de skal have, hvor du bla. skal huske at trække padding fra dine højder og bredder. Er noget eksempelvil 700px i bredden og har en paddding på 30px på alle kanter, så skal du trække 2x30px fra de 700px.

Dertil, tjek også om du har nogle margin'er der eventuelt spiller ind på placeringen.

--------------------------------------------

Jeg foreslå ikke at bruge <strong> inde i dine H2'er. Dette er absolut unødvendigt, når du alligevel styler din H2, så kan du ligeså godt bare anvende font-weight: bold;

Dertil kan du ligeså godt gå fra alm. HTML til xHTML. Her kan du i første omgang vælge doctype med Transitionel frem for strict. Er du lidt perfektionistisk vælger du selvf. Strict ;)

Forskellen på HTML og XHTML er egentlig ikke så stor. Tags som ikke har et afsluttende Tag (eksempelvis </a>) skal afsluttes. Så et <br> vil nu se således ud <br />. Et <img src="" alt=""> vil blive til <img src="" alt="" />

Og skulle man nu glemme det hist og her, så dukker de altid op, hvis man validere. En god ting kan egentlig være at validere hen ad vejen i stedet for til sidst.


3

tirsdag, 27. marts 2007, 21:59


Macimuz, jeg føler mig seriøst dum når du sidder der og bruger nogle udtryk jeg ikke fatter :9xo:

Jeg er pænt dårlig til Stylesheet, du kunne ikk' gøre mig en lille tjeneste, (jeg prøver selfølgelig selv også), og kigge lidt på det? Da jeg er 99% sikker på at jeg ikke kan få det til at virke (:


4

tirsdag, 27. marts 2007, 22:14


Jeg har kigget lidt på det, og det ser lettere rodet ud! Hvad er siden lavet i?

Du har et relativt simpelt setup som burde kunne klares relativt let med lidt simpelt div/css

Lav din side lidt ala:


<div id=container>
<div id=banner>
banner billede + tekst
</div>
<div id=main>
<div id=left>
menu-ting
</div>
<div id=right>
ting i højre spalte
</div>
<div id=footer>
footer ting
</div>
</div>
</div>

#container {
width:bredde på side;
margin: 0 auto; (centrer siden)
farver, border her også
}

#header{baggrunds-farve+billede+størrelse}

#main{width:100%}

#left{
width: bredde på menu;
float: left;
}

#right {
width: bredde på højre kolonne; (bredde af left+right +margin for disse må ikke overskride bredden for container!!)
float: left; eller right (det giver lidt ala det samme...)
}

#footer{
clear:both;
}

og så er det ellers bare at rette h1... p og a som du allerede har.

Håber det gav lidt mening.

/ask

IBM t42 and IBM t23 still alive and kicking

5

onsdag, 28. marts 2007, 07:16


Man bør faktisk holde sig fra at kalde sine elementer for left, right og den slags, da et fremtidigt redesign kan betyde, at disse elementer ikke har samme placering.

Citeret

Originally posted by Søderberg
Macimuz, jeg føler mig seriøst dum når du sidder der og bruger nogle udtryk jeg ikke fatter :9xo:

Jeg er pænt dårlig til Stylesheet, du kunne ikk' gøre mig en lille tjeneste, (jeg prøver selfølgelig selv også), og kigge lidt på det? Da jeg er 99% sikker på at jeg ikke kan få det til at virke (:


Hehe, det tager jeg som et kompliment :T

Men har ikke mulighed for at kigge på tingene før iaften.

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Macimuz" (28.03.2007, 07:18)


6

onsdag, 28. marts 2007, 07:54


Citeret

Originally posted by Macimuz
Man bør faktisk holde sig fra at kalde sine elementer for left, right og den slags, da et fremtidigt redesign kan betyde, at disse elementer ikke har samme placering.


Ja det har du faktisk ret i. Har faktisk en enkelt side hvor left står dil højre og omvendt....

/ask

IBM t42 and IBM t23 still alive and kicking

7

onsdag, 28. marts 2007, 08:18


Lav det efter indhold i stedet for når du navngiver dem er jo også en af de fordele der er med css at man kan lave indholds styred sider.

| asus maximus VI Hero | i7 4770K | 2 x 8gb G.skill | Asus GTX 750 Ti OC |
Common sense is creativities biggest enemy

8

onsdag, 28. marts 2007, 21:50


Nvm :). Jeg fandt fejlen, det var i margin, i main2, i style.css, der skulle sættes til 16 og ikke 161 :)


Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.