Gå til innhold

Webkafeen

enden

Av enden
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
Arve Systad

Arve Systad

Skrevet
Skrevet (endret)
Gratulerer arve!

Egentlig likte jeg ikke siden så veldig godt..

Vet ikke hvorfor egentlig den var bare litt for standard farger og slikt..

Men den var jo pen da :)

Hadde desverre en del rammer å holde meg innafor, dei ville ha det enkelt og tradisjonellt og litt sånt :)

 

Arve:

Grattis, og flottings, men linkene i menyen må være blokker, slik at de gjelder for hele feltet, og ikke bare akkurat på teksten

 

Linkane er blokker, det er berre IE som er dum med meg :(

Nedprioritert.

 

DAMNIT! ;P hehehe

 

Gratulerer Arve! 

Når fikk du mail?

 

Fikk mail i går (torsdag 21.04) :)

 

...og takk for alle gratulasjoner :D

Endret av arve87
Lenke til kommentar
N*

N*

Skrevet
Skrevet (endret)

Likte ikke opera 8 jeg.

programmet lukker seg av seg selv innimellom

det har en teit bug med background-position:center

noen ganger når jeg skal markere tekst, går ikke markeringen bort igjen. virker som det skjer når jeg markerer teksten og drar pekeren ut av elementet teksten er i.

 

edit: morsom meny :wee:

Endret av N*
Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet (endret)

Hehe, faktisk kræsja O8 her igår, dunno hvorfor. Men jeg driver å leker litt med den for å finne ut om den er noe for meg. Den er i hvert fall veldig snappy/rask til å bla frem og tilbake på sider. Fant en kjekk shortcut; Z og X for å bla tilbake og frem :D Tror ikke IE eller FF kan slå Opera med speed der.

 

Mens jeg poster her, noen som kan gi meg en pekepinn på problemet mitt? Jeg knoter atter en gang med litt non-table layout. Jeg tenkte at search- og sidebar-koden skulle være ca i bunnen av htmlkoden. På den måten får jeg postene først i koden og ikke en regle med sidebarlinker slik jeg har på blog'en min.

 

Jeg prøvde først å float postene, h1 og nav til venstre mens jeg floata search og sidebar til høyre. Men search og sidebar floates under nav grr. Så da tenkte jeg å ty til med position:relative; på wrap og posisjonere search og sidebar med absolute (men de blir innenfor wrap, men det vet dere? :p). Men har jeg for lite høyde på postene så vil wrap'en ikke strekke seg i høyden og sidebar, eventuelt search også, vil da delvis falle utenfor wrap. Prøvde meg på overflow: hidden; metoden som funker for floats (den som gjør at du slipper å bruke clear: both; e.l. på elementet under).

 

Kan ikke huske om det finnes slik info på en eller annen lur side. Men poenget er at htmlkoden skal være slik den er og at resultatet blir ca slik: To poster

 

Men ikke slik: Bare en liten post

 

Nå døtta jeg inn en inner div i wrap i håp om jeg kunne gjøre noe lurt der... men nje.

 

Får en følelse av dette ble dødfødt, eller så driver mine små grå og surrer i tåka.

 

Edit: tror jeg fiksa det ved å legge til ekstra html. Putta search og sidebar i egen "celle", mens jeg putta h1, postene og nav i sin celle.

 

Celle versjon 1, Celle versjon 2

Endret av FuLu
Lenke til kommentar
Equerm

Equerm

Skrevet
Skrevet
Gratulerer arve!

Egentlig likte jeg ikke siden så veldig godt..

Vet ikke hvorfor egentlig den var bare litt for standard farger og slikt..

Men den var jo pen da :)

Hadde desverre en del rammer å holde meg innafor, dei ville ha det enkelt og tradisjonellt og litt sånt :)

Ok, hadde ikke lest noen av retningslinjene for det eller slikt :)

Lenke til kommentar
Chasseur

Chasseur

Skrevet
Skrevet

ok, kan noen forklare meg hvorfor bildene mine ikke vil legge seg inntill hverandre vertikalt? Det blir sånn 4-5px mellom bildene, og det vil jeg ikke ha.. :)

 

Og, padding, det er hvor stor avstand elementet skal ha for ting utenfor, og margin samme, men avstand til ting som er innenfor? Eller er jeg på gjordet nå?

Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet

@LordZyfeX: Boxmodellen er slik: http://www.w3.org/TR/CSS21/box.html#box-dimensions

 

Innhold+padding+border+margin ;)

 

Margin er det som oftest kan collapse med andre elementers margin. Så om ene elementet har 8px margin og den andre også har det. Så kan det hende at det ikke blir 16px mellom dem, men 8px pga collapse der. Husker ikke detaljer her. Men på padding så collapser det ikke.

 

Men hvorfor bildene din ikke er tett på hverandre vertikalt vet jeg ikke, har du en side å vise oss?

Lenke til kommentar
Chasseur

Chasseur

Skrevet
Skrevet (endret)

CSS:

#menu   {
width: 150px;
height: 490px;
float: left;
text-decoration: none;
min-height: 490px;
background-color: rgb(255,255,255);
padding-top: 20px;
margin: 0px;
}

HTML:

<div id="menu">
<img src="links/menu.jpg" alt="menu" />
<a href="index.htm"><img src="links/home.jpg" alt="home" /></a>
<a href="http://orresnei.com/forum"><img src="links/forum.jpg" alt="forum" /></a>
</div>

 

EDIT: ved nermerre ettertanke, mener jeg at menyen på paradoxia var bilder ved hjlp av <ul>. Hvordan bruker man det?

 

EDIT 2: La akkurat til dette i CSS filen uten at dette hjalp noe serlig.. :shrug:

img {
margin: 0px;
padding: 0px;
}

 

EDIT 3: Hihi, det var mange edits det!!

Men ok, er det en kode for å lage et bakgrunns bilde i en div?

post-76-1114202303_thumb.jpg

Endret av LordZyfeX
Lenke til kommentar
FuLu

FuLu

Skrevet
Skrevet

Tror det er rett og slett whitspace som driver gjøn med deg ;) <a> og <img> er inline og du har newline her mellom hver link. Du kan prøve deg på dette:

#menu {
width: 150px;
_height: 490px; /* bare IE trenger height */
float: left;
text-decoration: none;
min-height: 490px;
background: #fff url(links/menu.jpg) top left no-repeat;
padding: 20px 0 0; /* 20px kan byttes ut med høyde på menu.jpg + litt til f.eks */
margin: 0;
list-style: none;
}

#menu a img { border: 0; }

 

<ul id="menu">
<li><a href="index.htm"><img src="links/home.jpg" alt="home" /></a></li>
<li><a href="http://orresnei.com/forum"><img src="links/forum.jpg" alt="forum" /></a></li>
</ul>

 

Nå har jeg ikke testa koden over. Pluss at jeg ikke pleier å ha <img> inni en <a> slik.

 

Jeg pleier å ha:

<li class="home"><a href="">Home</a></li>

 

Og i CSS skriver jeg f.eks slik:

li.home a {
background: url(bilde.jpg) top left no-repeat;
display: block;
width: <bildebredde>px;
height: <bildehøyde>px;
overflow: hidden;
text-indent: -9999em; /* bare en metode for å holde tekst vekk fra bilde */
}

 

PS: er bare kode jeg kommer på i farten, ikke alltid ting er feilfritt :green:

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...