Jeg lærer meg HTML og CSS! Vekk med WYSIWYG.

[-Teddy-]

Okay, det fiksa seg da jeg lagde nye templates i cutenews. Men har et annet problem: Alle smileys som addes i innlegget flyr overalt! De kan splitte linjer, flytte på all teksten i innlegget osv...

 

Noen tips?

[DevN]

Uten å ha sjekket koden så nøye, tror jeg det kan kommer av dette:

img
{
margin: 10px 0px 50px 15px;
border: none;
}

 

Hvordan du løser det får være opp til deg, kan f.eks. tildele smilefjesene en egen klasse og nullstille alle marginer.

[-Teddy-]

Takker Devn, funka bra.

 

Ellers har jeg finent et nytt problem:

Under bildene mine så dukker det opp en usynlig linje man kan trykke på, denne fører til den større versjonen av bildet over. Hva er feil?

 

Sjekk her:

http://home.no.net/teodor89/nice.html

[DevN]

img
{
margin: 10px 0px 50px 15px;
border: none;
}

 

Du har en bunnmargin for bildene på 50px. Det er sannsynligvis dette som gjør det. Om du trenger den 50px bunnmarginen til noen andre bilder, kan du tildele en av disse gruppene en klasse og nullstille marginen.

Endret 29. oktober 2005 av DevN

[-Teddy-]

Altså, jeg skal ha marginen under alle bildene men jeg ville ikke ha linken under bildet.

[DevN]

Lenken fungerer som en container for bildet, derfor må du sette marginen på lenken i stedet for bildet. Har du marginen på bildet, vil lenken være like stort som bildet PLUSS alle marginene.

 

Got it?

[-Teddy-]

Lenken fungerer som en container for bildet, derfor må du sette marginen på lenken i stedet for bildet. Har du marginen på bildet, vil lenken være like stort som bildet PLUSS alle marginene.

 

Got it?

5078020[/snapback]

 

Skjønner hva du mener men får det ikke til. "Jeg vil så gjerne men jeg får det bare ikke til!"

 

Har prøvd med:

a img

{
margin: 10px 0px 50px 15px;
paddding: 0px;
border: none;
}

 

og

 

a

{
margin: 10px 0px 50px 15px;
paddding: 0px;
border: none;
}

 

og med og uten padding og alt men det hjelper ikke. Om jeg setter bare på <a> så får jeg ikke margin i det hele tatt.

 

[-Teddy-]

Har såvidt begynt på et nytt design og har allerede støtt på et problem:

 

Hvorfor vil ikke bildet på plass? Med "bildet" mener jeg den lille 50%opacity delen som har havnet et stykke ned på siden.

 

http://home.no.net/teodor89/sol

 

EDIT: Hvordan får man egentlig plassert de bildene der der jeg vil ha de? Tror jeg kan slice de på nytt og få det til men ellers syns jeg det virker ganske umulig?

Endret 30. oktober 2005 av -Teddy-

[DevN]

Hvor er det du egentlig skal ha de bakgrunnene/bildene, da?

[-Teddy-]

Hvor er det du egentlig skal ha de bakgrunnene/bildene, da?

5082662[/snapback]

 

Snakker om det lille bildet som er litt gjennomsiktig. Er et lite "stykke" av resten av sola, det skal ligge helt oppunder kanten men istedet er det ca. 1em margin fra toppen.

 

Tror jeg kan løse det ved å slice bildet annerledes når jeg kommer hjem...

 

EDIT: Ny slicing funket ypperlig. Men er det noen annen måte å gjøre det på med de opprinnelige bildene eller måtte jeg i tilfelle brukt tabels da?

 

Tabels er ut uansett.

Endret 31. oktober 2005 av -Teddy-

[-Teddy-]

Sjekk hvordan den ser ut nå. Tror det er en feil et sted i kilden man smae shit.

 

Greia er: Du ser sikkert hvordan det egentlig skal være. Alle bildene av såpeboblen som ligger hulter til bulter skal samles i en "enhet" nede i høyre hjørne. Går det i det hele tatt enn med floating? Alt vil jo oppover på siden, men jeg skla ha det på bunn. Skal helst gå an å skrive litt tekst på den lille 50% opacity delen.

 

[DevN]

Hadde vært digg om du kunne henvise til en illustrasjon av resultatet du ønsker. For det var ikke bare å forstå noe av det der rotet.

 

Men en ting som kan komme inn handy når man floater, er "clearing", så havner ikke ting oppå hverandre og sånn.

 

Prøv f.eks. noe slikt under noen elementer som floater på hver sin side:

<div style="clear:both"></div>

 

Eventuelt et span.

[-Teddy-]

Tenker på at siden skal blir noe ala dette, mulig jeg bytter ut bildene med noen andre men uansett...

 

Endret 31. oktober 2005 av -Teddy-

[-Teddy-]

Okay, jeg blir gal av dette. Kan noen komme med et forslag som innfrir disse kravene? Problkemet er bildet nede til høyre, det oppe til venstre fungerer helt ypperlig.

• Jeg skal kunne skrive tekst over den lille opacity delen av boblen.
  
• Boblen skal flyttes seg nedover sammen med teksten ettersom mengden tekst varierer.
  
• All tekst skal holde seg innenfor "rammene" jeg har laget med de svarte strekene oppe til venstre og nede til høyre
  

Håper noen kan hjelpe for desto mer jeg tenker på det desto mer frustrert blir jeg over at jeg ikke får det til.

[-Teddy-]

Med god hjelp fra DevN har jeg nå fått til stort sett det jeg vil. Eneste er at det er buggy i Internet Explorer...

 

http://home.no.net/teodor89/sol

 

Skal ha annen bakgrunn på body osv men bildene sitter iaollefall stort sett der de skal. Men ikke i IE som sagt.

 

Det virker som om #content har "clear:left" i IE men det har den da ikke.