My current problem looks like this:
Current Code
There is some script in there that I could not get into the screenshot.
I am wanting the twitter feed to go on the far left (in line with the rest of the text, and also a few logos centered horizontally and vertically on the right with a header above them.
Related
I am trying to get the following text, set on the far left of the page, but all I get is centered text.
"Cover your page.
Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own."
How do I get this text on the far left?
Example is found here: https://getbootstrap.com/docs/4.5/examples/cover/
CSS is found here: https://getbootstrap.com/docs/4.5/examples/cover/cover.css
Thank you.
add margin-left:-200px; below float:left;
I'm doing a portfolio for freecodecamp and i'm trying to get my image and the the phrase side by side, picture on the right and description on the left. How do i line them up next to each other and keep them the same distance even when I shrink the page?
I'm trying to copy and paste the html but when I do it puts my page here, not the code.
Im using twitter bootstrap and really enjoy it as im not used to do webpages. Have a question though, i have a round logo and i would like to place it on top of a navbar - like shown on the image.
I can add an image inside the navbar, but as shown here i somehow want to put it on top of the navbar where as the logo will be larger than the navbar and look like on the picture.
Basically i would like to have a large circle (the logo) where the navbar will go through it in the middle with the logo on top.
can this be done ? thanks
edit : cant post pictures :(
Hard to say what you want exactly without having the image, but here is a guess:
Add the logo inside the block of your navbar and then, to your CSS file, set your image to have position: absolute and adjust the position by using, for instance, left and top.
Here's a js fiddle of the problem: http://bit.ly/Zd8JAU
I'm trying to place a header with a logo and a centred title at the top of the page. The idea is to center the title to the page itself and not within the gap left to the right of the logo, if that makes sense?
So I floated the logo over the top of the title and then altered the position of the logo shifting it upwards (as otherwise it insists on going beneath the title). The problem is this then creates a gap, which cascades down the page and I'd have to somehow shift everything up by the hight of the logo, and I really don't want to have to do that.
So is there a better way to get my logo positioned to the left of the title without creating gaps anywhere and without it causing an off-set on the text in the title?
EDIT: updated the fiddle to be clearer what I'm trying to achieve.
Yes, consider using a CSS background for your logo as part of your NAV element, which makes it easier to pad your text and position the image without interference.
I ask for a small help with two layouts:
1- In the master page I want the put a logo next to an upper bar.
How can I create such positioning:
a logo aligned to left and close to its right the bar's div.
2- In on specific content page I want to create two divs which split the center equally
and beneath the a wide div.
here is my lame try for the top-bar
http://jsfiddle.net/vYgLL/
Will tabular layout be the easiest?