HTML & CSSur HTML, XHTML & CSS
10 svar · 444 visningar · startad av TantVass
Här är en frame historia jag testade att göra...
http://w1.605.telia.com/~u60523230/kronikor/
men jag gillar det inte, så nu försöker jag göra med bara CSS och inga tabeller... här är verksta'n:
http://w1.605.telia.com/~u60523230/kronikor/index2.htm
höhöhö... :P
CSS-koden har jag knyckt ihop från allamöjliga håll.. men jag tror jag fattar.. nästan iaf, tills nu. (fast jag behåller ändå de vita bordrarna så länge för att se var jag är...)
Hur placerar man två boxar brevid varandra, ungf som <td></td>
<td></td> i en tabellrad? Nu menar jag den mintgröna ytan med ett foto och en mejl till höger och text till vänster....
fattar ni mej?
Det hadde varit mumma också att få "mintrutan" att vara i mitten av det mörkgröna fältet... men jag kan inte rubba det...
Jag är så himla kass på engelska och jag vet inte ens vad det heter det jag ska leta efter... kanske z-nått, lr holy graal, lr inline... Vet ni var jag kan hitta detta på svenska?
Jag är glad över att du tittar över det här med CSS =)
För att centrera hela sidan kan du lägga till "text-align: center" i bodyn.
För att få två objekt bredvid varandra kan du använda "display: inline".
För CSS2-referens kan du titta här:
http://www.w3schools.com/css/css_reference.asp
Om du tittar högst upp på ämnessidan i detta forum hittar du diverse matnyttiga länkar. Kan vara bra att veta att de flesta forum har sådana ämnesrelaterade länkar.
Kämpa på med CSS! :)
dectgap skrev:
För att centrera hela sidan kan du lägga till "text-align: center" i bodyn.
Nja, inget bra förslag.. detta fungerar nämligen bara i Internet Explorer.
margin: auto; ger väl centrering?
erre skrev:
margin: auto; ger väl centrering?
Nope, det gör det inte..
Jag struntar i centreringen då.
Men hur får jag texten till höger om bilden?
har provat att skriva "display: inline" lite överallt... Har läst i Evas CSS referrensbok, men där står så lite och inget om hur det går till rent praktiskt
Börjar luta åt att tycka tabeller ändå är himla smidiga. :(
Det borde fungera att lägga texten i en egen div och sätt den till float:right
Ok, gjorde om din kod lite.. :)
Detta borde ge önskat resultat:
[RED]<div class="content">
<div id="left">
<img src="img/pd.jpg" width="200" height="200" border="0"><br><br>
<a href="mailto:plastdunk@yahoo.com">plastdunk@yahoo.com</a>
</div>
<div id="main">
<h1>NMM presenterar</h1>
<b>Plastdunks<br>Dii.nu-krönikor!</b>
<br><br>
Det är <a href="http://www.geocities.com/tantvass/nmm/">NMM</a> en ära och glädje att på detta sätt få knycka och sprida dessa textpärlor.
Vill du göra likaledes, kom i håg att fråga honom, han har ©.
<br><br>
Missa inte:<br>
<b>Formar och formler</b> - Massor av boktips!<br>
<b>upplösningen</b> - är han galen eller bara galen?<br>
<b>Die Mauer</b> - Så vackert!
<br><br>
- TantVass
</div>
<p class="fot">Webklåpare: TantVass. Särskilt tack till Dectgap och Helgonet.</p>
</div>[/RED]
Gjorde några ändringar i din css-mall också, så jag skickar med den som txt-fil, bara att döpa om.
Ja!!
Vilken fantastisk hjälp, titta nu börjar det ju ta form!
http://w1.605.telia.com/~u60523230/test/
...så <div> betyder "nya lådor på samma rad"...
nu är det skoj igen!
Nästa projekt blir att kolla varför inte botten-bordern kommer med på de sidor jag lagt in bilder i...
och varför inte margin-bottom: 10px; fungerar. hihihi.
Jättetack, och trevlig helg!
Om du vill centrera en sida så har du ett exempel här:
http://www.thenoodleincident.com/tutorials/box_lesson/basic_centered.html
Här hittar du mängder av exempel för att skapa css-layouter:
http://www.thenoodleincident.com/tutorials/box_lesson/
http://www.bluerobot.com/web/layouts/
PS. Om du använder dig av kod mot en doctype så är det större chans att dina sidor fungerar som du har tänkt dig. DS.