Hjelp med hjemmeside (ny i CSS)

[4588pkdkrikue5c]

Er problemet at dei på høgre sida er lavere enn dei andre?

[sindrejibb]

http://verticalprod.110mb.com/v2/css/

 

Problemet er at de to divs'ene er like høye og har samme kode, men likevel klarer jeg ikke å få innholdet likt. Du ser den firkanten er like høyt på både artikkel 1 og 2, så det er korrekt. Men teksten kommer lengre ned i forhold til firkanten på artikkel 2 enn 1. Jeg skjønner ikke hvorfor det blir slik.

 

Det ultimate hadde vært å få det som på bildet jeg linket til tidligere: http://bildr.no/view/272361

Endret 18. oktober 2008 av sindrejibb

[sindrejibb]

Oppdatert igjen, http://verticalprod.110mb.com/v2/css

 

Nå synes jeg de begynner å ta form, slik jeg vil ha dem. Problemet er at høyre kolonne starter lengre ned og jeg skjønner IKKE hvorfor.

[Jooakim]

For at alt ikke skal bli så rotete - som jeg synes det er nå - bør du kanskje ha det slik:

<div id="contentText">
<div id="contentTextRight">
	<div class="newsBody">
		<span class="top"><img src="images/article_dot.jpg">Nytt design!</span>
		<span class="top_date">(21.08.2008)</span>
		<p><img src="images/article_ws.jpg" class="article_image" alt="article_news">Vertical Productions har nå fått nytt design og har derfor bla bla bla bla bla bla.</p>
		<a href="link">Read more...</a>
	</div>
	<hr />
	<div class="newsBody">
		<span class="top"><img src="images/article_dot.jpg">Nytt design!</span>
		<span class="top_date">(21.08.2008)</span>
		<p><img src="images/article_ws.jpg" class="article_image" alt="article_news">Vertical Productions har nå fått nytt design og har derfor bla bla bla bla bla bla.</p>
		<a href="link">Read more...</a>
	</div>
</div>
<div id="contentTextLeft">
	<div class="newsBody">
		<span class="top"><img src="images/article_dot.jpg">Nytt design!</span>
		<span class="top_date">(21.08.2008)</span>
		<p><img src="images/article_ws.jpg" class="article_image" alt="article_news">Vertical Productions har nå fått nytt design og har derfor bla bla bla bla bla bla.</p>
		<a href="link">Read more...</a>
	</div>
	<hr />
	<div class="newsBody">
		<span class="top"><img src="images/article_dot.jpg">Nytt design!</span>
		<span class="top_date">(21.08.2008)</span>
		<p><img src="images/article_ws.jpg" class="article_image" alt="article_news">Vertical Productions har nå fått nytt design og har derfor bla bla bla bla bla bla.</p>
		<a href="link">Read more...</a>
	</div>
</div>
</div>

Si i fra om du trenger hjelp til å style det til å bli identisk med det du har nå. :-)

 

Edit: Legg i hvert fall inn dette i CSS-en:

.newsBody {
width: XXX; /* Bredde på selve innholdet */
height: XXX; /* Høyde på selve innholdet */
}

Endret 18. oktober 2008 av Jooakim

[sindrejibb]

Tusen takk for hjelpa! Har nå forandret det slik du sa: http://verticalprod.110mb.com/v2/css/

 

Men jeg har fortsatt et problem, og det er å få overskrift og dato rett under hverandre slik som på bildet: http://bildr.no/view/272361

 

Klarer du å finne ut av det?

[Jooakim]

Det er rett og slett fordi bildet strekket seg så langt ut.

 

Om du bruker firefox, kan jeg anbefale disse to tilleggsfunksjonene:

- Firebug (eksempel).

- HTML Validator (eksempel).

 

Edit: Du vil lære mye av å se på andres koder! ;-)

Endret 18. oktober 2008 av Jooakim

[sindrejibb]

Hva mener du med at bildet strekker seg så langt ut?

[Jooakim]

http://halovasjera.net/firebug.jpg :-)

[sindrejibb]

Mener du jeg skal ta vekk "text-align: center" fra body? Det fungerer i såfall ikke.

[Jooakim]

Jeg mener at du må kutte bildet, da bildet er så stort som det vises i linken jeg har gitt deg to ganger nå. Se her om du fortsatt har problemer med å se det.

[sindrejibb]

Ahh, har gjort det nå. Men fortsatt fungerer det ikke...

Oppdatert http://verticalprod.110mb.com/v2/css

[sindrejibb]

YEES, jeg fant det ut til slutt!

 

Jeg hadde satt

<span class="floatLeft"><img src="images/article_dot.jpg"></span>

istedet for

<img src="images/article_dot.jpg" class="floatLeft">

 

Da ordna det seg, endelig!

[sindrejibb]

Da er sida på nett, verticalprod.com.

 

Men har et par problemer: Når jeg er inne på sider som ligger i sub-mapper fungerer ikke menyen som den skal. Og siden vises helt feil i IE. Noen som vet hvor feilene ligger?

[potetskrell]

Da er sida på nett, verticalprod.com.

 

Men har et par problemer: Når jeg er inne på sider som ligger i sub-mapper fungerer ikke menyen som den skal. Og siden vises helt feil i IE. Noen som vet hvor feilene ligger?

 

Mulig det kan ha noe med margin og padding på elementer. Jeg har hatt litt av samme problemstilling, og det løste jeg med å endre en del padding til margin.

 

Prøv å endre på margin og padding, el andre ting, og se hvilket utslag du får i IE og Firefox.

 

Og et lite tips er å ha både FF og IE oppe når du lager nettsider. Da sjekker man begge på en gang. Da er det lettere å finne feilen med en gang. Etterpå kan det bli slitsomt med mye kode.

 

[sindrejibb]

Får det seriøst ikke til jeg, altså! Sånt plager meg så grenseløst!

[sindrejibb]

Ingen som vet hvorfor det blir slik?

[sindrejibb]

Jeg fikk fiksa det problemet med artiklene, divs'a måtte være litt smalere. Nå er det eneste problemet kun at menyen er litt venstrestilt i IE og jeg skjønner fortsatt ikke hvorfor. Hjelp!

[Jooakim]

Classic wrestling?

[Tsjaizer]

tidig

Endret 26. oktober 2008 av Tsjaizer

[sindrejibb]

Classic wrestling..?