TestMax.dk Paster
  • Forside
  • Print
  • Bookmark
  • Kontakt
  • SiteMap


infobox infobox
 

[HTML/CSS]Prob.

08-01-2007 19:17:14
 
 
Muligheder (Anmeld)
Skrevet af GiMo
Kliks 424
Kategori HTML Generelt
Hejsa igen.
Fik Draxs metode fra den anden tråd til at virke (Tak til ham.)
Nu er jeg så i gang med at lave et "design" i CSS...

Nu er jeg så stødt på et problem. Problemet er at jeg gerne vil havde min tekst til at stå (ex.) 20px ud fra den "menu" jeg har lavet med et float. Lyder nok lidt forvirrende, men gik på html filen og du vil forstå mig :)

Jeg har forsøgt at sætte padding-left & right på (som i kan se), men så er det 20px ud fra bodyen. Det er som sådan set også fint nok. Men den skal også være 20px fra menuen.

//GiMo


HTML'en:


<html>
<head>
<title>Lidt sjov</title>
<link rel="stylesheet" type="text/css" href="style2.css">
</head>
<body>


<center>
<table cellspacing="1" cellpadding="0" style="height: 100%; width: 760px; background-color: white">
<tr>
<td valign="top" align="center" style="height: 180px;">
       <h1 id="banner">Design med CSS</h1>
       <h1 id="navnbanner">Af Simon Gregersen</h1>
</td>
</tr>
<tr>
<td valign="top" align="left">
       <h2 id="menu">Forside</br>Profil</h2>
       <div id="lorem">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer quis diam eget risus molestie tempor. Phasellus posuere. Aliquam quis leo eget tortor feugiat porta. In vehicula sapien eget quam. Nulla facilisi. Nam eget neque. Suspendisse nec erat at justo pharetra iaculis. Mauris molestie, lacus at convallis rutrum, nisl orci vehicula ante, vel porta mauris enim quis nulla. Etiam sollicitudin feugiat dui. Duis malesuada orci nec sem.
       Nulla vel augue. Pellentesque viverra iaculis erat.<br />Maecenas tempus auctor erat. Mauris congue pulvinar augue. Sed eget erat vitae risus venenatis fringilla. Duis nunc dolor, aliquet vel, egestas sed, rutrum at, erat. Pellentesque eget diam ut nisl varius pretium. Suspendisse quis est vel lacus adipiscing egestas. Cras lorem leo, feugiat sit amet, faucibus vel, vestibulum non, velit. Fusce tincidunt, orci ac ullamcorper bibendum, dolor est commodo sem, eget ornare risus neque vitae erat. Ut turpis. Quisque pharetra, nulla at mattis sodales, tellus nibh viverra sapien, ut rutrum quam ipsum sed ipsum. In quis quam. Pellentesque a turpis. Integer lobortis posuere metus.
       Mauris hendrerit, risus in sollicitudin eleifend, pede nunc pulvinar ipsum, ut tempus leo lacus in felis. Aliquam lacus. In aliquam pede nec metus. Nam euismod nulla sed diam. Sed lobortis. Nulla hendrerit, dolor sed dignissim egestas, tellus felis interdum sem, eu dignissim justo velit ac ligula. Pellentesque a erat. Sed tempor. Quisque pellentesque, enim sit amet tincidunt nonummy, lectus velit sagittis metus, facilisis rhoncus ante felis ullamcorper nibh. Aliquam et felis id urna iaculis sollicitudin. Quisque eros mi, laoreet sit amet, mattis molestie, eleifend vitae, arcu. Maecenas facilisis. Phasellus iaculis tellus vitae neque. Nam placerat metus eget lorem.
       Nulla facilisi. Sed augue. Maecenas ante leo, malesuada id, tristique nec, auctor non, pede. Nullam euismod justo sed tortor gravida tempor. Donec vitae libero. Donec magna eros, vestibulum varius, egestas ac, dictum eu, mauris. Vivamus sit amet magna. Ut nunc massa, pretium non, sagittis at, mattis ac, leo. Donec bibendum nulla id metus. Mauris pharetra est quis orci. Sed metus. Nullam at tellus. Vestibulum posuere, nisi fermentum ultrices bibendum, diam elit varius odio, id cursus ligula nibh nec nisl. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur quis justo in mi feugiat facilisis. Donec vel purus ac purus blandit feugiat. Donec dignissim. <br />Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut est enim, cursus sit amet, tempor vitae, nonummy ac, risus.
Sed porttitor turpis eget diam blandit adipiscing. Nunc tempor hendrerit metus. Nulla gravida. Suspendisse faucibus tincidunt ligula. Etiam ac sapien nec odio congue tempus. Nullam iaculis dui a ligula. Proin viverra ultricies purus. Sed gravida commodo mauris. Ut varius erat. Mauris elementum posuere ligula. Vivamus ac enim id lorem congue ullamcorper.
</div>
</td>
</tr>

</table>
<center>



</body>
</html>


style2.css:


body {
       background-color: lightblue;
       margin: 0px;
}
table {
       border-left: double grey;
       border-right: double grey;
}
#banner {
       font-size: 36px;
       font-family: times new roman;
       margin-top: 20px;
       background-color: lightgrey;
       padding-left: 20px;
       padding-right: 20px;
       padding-top: 10px;
       padding-bottom: 10px;       
}
#navnbanner {
       font-size: 16;
       font-family: times new roman;
       margin-top: 0px;
}
#menu {
       font-size: 20;
       float: left;
       border-right: double grey;
       border-top: double grey;
       border-bottom: double grey;
       padding-left: 10px;
       padding-right: 10px;
       padding-top: 10px;
       padding-bottom: 10px;
       
}
#lorem {
       padding-left: 20px;
       padding-right: 20px;
}



P.S Fik en fejl meddeleles og gjorde som der stod, men funkede ikke, og i så selv hvad der skete :D (7 posts)
www.simon.simfre.dk
 
infobox infobox

infobox infobox
  Filer som er vedhæftet denne tråd  
 
Fil navn: Fil størrelse
imasuperstar.rar 2 KB
 
infobox infobox


infobox infobox
 
#1Drax(Anmeld) 08-01-2007 20:55:22
 
 
#0 > Nu har du ikke tilføjet din html side, må du lige gøre.

Men normalt laver man en padding-left:20px for at komme væk fra kantan, men kommer an på hvordan du bygger din side op jo :)
Administrator - TestMax.dk Stifter/Udvikler

Drax's signatur billede
 
infobox infobox

infobox infobox
 
#2GiMo(Anmeld) 09-01-2007 13:43:42
 
 
Det jo det! Det fik jeg aldrig lov til fordi dit vældige ASP.NET system fuckede. Men uploader det lige et andet sted.
www.simon.simfre.dk
 
infobox infobox

infobox infobox
 
#3Drax(Anmeld) 09-01-2007 13:46:16
 
 
Har ikke modtaget nogle fejl, og du har vel selv fået en besked om hvad der var galt hvis der var noget jo. og ja. .net slår alle de andre kodesprog :) :D

Du kan prøve at redigere din tråd og prøve og upload igen. ville være bedst.
Administrator - TestMax.dk Stifter/Udvikler

Drax's signatur billede
 
infobox infobox

infobox infobox
 
#4Ralla(Anmeld) 15-01-2007 09:09:48
 
 
Hvis jeg har forstået dit problem rigtigt, så skal du bare smide

margin-right:20px;

Ind i din #menu klasse i CSS filen.
Jakob Kruse
___________

www.pxit.dk
- all your pixels are belong to us!
 
infobox infobox

Påmindelse ved nyt svar

Ved at tilmelde dig automatisk påmindelse, modtager du en email så snart denne tråd bliver besvaret, dog sender vi kun en mail til dig, også selvom der er kommet flere svar, simpelthen for at spare dig for spam i din indbakke.


infobox infobox
  Svar på tråden  
   
 
 
infobox infobox

infobox infobox
  Læs dette før du sender dit indlæg!  
 
Ved tryk på send knappen accepterer du vores regelsæt som kan læses her
Praktiske informationer
Type Eksempel Resultat
Fed [b]din tekst[/b] din tekst
Kursiv [k]din tekst[/k] din tekst
Understreg [u]din tekst[/u] din tekst
Kode felt [code]din tekst[/code]
din tekst
infobox infobox