http://wp-danmark.dk/forum/topic/hjaelp-til-css WordPress DK Forum Topic: hjælp til css da-DK Sat, 26 Sep 2026 23:35:26 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/hjaelp-til-css#post-5359 ons, 26 mar 2008 16:25:31 +0000 Thomas-DK 5359@http://wp-danmark.dk/forum/ <p>Umiddelbart er det fordi at header er for bred, prøv at sætte den til 500px og se om de 2 div'er bliver vist på linie med hinanden.</p> <p>Hvis de gør det, så skal du bare tilpasse bredden på headeren. Jeg vil gætte på 720px. </p> http://wp-danmark.dk/forum/topic/hjaelp-til-css#post-5358 ons, 26 mar 2008 16:07:22 +0000 Thomas-DK 5358@http://wp-danmark.dk/forum/ <p>Jeg sidder desværre på en Mac, så jeg kan ikke teste det i IE, men jeg prøve at lave en anden løsning, som IE måske vil være med til.</p> <p>Jeg vender lige tilbage </p> http://wp-danmark.dk/forum/topic/hjaelp-til-css#post-5331 tirs, 25 mar 2008 17:57:13 +0000 brianbrandt 5331@http://wp-danmark.dk/forum/ <p>Explorer vil bare ikke rette sig til... danm it... grr </p> http://wp-danmark.dk/forum/topic/hjaelp-til-css#post-5259 ons, 19 mar 2008 20:45:32 +0000 brianbrandt 5259@http://wp-danmark.dk/forum/ <p>Hej Thomas..<br /> Tak for hjælpen, det rettede dog desværre kun problemet i Firefox... men den sidder over logoet nu i Explorer...<br /> Hvordan gør jeg den lige kompatibel med Explorer på det område .. Jeg har prøvet at rykke rundt på ting, men det gør det meget værre... </p> <p>Brian </p> http://wp-danmark.dk/forum/topic/hjaelp-til-css#post-5254 ons, 19 mar 2008 14:35:16 +0000 Thomas-DK 5254@http://wp-danmark.dk/forum/ <p>Hvis du fjerner float og clear fra headeren</p> <p>#header {<br /> width: 921px;<br /> margin: 0;<br /> padding: 0px 10px;<br /> border-width: 1px 0;<br /> border-style: solid;<br /> border-color: #ccc;<br /> background: #fff;<br /> }</p> <p>Og tilføjer lidt margin til #feed</p> <p>#feed {<br /> width: 200px;<br /> float: right;<br /> padding: 2px 50px 0 0;<br /> background: #fff url(images/subscribe.gif) no-repeat right 0;<br /> border-width: 0px 0;<br /> border-style: solid;<br /> border-color: #ccc;<br /> margin:33px;<br /> }</p> <p>Om det ser rigtigt ud i alle browsere har jeg ikke testet, men ellers burde det være et par små ændinger.</p> <p>God fornøjelse </p> http://wp-danmark.dk/forum/topic/hjaelp-til-css#post-5197 tors, 13 mar 2008 22:33:51 +0000 brianbrandt 5197@http://wp-danmark.dk/forum/ <p>nå... det "kode" tag jeg brugte gav da et lidt underligt indlæg... håber det er forståeligt... </p> http://wp-danmark.dk/forum/topic/hjaelp-til-css#post-5196 tors, 13 mar 2008 22:32:08 +0000 brianbrandt 5196@http://wp-danmark.dk/forum/ <p>Hej..<br /> Jeg er simpelthen ved at gå ud af mit gode skind, sikkert over en meget simpel CSS streng jeg ikke kan hitte u' a'...</p> <p>(obs! teksten kan ikke ses i explorer, men kan ses i firefox)..</p> <p>Det drejer sig om denne side : <a href="http://www.buymagictrick.com/test" rel="nofollow">http://www.buymagictrick.com/test</a><br /> Jeg vil gerne have teksten "subscribe to RSS" til at stå til højre for billedet.. altså alignet, og ikke over billedets højde som det gør nu...<br /> Det skal så og sige ind over billedet på en eller anden måde...<br /> (De 921 er bredden fra den ene til den anden side)</p> <p>Jeg har dette stående i header.php for feeded og billedet...</p> <p><code>&lt;div id="feed"&gt;</p> <ul> &lt;li class="feed-blog"&gt;<a>" title="Subscribe to the feed"&gt;Subscribe by RSS</a><br /> &lt;li class="feed-blog"&gt;<a>" title="Subscribe to the feed"&gt;Subscribe by RSS</a> </ul> <p>&lt;/div&gt;&lt;!-- feed --&gt;<br /> &lt;div id="header"&gt;<br /> <a>/"&gt; <a href="http://buymagictrick.com/test/wp-content/uploads/2008/02/logo-magic-test.jpg" rel="lightbox5196"><img src="http://wp-danmark.dk/forum/tumbs/tumb_8e697bec111b0b799d09c4db17953c62_logo-magic-test.jpg" /></a>" border="0" /&gt;</a></p> <p>&lt;/div&gt;&lt;!-- header --&gt;<br /> </code></p> <p>Og dette stående i stylesheetet for Header og Feed...</p> <p><code><br /> /* HEADER */</p> <p>#header {<br /> float: left;<br /> width: 921px;<br /> margin: 0;<br /> padding: 0px 10px;</p> <p> clear: left;<br /> border-width: 1px 0;<br /> border-style: solid;<br /> border-color: #ccc;<br /> background: #fff;<br /> }<br /> #header h1 {<br /> display: inline;<br /> float: left;<br /> width: 650px;<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> #header h1 a {<br /> padding: 0;<br /> margin: 0 0 0 5px;<br /> }<br /> /* FEED */<br /> #feed {<br /> width: 200px;<br /> float: right;<br /> padding: 2px 50px 0 0;<br /> background: #fff url(images/subscribe.gif) no-repeat right 0;<br /> border-width: 0px 0;<br /> border-style: solid;<br /> border-color: #ccc;</p> <p> }<br /> #feed ul { margin: 0; padding: 0; }<br /> #feed ul li { list-style-type: none; text-align: right; margin: -1px 0 4px 0; padding: 0; }<br /> #feed ul li a { font-weight: bold; }<br /> #feed ul li a:hover { text-decoration: underline; }<br /> </code></p> <p>Er der en venlig sjæl som lige kan give mig opskriften på at få teksten ned på siden af billedet... jeg har siddet i flere timer nu og prøvet det meste uden held... </p>