Gå til innhold

Hjelp til css-oppbygning? ^^

madompa

Av madompa
i Programmering og webutvikling

Anbefalte innlegg

madompa

madompa

Skrevet
Skrevet

Hei, driver å designer noe her, men mine kunnskaper innen css er ikke så mye å skryte.. Synes denne innretningen jeg har funnet ut av her ser litt vanskelig ut, så i stedet for å begi meg ut på noe som helst sikkert vil ende i noe som med utrolig kronglete kode ser såvidt bra ut, men varer ikke lenger enn til neste nettleser.. Så tenkte jeg skulle spørre de hjelpsomme innfødte her om hjelp :D

 

Dere skjønner sikkert litt av tegninga mi, rutene er "felter"/div'er, røde strekene er det som skal være avbildet. Rutene A skal bli "dratt", slik at de alltid er på siden, uansett om siden blir lang som i figur II. Rutene B skal alltid være midt på siden.

 

Om noen har noen forslag hvordan jeg kan løse det eller noe kode blir jeg glad :!:

 

p&k

 

post-105542-1171670115_thumb.jpg

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
madompa

madompa

Skrevet
  • Forfatter
Skrevet
kan jeg spørre hvorfor du vil ha det sånn ? artig opstilling.

7961039[/snapback]

Veit det ser innmari dumt ut, men det er en del av resten av en layout. Og det er kun en illustrasjon, jeg har ikke røde streker med dotter på :p

Men har ikke lyst til å legge ut hele layouten liksom..

Lenke til kommentar
madompa

madompa

Skrevet
  • Forfatter
Skrevet
Det blir litt av en oppgave, minner om fixed element. søk der trur jeg.

 

Kanskje en relevant link:

http://www.gunlaug.no/contents/wd_additions_15.html

7962138[/snapback]

Fixed elements, er det de "oops!" på sidene? For det er i så fall ikke slik jeg mener. Det har ingenting med forholdet til skjermbildet, B skal altså være midt på siden (nå leste jeg ikke gjennom hele, så korriger meg hvis jeg tar feil ;))

Lenke til kommentar
madompa

madompa

Skrevet
  • Forfatter
Skrevet (endret)
men når innholdet er mer enn skjermhøyden så skal fortsatt "b" være midt i.

7963654[/snapback]

Ja, men ikke "midt på skjermen", midt på siden. Er det mulig å få til med fixed elements?

 

Legger til: Altså det som egentlig er problemstillingen; hvordan skal jeg få A og ruten over B til å være like store uansett hvor lang siden er, og B fortsatt skal være like stor (og blir da automatisk midt på siden)

Endret av madompa
Lenke til kommentar
KillYou

KillYou

Skrevet
Skrevet

takker takker, vet jeg er god :!: liker litt utfordring.. (håper jeg ikke har missforstått noe nå :blush: )

 

prosjektet inne holder en del div'er

 

sjekk det ut

 

 

CSS:

Klikk for å se/fjerne innholdet nedenfor

html, body {
margin: 0;
padding: 0
}
.holder {
width: 80%;
margin: auto;
height: 100%;
clear: both;
}
.topp {
width: 80%;
margin: auto;
height: 75px;
border: 1px solid black;
}
.bunn {
width: 80%;
clear: both;
margin: auto;
height: 75px;
border: 1px solid black;
}
.venstre {
height: 100%;
width: 10%;
float: left;
}
.vtopp {
width: 100%;
height: 45%;
border: 1px solid black;
}
.vmidt {
width: 100%;
height: 10%;
border: 1px solid black;
}
.vbunn {
width: 100%;
height: 45%;
border: 1px solid black;
}
.htopp {
width: 100%;
height: 45%;
border: 1px solid black;
}
.hmidt {
width: 100%;
height: 10%;
border: 1px solid black;
}
.hbunn {
width: 100%;
height: 45%;
border: 1px solid black;
}
.høyre {
height: 100%;
width: 10%;
float: right;
}
.midten {
width: 79%;
height: 100%;
float: left
}

 

 

HTML:

Klikk for å se/fjerne innholdet nedenfor
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
 <div class="topp"></div>  	
 <div class="holder">
 	<div class="venstre">
   <div class="vtopp"></div>
   <div class="vmidt"></div>
   <div class="vbunn"></div>
 	</div>
 	<div class="midten"></div>
 	<div class="høyre">
   <div class="htopp"></div>
   <div class="hmidt"></div>
   <div class="hbunn"></div>
 	</div>
 </div>
 <div class="bunn"></div>
</body>
</html>

Lenke til kommentar
madompa

madompa

Skrevet
  • Forfatter
Skrevet (endret)
oki teksten vil ikke være i .midten ? vist du gir et screen hadde det vert litt lettere siden jeg ikke sitter med FF her (uinstall for lenge siden  :!: )

 

vist du sjekker linken i min forige post er problemet det samme der?

7964303[/snapback]

Den er grei der, men blir den lengre (nedover) enn siden, går den over.post-105542-1171730124_thumb.jpg

 

Legger til: Skal i tillegg legge til andre div'er inni midten, som igjen skal inneholde tekst.

Endret av madompa
Lenke til kommentar
madompa

madompa

Skrevet
  • Forfatter
Skrevet (endret)
hva med å bruke paragrafer inni midten?

 

fikk det til å se bra ut i opera lokalt nå men .venstre og .høyre vil ikke følge .holder ? noen som har en løsning?

7964460[/snapback]

Hva mener du med paragrafer?

 

Du har ikke lagt det ut på serveren?

Endret av madompa
Lenke til kommentar
madompa

madompa

Skrevet
  • Forfatter
Skrevet
<p></p> = paragraf isteden for <div> teksten du har lagt inni .midten nå er vel bare tekst ligg en <p></p> rundt vert avsnitt ser om dte blir bedre.

7964495[/snapback]

Altså

<div class="midten"><p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum nec leo vitae sem eleifend lobortis. Fusce (...)

Vivamus velit turpis, sodales nec, venenatis dictum, molestie eu, tortor. Suspendisse blandit.</p></div>

 

?

 

Virker ikke..

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...